Без специальных терминов и сложной теории: как выбрать шрифт, подобрать размер, цвет и отступы.
Оставь только заголовки подзаголовки из кода:- Зачем нужна типографика?
- Что такое шрифт? Основные понятия?
- Основные виды шрифтов
- Типографика: советы начинающим
- Распространенные ошибки начинающих в типографике
Зачем нужна типографика?
Типографика — это искусство оформления текста, которое включает в себя работу со шрифтами, их размерами, сочетаниями, интервалами между символами и строками, а также правила компоновки текстовой информации.
Основные функции типографики:
- Улучшение читаемости текста. Правильно подобранные шрифты, интервалы и контрасты делают текст легким для восприятия.
- Создание структуры текста. Типографика помогает организовать информацию через использование заголовков, подзаголовков и других элементов разметки.
- Формирование стиля и атмосферы. Разные шрифты и их оформление могут передавать различные эмоции и создавать определенное настроение.
- Повышение эффективности коммуникации. Грамотная типографика помогает быстрее и эффективнее доносить информацию до аудитории.
- Создание фирменного стиля. Уникальные шрифты и их оформление могут стать узнаваемой чертой бренда или продукта.
Первый в мире шрифт создал «дизайнер» Франческо Гриффо в 1495 году. Он называется Bembo и используется до сих пор.
Так сегодня выглядит средневековый шрифт Bembo
Типографика применяется во всех сферах, где используется текст:
- в веб-дизайне
- рекламе
- печатных СМИ
- упаковке продуктов
- брендинге
- графическом дизайне
- книгоиздании
Ключевые преимущества правильного использования типографики:
- повышение доверия к бренду
- улучшение пользовательского опыта
- усиление эмоционального воздействия
- повышение конверсии
- создание профессионального имиджа
Самый распространенный в мире шрифт — Helvetica.
Все эти логотипы используют шрифт Helvetica
Что такое шрифт? Основные понятия?
Шрифтовые семейства, или гарнитуры — то, что мы видим в списке шрифтов, когда открываем электронный документ. Calibri, Impact, Georgia и так далее. А шрифт — конкретный вариант начертания в шрифтовом семействе. Начертания — Bold, Italic, Regular, то есть жирный, курсив и обычный.
Например, прямо сейчас этот текст пишется в формате Arial Regular.
Основные виды шрифтов
Шрифты с засечками
Засечки — хвостики у букв. Бывают более плавные, бывают более угловатые. Шрифт с более четкими и угловатыми засечками называют брусковым, например Bitter. Шрифт с закругленными и более изящными хвостиками называют антиквой. Первыми засечки на буквах стали использовать римляне для монументальных надписей, выгравированных на камне. Они придавали четкость окончаниям букв.
Надпись на камне, Древний Рим
Сегодня буквы с засечками принято выстраивать в ровную линию с одинаковой высотой. В прошлом было принято выравнивать буквы по горизонтали, из-за чего по высоте буквы сильно различались.
Русский алфавит, шрифт с засечками
Шрифты без засечек
Их также называют гротесками, то есть шрифтами без хвостиков на концах букв. Они состоят из прямых линий и напоминают геометрические фигуры. Никаких украшений, только голый функционал и минималистичность.
Это — шрифт без засечек
Самые известные из них — Arial, Helvetica, Calibri.
Посмотрите последние уведомления на своих телефонах — их тоже пишут шрифтами без засечек. Например, на iPhone это шрифт San Francisco, на устройствах Android — Roboto.
Первый шрифт без засечек придумал Уильям Каслон в 1816 году, он назывался «Англо-египетский шрифт в две строки».
Рукописные
Рукописный шрифт (скрипт) — это шрифт, который имитирует почерк, выполненный от руки. Они могут имитировать письмо:
- ширококонечным пером
- остроконечным пером
- кистью
- карандашом
- маркером
- шариковой ручкой
Такие шрифты различаются по связности: связные, где символы соединяются между собой, полусвязные и несвязные (все буквы отдельно друг от друга).
Есть несколько типов рукописных шрифтов:
- Формальные скрипты основаны на почерках XVII–XVIII веков, имеют равномерную толщину линий, используются для приглашений, грамот, имитации рукописи. Примеры: Kuenstler Script, Palace Script.
Роскошный Palace Script
2. Казуальные скрипты отличаются более свободным начертанием, линиями переменной толщины и похожи на написанные мокрой кистью. Примеры: Brush Script, Decor, Kaufmann, ArtScript.
Так выглядит Kaufmann
Самые популярные:
- Yarin
- Moloko
- Caravan
- Caveat
- Lemon Tuesday
- Novito Nova
- Miama Nueva
- Parabola
- Laptev
Акцидентные
Самая многочисленная категория шрифтов, которые не предназначены для набора основного текста. Они используются для создания акцентов и передачи определенного настроения.
Основные характеристики акцидентных шрифтов:
- предназначение — для заголовков, цитат, небольших текстовых вставок
- эмоциональная составляющая — способны передавать настроение или определенные эмоции
- разнообразие — включают в себя множество подтипов и стилей
- сложность чтения — не подходят для больших объемов текста из-за низкой читаемости
К акцидентным относятся рукописные, декоративные, готические, славянские и разнообразные нестандартные. Их используют для заголовков, брендинга, логотипов, баннеров.
Этот акцидентный шрифт называется Village Life
Популярные примеры:
- Valisca — в креативных проектах
- Damn — при создании современного стиля
- Druzhok — для создания дружелюбного настроения
- Gogol — используются в психологических проектах
Шрифт Valiska
Шрифт Druzhok
Моноширинные
Эти шрифты имеют одинаковую ширину букв, то есть выглядят непропорционально (у разных букв и цифр размеры, как известно, разные — например, i или l значительно уже, чем m или w).
Первые моноширинные шрифты появились из-за печатных машинок: после каждого символа механизм машинки позволял передвинуть каретку на одинаковое для всех символов расстояние. Потом они закрепились в программировании — в стандартном коде удобнее, когда все символы одной ширины, так как становится удобнее искать ошибки.
Шрифт печатной машинки
Моноширинный шрифт при программировании
Сегодня такие шрифты используют в буклетах, меню, логотипах компаний. Их ценят за лаконичность, качество и функциональность. Самые известные из них: TT Norms® Pro Mono, TT Interphases Pro Mono, TT Autonomous.
Интересно: TT Autonomous называют шрифтом будущего. Он появился в Амстердаме, когда один из дизайнеров воспользовался электрическим такси. Он задумался о том, какой шрифт может ассоциироваться с таким транспортом.
Шрифт будущего
Типографика: советы начинающим
Например, вы создаете презентацию и хотите, чтобы она хорошо выглядела. Есть несколько основных правил.
- Используйте два шрифта в одном макете, не больше. Иначе текст будет очень плохо восприниматься визуально.
- Проверьте текст на висячие предлоги. Предлог, который остался последним в строке, нужно перенести на следующую. С другой стороны, если при этом строчки будут слишком разными по длине, то предлог вполне можно оставить — для более гармоничной картинки.
- Выравнивание лучше делать по левой стороне. Осторожнее с выравниванием по центру — это создает излишний визуальный шум.
- Будьте внимательнее с цветным фоном. Проверьте его на читаемость — иногда такие тексты трудны для восприятия.
- Ориентируйтесь на цель дизайна. Понятно, что «веселенький» Comic Sans неуместен, если вы создаете инструкцию или договор оферты.
- Одно из правил типографики — строка должна вмещать 60–75 символов, не более. Можно даже сократить это количество — все для удобства чтения. Откройте любой современный журнал: текст в статье будет разделен на несколько колонок.
- В тексте на русском языке используются кавычки-елочки («»). Кавычки-лапки (“”) применяются для текстов на английском.
Распространенные ошибки начинающих в типографике
Самые распространенные — это отсутствие визуальной иерархии, несочетаемые между собой шрифты и использование прописных букв для выделения вместо правильного форматирования. Плохая читаемость текста возникает из-за неправильного подбора размера символов, неверного расстояния (двойные пробелы), неоптимального интервала между строками или использования сложных шрифтов.
Также новичкам, особенно при создании презентаций, свойственна перенасыщенность эффектов: чересчур много теней, градиентов, декоративных элементов. Естественно, ошибкой и даже дурным тоном будет считаться текст, полностью написанный заглавными буквами, с большим количеством курсива или жирного выделения, «рваными» краями основных блоков.
К техническим ошибкам относится неправильное использование дефисов и тире, неверный кернинг (расстояние между буквами) и недостаточный интерлиньяж (расстояние между строками).
Чтобы избежать этих ошибок, важно:
- Тщательно планировать визуальную иерархию.
- Проверять контрастность и читаемость.
- Избегать излишнего декорирования.
- Учитывать контекст и целевую аудиторию.
- Проводить тщательную вычитку материалов.
- Следовать базовым правилам типографики.
