Шкала размеров

Короткий набор размеров и отступов на всю страницу: например, 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 «Шкала: четыре размера вместо десяти» · Интерфейсы и сайты с нуля

Связанные слова

Ещё слова раздела «Интерфейсы и браузер»

Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.

Что ещё есть на сайте

Учиться: Уроки · Программирование с нуля · Интерфейсы и сайты с нуля · Компьютер без страха · Если уже случилось · Какой компьютер нужен · Без кода: ставить задачу · Конструктор описания задачи

С чего начать: Гайды: с чего начать · Тест «с какого урока начать» · Профессии и языки

Потренироваться: Практикум: задачи из жизни · Игры-тренажёры · Симулятор: от задания до сдачи · Мастерская экрана · Колесо фортуны

Словари и юмор: Словарь программиста · Словарь руководителя · Корявые задачи

Сайт, оплата и помощь: Родителям · Инструкция пользователя · Сообщество · Подписка · Помощь и поддержка · Отзывы учеников · Профиль и пароль