Чем темнее клетка, тем выше балл по этому показателю.
МеньшеБольше
Последняя проверка Источники и титрыМедиа-кредитыМетодология
Короткие ответы
Когда выбирать «Слайд и сетка документа»?
Когда история такая: PowerPoint или Google Slides, одностраничные страницы, классные плакаты.
Когда избегать?
В случаях вроде: штабелирование свободно плавающих коробок без общих краев.
Кто изобрёл или распространил?
Швейцарские энергосистемы; более поздние шаблоны презентаций и CSS Grid
Что кодирует?
колонны, желоба и поля как общая пространственная система
Можно в рекламе?
Да, если тезис виден сразу в Meta, Google и печать; иначе ссылка на полный рисунок.
Примет учитель?
Да для лабораторные и стенды, если есть оси, единицы и строка источника.
Слайд и сетка документа кодирует значения как колонны, желоба и поля как общая пространственная система. Швейцарские энергосистемы; более поздние шаблоны презентаций и CSS Grid.
В отчётах, рекламе и заданиях: PowerPoint или Google Slides, одностраничные страницы, классные плакаты. Избегайте, если штабелирование свободно плавающих коробок без общих краев.
ПО
- Open Props — Создавайте токены, включая масштабы пространства и размеров для единообразного макета. · MIT · github.com/open-props/open-props
- normalize.css — Базовая согласованность рендеринга при отправке раздаточных материалов в формате HTML. · MIT · github.com/necolas/normalize.css
- Primer CSS — Откройте шаблоны интервалов в системе проектирования GitHub, которые вы можете изучить. · MIT · github.com/primer/css
- Tailwind CSS — Масштаб интервалов между утилитами — украдите ритм, а не стек. · MIT · github.com/tailwindlabs/tailwindcss
- Geometry demos — Нарисованные на сервере скелеты фигур, обучающие выравниванию. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Экспорт
- Экспорт 1 — SVG
- Экспорт 2 — PDF
- Экспорт 3 — EMF/SVG в слайды (без скриншотов)
- Экспорт 4 — SVG для веба, PDF для печати
Доступность
- Доступность 1 — Никогда не цвет один. Сложите узор, подпись и положение.
- Доступность 2 — 4,5:1 для текста, 3:1 для крупных марок.
- Доступность 3 — Короткий alt у графика; числа также HTML-таблицей.
- Доступность 4 — Движение только как акцент. Уважайте prefers-reduced-motion.
«Слайд и сетка документа»: чтите колонны, желоба и поля как общая пространственная система и меняйте, если штабелирование свободно плавающих коробок без общих краев.