#4 урок. Базовый курс WDi
Как управлять эмоциями с помощью типографики
В этой статье мы научимся управлять эмоциями пользователя с помощью типографики. Придумаем проект, найдем нужные эмоции и выберем шрифт для заголовка. Но перед этим, восполним пробелы. Для этого начнем с основ: что такое типографика.

Типографика — это оформление текстов на электронных и печатных носителях. От того, как оформлен текст зависит, какие эмоции он передаст пользователю.

Эмоции передают четыре вида шрифтов. Начнем с двух больших групп — это шрифты с засечками и без них, они еще называются антиква и гротеск.

Антиква — это знаки с засечками: скругленными, брусковыми или пластичными.

Гротеск — знаки без засечек. У них более геометричная форма, в отличие от антиквы.
Эмоции, которые передают шрифты, зависят от начертания, угла наклона, остроты, брусковости. Например, жирный шрифт с брусковыми засечками передает уверенность, строгость и доверие:
А легкость и утонченность — шрифт с тонким начертанием. Например, рукописный:
Как подбирать шрифты

Шрифты к проекту подбираются по алгоритму:

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

Чтобы передать эти эмоции, нужен шрифт с засечками, которые передают приверженность традициям, твердость и надежность. Я думаю подойдет брусковая антиква, потому что засечки брускового типа смотрятся брутальными и уверенными. Для заголовка выберем жирное начертание.

Шрифт: Roboto slab
А если мы сделаем тоже самое с легким начертанием, мы передадим неверные эмоции:
Шрифт: Amatic SC
Смотрите, как стремление к красивому портит проект:
Домашнее задание

  1. Перейдите на сайт шрифтов от гугл
  2. Придумайте проект и пропишите нужные эмоции
  3. Подберите шрифты для заголовка, подзаголовка и наборного текста, которые передают эти эмоции
Тренируйтесь. Увидимся в следующих письмах.

С уважением,
WDI