Шкала размеров
Короткий набор размеров и отступов на всю страницу: например, 40 / 24 / 16 / 13 px и отступы 8 / 16 / 24 / 32 / 48. Соседние ступени отличаются в 1,25–1,5 раза, поэтому разница видна. Вместо десяти случайных чисел — четыре уровня, и страница выглядит собранной.
Как это выглядит: 40 — заголовок страницы 24 — заголовок раздела 16 — основной текст 13 — подпись отступы: 8 · 16 · 24 · 32 · 48
Не путать: Шкала — не «побольше разных размеров для красоты»: наоборот, она убирает лишние. И это не запрет на исключения: если нужен пятый размер, скорее всего это тот же уровень, но с другим весом или цветом. Не путать шкалу размеров со шкалой отступов — это два набора, но шаг у них общий.
Откуда слово: «Шкала» — от латинского scala — «лестница, ступени» (от scandere, «всходить»). Тот же корень у «эскалатора» и «шкалы прибора». Смысл буквальный: размеры стоят ступенями, и по ним видно, что выше, а что ниже.
Где это проходят: урок 10.3 «Шкала: четыре размера вместо десяти» · Интерфейсы и сайты с нуля
Связанные слова
Ещё слова раздела «Интерфейсы и браузер»
- HTML
- Тег
- CSS
- Селектор и класс
- Отступы: padding и margin
- Вёрстка
- Flex
- Адаптивность
- JavaScript
- Событие
- Скрипт
- Браузер
- Ошибка 404
- Крошки
- Песочница
- Куки
- Спрайт
- Анимация
- Хитбокс
- Иерархия
- Контраст
- Палитра
- Насыщенность
- Сетка
- Отступ
- Аффорданс
- Гештальт
- Закон Фиттса
- Закон Хика
- Закон Якоба
- Когнитивная нагрузка
- Типографика
- Кегль
- Межстрочный интервал
- Длина строки
- Брейкпоинт
- Юзабилити
- Скринридер
- Тепловая карта
- Дизайн-токены
- Фирменный стиль
- Гайдлайн
- Айдентика
- Акцидентный шрифт
- Плотность интерфейса
- HTTPS
- Закон Миллера
- Общая судьба
Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.