Как играть со шрифтами и ВЫИГРАТЬ.

Глава 1

Скачайте эту картинку. Распечатайте. Повесьте над столом. Жаль, что у меня такой не было раньше. Я бы сэкономил огромное количество сожженных нервных окончаний)

Есть фразы, от которых у дизайнеров дёргается глаз.

— «Сделайте покрасивее». — «Добавьте креатива». — «Можно как-нибудь повкуснее?» — И, конечно, бессмертное: «Ну поиграй со шрифтами».

Причём в этот момент человек обычно сам не знает, что именно он имеет в виду. Он просто чувствует: что-то скучно, что-то плоско, что-то не цепляет, что-то «не как в кино».

И тут начинается магия. Потому что хороший дизайнер действительно начинает «играть со шрифтами». Только выглядит это не как весёлая вечеринка букв. Это работа дирижёра, световика, сценографа и психотерапевта одновременно.

Типографика — это вообще не только шрифт

Большинство думает, что типографика — это «выбрать красивый шрифт». На самом деле это всё, что связано с тем, "как текст выглядит на странице":

- размер букв, - расстояние между строками, - расстояние между буквами, - толщина, - композиция, - ритм, - воздух, - читаемость.

Типографика — это архитектура текста. Именно поэтому один набор слов выглядит дорого и солидно, а другой напоминает объявление «КУПЛЮ ГАРАЖ СРОЧНО ЗВОНИТЬ ДО ДЕСЯТИ». Слова могут быть одинаковыми, а ощущение — противоположным.

Шрифт — это интонация, а не украшение

Шрифт не про «красиво». Он про то, "каким голосом текст говорит с читателем".

Один и тот же текст можно превратить: • в приказ атомной корпорации, • в советский плакат, • в меню кофейни, • в хоррор, • в дорогой парфюм, • в стимпанк, • или в приглашение на свадьбу.

Это как свет в кино. Лицо одно и то же, но жёсткий верхний свет делает из человека злодея, мягкий тёплый — романтика, а зелёный люминесцентный — пациента в морге. Со шрифтами ровно так же.

Откуда берутся мурашки и почему «что-то не так»

Человеческий мозг дико чувствителен к ритму. Даже если человек не знает слова «кернинг», он всё равно ощущает:

- когда текст дешёвый, - когда тревожный, - когда премиальный, - когда «колхоз».

Объяснить не сможет, но мозг орёт: «НЕ ВЕРЮ!» Это как плохой грим или костюм в историческом кино. Вроде похоже, а внутри зрителя точит сомнение. Типографика работает на этом же уровне. Хорошую типографику не замечают — её чувствуют.

Главные типы шрифтов: четыре стихии шамана

Запомни четыре базовых «голоса», из которых строится любая игра.

Serif (с засечками) Классика, книги, газеты, старая школа. Примеры: Times New Roman, Garamond, Baskerville. Они говорят: «Мы серьёзные люди. Мы существуем давно».

Sans Serif (без засечек) Современность, технологии, интерфейсы. Примеры: Helvetica, Futura, DIN. Это голос: «Мы строим будущее». И тут важны оттенки: Helvetica — нейтральная корпоративная машина, DIN — немецкая инженерия, Futura — вера в прогресс и Баухаус.

Slab Serif (брусковые) Тяжёлые засечки. Завод, стимпанк, вестерн, этикетка виски. Примеры: Rockwell, Clarendon. Они не говорят — они стучат кулаком по столу.

Script (рукописные) Опасная территория. Один шаг отделяет элегантную каллиграфию от «свадебного ада из 2007 года». Пользуйся только если уверен в чувстве вкуса.

Настоящая магия живёт не в шрифте, а в воздухе

Вот тут начинается шаманизм. Один и тот же шрифт можно превратить в элитный, советский, sci-fi или инструкцию к дрели только за счёт:

- интерлиньяжа (расстояние между строками), - трекинга (расстояние между всеми буквами), - кернинга (расстояние между конкретной парой букв), - контраста размеров, - композиции и пауз.

Магия не в буквах — в том, как они дышат.

Интерлиньяж: как не задушить читателя

Слишком маленький → душно, тесно, текст слипается. Слишком большой → всё разваливается, теряется ритм. Хороший интерлиньяж — это когда текст свободно дышит и глаз легко перескакивает на следующую строчку. Для обычного текста делай 130–150% от размера шрифта. Это мгновенно превращает «простую простыню» в читабельный материал.

Трекинг: воздух между буквами делает стиль

Плотный трекинг часто выглядит дёшево и агрессивно — как газетное объявление. Широкий — сразу даёт ощущение дороговизны и спокойствия. Не поэтому ли люксовые бренды обожают логотипы с огромным воздухом: L O G O T Y P E Хитрость: крупный заголовок из прописных букв почти всегда просит немного увеличить трекинг, иначе он словно орёт. А мелкий текст иногда просит чуть раздвинуть буквы, чтобы не слипался.

Кернинг — тот самый круг ада, который все видят, но не осознают

Кернинг — это ручная настройка расстояния между конкретными двумя буквами. Проблема в том, что буквы разной формы: А — треугольная, V — тоже, О — круглая, Т — широкая сверху. Если компьютер ставит одинаковое расстояние математически, глаз видит дыры. Особенно в парах:

- AV - WA - To

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

Это и есть тот момент, когда дизайнер полчаса двигает две буквы, а заказчик не может понять, в чём разница. Разница — в уважении к глазу.

Как играть и не проиграть: заповеди типографического шамана

1. Не используй миллион шрифтов. Два-три — уже отлично. Больше — начинается цирк. Один для заголовков, один для тела, один для акцентов. Всё.

2. Не бери шрифт только потому, что он «красивый». Шрифт должен подходить задаче. Comic Sans на мемориальной доске — это чёрная месса, а Blackletter для детского йогурта — фильм ужасов.

3. Смотри на эпоху. Шрифты мгновенно выдают время: ар-деко, Баухаус, советский модернизм, 90-е, early web. Нельзя смешивать эпохи бездумно.

4. Проверяй кириллицу. Всегда. Это боль. У очень многих западных шрифтов прекрасная латиница и ужасная кириллица, будто её рисовал уставший стажёр в три ночи. Если в русском тексте буквы скачут или разной высоты — шрифт плохой, меняй.

5. Уважай воздух. Текст без отступов и полей — это как комната без окон. Добавь поля, отбей заголовок от текста, не прижимай слова к краям. Текст должен дышать.

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

Главное правило игры

Хорошая типографика никогда не орёт: «СМОТРИТЕ, КАКОЙ ШРИФТ!» Она просто создаёт ощущение, что всё правильно. Аккуратно, цельно, естественно. Именно поэтому её редко замечают, но всегда чувствуют. Это и есть победа — когда дизайнер «поиграл со шрифтами» так, что зритель увидел не игру, а суть.

P.S. Если после этой статьи ты начал замечать: — странные расстояния между буквами, — плохие логотипы, — ужасную кириллицу, — и «что-то не то» на вывесках,

— поздравляю. Ты проклят. Обратной дороги нет. Но теперь ты видишь суть вещей, а значит — можешь играть и выигрывать.