Плотность интерфейса
Сколько информации приходится на единицу площади: внутренние отступы, расстояние между блоками, кегль и межстрочный интервал. Деловой стиль плотный (20 px внутри карточки), премиальный просторный (32 px) — и именно это, а не цвет, отличает их сильнее всего.
Как это выглядит: плотно: padding 20px, gap 16px, текст 15px / 1.5 просторно: padding 32px, gap 28px, текст 17px / 1.75 одна и та же карточка — разный характер
Не путать: Плотность — не «на глаз тесно». Её считают числами: отступ внутри, промежуток между блоками, кегль, интерлиньяж. И это не то же самое, что «воздух» вообще: воздух — приём, плотность — измеримое свойство. Уменьшать кегль, чтобы «влезло больше», — не повышение плотности, а способ сделать текст нечитаемым.
Откуда слово: От древнего корня со значением «сбитый, тесный»: тот же корень у «плот», «плоть» и «сплотить». Плотность буквально — «насколько сбито вместе». В интерфейсе смысл прямой: сколько элементов уложено на одном экране и как тесно они стоят.
Где это проходят: урок 13.2 «Деловой и премиальный: разница в воздухе, а не в цвете» · Интерфейсы и сайты с нуля
Связанные слова
Ещё слова раздела «Интерфейсы и браузер»
- HTML
- Тег
- CSS
- Селектор и класс
- Отступы: padding и margin
- Вёрстка
- Flex
- Адаптивность
- JavaScript
- Событие
- Скрипт
- Браузер
- Ошибка 404
- Крошки
- Песочница
- Куки
- Спрайт
- Анимация
- Хитбокс
- Иерархия
- Контраст
- Палитра
- Насыщенность
- Сетка
- Отступ
- Аффорданс
- Гештальт
- Закон Фиттса
- Закон Хика
- Закон Якоба
- Когнитивная нагрузка
- Типографика
- Кегль
- Межстрочный интервал
- Длина строки
- Шкала размеров
- Брейкпоинт
- Юзабилити
- Скринридер
- Тепловая карта
- Дизайн-токены
- Фирменный стиль
- Гайдлайн
- Айдентика
- Акцидентный шрифт
- HTTPS
- Закон Миллера
- Общая судьба
Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.