Плотность интерфейса

Сколько информации приходится на единицу площади: внутренние отступы, расстояние между блоками, кегль и межстрочный интервал. Деловой стиль плотный (20 px внутри карточки), премиальный просторный (32 px) — и именно это, а не цвет, отличает их сильнее всего.

Как это выглядит: плотно: padding 20px, gap 16px, текст 15px / 1.5 просторно: padding 32px, gap 28px, текст 17px / 1.75 одна и та же карточка — разный характер

Не путать: Плотность — не «на глаз тесно». Её считают числами: отступ внутри, промежуток между блоками, кегль, интерлиньяж. И это не то же самое, что «воздух» вообще: воздух — приём, плотность — измеримое свойство. Уменьшать кегль, чтобы «влезло больше», — не повышение плотности, а способ сделать текст нечитаемым.

Откуда слово: От древнего корня со значением «сбитый, тесный»: тот же корень у «плот», «плоть» и «сплотить». Плотность буквально — «насколько сбито вместе». В интерфейсе смысл прямой: сколько элементов уложено на одном экране и как тесно они стоят.

Где это проходят: урок 13.2 «Деловой и премиальный: разница в воздухе, а не в цвете» · Интерфейсы и сайты с нуля

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

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

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

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

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

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

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

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

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