Почему сейчас это важнее, чем пять лет назад
Каждый типовой шаблон конструктора сайтов, каждая сгенерированная ИИ посадочная страница, каждая SaaS-тема «выглядит нормально» сходятся к одному и тому же визуальному языку: округлый шрифт без засечек, центрированный первый экран, мягкий градиент, щедрое свободное пространство — безопасно и забываемо. Ничто из этого не является ошибкой как таковой — оно просто взаимозаменяемо. Для независимой студии или мастера-одиночки, которые конкурируют на фоне этого шума, раствориться в массе — настоящий риск. Уверенный, конкретный типографский голос — один из самых дешёвых способов выглядеть как настоящая студия со своей позицией, а не как ещё один экземпляр того же шаблона, которым пользуются все остальные.
5 принципов, благодаря которым шрифт берёт на себя работу бренда
Выберите один уверенный голос, а не сочетание шрифтов, за которое приходится извиняться
Большинство сайтов небольших студий перестраховываются: «безопасный» шрифт заголовков в паре с ещё более безопасным шрифтом основного текста, оба выбраны так, чтобы никого не задеть. Выберите один яркий акцидентный шрифт для заголовков и названий и дайте ему по-настоящему выглядеть чем-то. Робость в типографике читается как робость в работе.
Используйте крайние значения шкалы, а не середину
Заголовок в 48 px рядом с основным текстом в 16 px — типовое значение по умолчанию, которое никто не замечает. Заголовок в 96 или 120 px, мимо которого читателю приходится прокручивать, создаёт физическое ощущение уверенности ещё до того, как он прочитал хоть одно слово. Крайности запоминаются; средние размеры пролистывают.
Относитесь к асимметрии как к намеренному приёму, а не к небрежности
Центрировать всё — самый быстрый способ выглядеть как шаблон. Заголовок, уходящий влево, смещённый подзаголовок, намеренно неровная сетка — всё это читается как авторские решения дизайнера-человека, а не как значения по умолчанию из библиотеки компонентов.
Пусть шрифт будет графикой, а не подписью под ней
У независимых студий редко есть бюджет на авторские иллюстрации или фотографию, которые действительно выделяют их среди других. Крупный, хорошо набранный шрифт не нуждается в поддерживающем изображении — он И ЕСТЬ визуал. Одно слово, набранное огромным кеглем и с правильным кернингом, способно в одиночку удержать весь первый экран.
Применяйте везде, а не только на первом экране главной страницы
Яркий первый экран, за которым следует шаблонный основной текст и поля форм по умолчанию, сводит на нет весь эффект за одну прокрутку. Типографский голос должен сохраняться в заголовках внутренних страниц, подписях на кнопках и даже в состояниях ошибок — именно последовательность превращает красивый первый экран в настоящий бренд.
Как это выглядит на практике
На этом сайте это значит: огромный акцидентный заголовок на первом экране, моноширинный акцент, намеренно используемый для подписей и метаданных (не потому что это модно, а потому что контраст с акцидентным шрифтом создаёт иерархию), и отказ центрировать всё просто потому, что центрирование — значение по умолчанию. Ничто из этого не дорого. Это не стоит ни одного лишнего евро на хостинг или инструменты — это стоит одного осознанного решения, принятого раз и навсегда: не выглядеть как последние двенадцать шаблонов, которые клиент уже видел.
Хотите сайт с настоящей типографской позицией, а не шаблон?
Давайте поговорим →About
Патрик Чен — независимый разработчик и веб-дизайнер, создатель Sublimearts.io. Я скорее выпущу один уверенный, узнаваемый сайт, чем десять безобидных, которые сливаются в одну и ту же прокрутку.