Деловой и премиальный: разница в воздухе, а не в цвете

Урок 13.2 · Интерфейсы и сайты с нуля · Модуль 13. Один макет, разные стили · По подписке

Цель урока: Понять, чем «деловой» отличается от «премиального», и научиться делать премиальный вариант того же макета.

Нужно знать заранее: Урок 13.1

Объяснение

Зачем это нужно: Два самых частых слова в брифе — «деловой» и «премиальный» — путают больше всего. Оба про строгость, оба «не яркие», оба «взрослые». Исполнитель делает синюю страницу с ровными углами, заказчик говорит «нет, я хотел премиально», и начинается спор о вкусах. Спор бессмысленный: стили действительно разные, просто разница не там, где её ищут.

Как это работает: Если смотреть только на цвет и шрифт, деловой и премиальный похожи. Разница — в остальных шести параметрах, и главный из них — воздух. Деловой стиль — про плотность и ясность: 20 px внутри карточки, 16 px между блоками, кегль 15 px, межстрочный 1.5, тонкая граница, почти незаметная тень. Он рассчитан на то, что человек пришёл за информацией и будет её читать: тарифы, документы, кабинет, отчёты. Премиальный — про паузу: 32 px внутри карточки, 28 px между блоками, кегль 17 px, межстрочный 1.75, прямые углы, никаких границ, очень мягкая глубокая тень. Он рассчитан на то, что человек сначала посмотрит, а потом прочитает: услуга, студия, дорогой продукт, приглашение. Проще говоря: деловой ускоряет чтение, премиальный замедляет взгляд. Оба работают, но для разных задач.

Уроки модуля 13

• 13.1 Стиль — это восемь настроек, а не «красиво» (бесплатно)
• 13.2 Деловой и премиальный: разница в воздухе, а не в цвете — вы здесь (по подписке)
• 13.3 Молодёжный, детский, школьный: кому какой кегль (по подписке)
• 13.4 Праздничный слой: декор меняется, структура нет (по подписке)
• 13.5 Проект: три брифа — три стиля на одной странице (по подписке)