Типография в веб-дизайне
Первое впечатление имеет значение. Большинство пользователей очень быстро покинут веб-страницу, если ее содержание не является удобочитаемым.
Что такое типографика?
Типографика в дизайне предполагает создание или выбор системы шрифтов и шрифтов для выражения письменного слова. Эта творческая форма искусства может вызывать сильные эмоции, используя визуально привлекательные буквы и расположение шрифтов, чтобы выразить индивидуальность вашего бренда. Хорошо продуманная типографика может повысить четкость коммуникации, обеспечивая удобочитаемость и удобочитаемость.
Почему типографика важна?
Типографика играет ключевую роль в создании качественных веб-сайтов, приложений, электронных писем, электронных книг и многого другого. Хорошая типографика может помочь вам:
- Выбирайте шрифты и типографские элементы, которые привлекают внимание пользователя еще до того, как он начнет читать.
- Установите визуальную иерархию с одинаковыми размерами и насыщенностью шрифтов, шрифтами с засечками и/или без засечек, парами шрифтов и комбинациями, чтобы направлять пользователей и улучшать читаемость.
- Повышайте узнаваемость бренда. При последовательном использовании хороший шрифт и типографика помогает пользователям идентифицировать ваш бренд по гарнитуре и стилям шрифтов, используемым для вашего фирменного контента.
5 популярных видов шрифтов
Дизайнеры обычно выбирают один из пяти популярных типов шрифтов: с засечками, без засечек, рукописный, моноширинный и дисплейный. Каждый включает в себя семейство шрифтов, охватывающее различные стили этого шрифта. Например, Helvetica — это шрифт, а Helvetica Light и Helvetica Regular — шрифты.
С засечками. Этот формальный, более традиционный шрифт имеет короткие линии или штрихи, которые выходят за пределы верхнего и нижнего концов букв. Известные бренды, такие как New York Times, Sony и J.P. Morgan, выбирают шрифт с засечками. Примеры включают Times New Roman и Garamond.
Без засечек: простой современный шрифт не содержит завитушек, присущих шрифту с засечками. Это популярный выбор для молодых брендов и технологических стартапов (например, Target, Airbnb и Doordash). Примеры: Helvetica, Arial и Calibri.
Рукописные: этот плавный курсивный шрифт может варьироваться от элегантной каллиграфии до игривого стиля письма. Шрифт не идеален для основного текста, но лучше всего подходит для кавычек, подписей и коротких заголовков. Примеры: Snell Roundhand, Pacifico и Scriptina.
Моноширинные. Ретро-шрифт в стиле пишущей машинки отображает буквы и интервалы фиксированной ширины, так что символы каждого слова занимают одинаковую ширину. Используемый в исходном коде для облегчения чтения моноширинный шрифт также встречается на многочисленных веб-сайтах и в графическом дизайне. Примеры: Courier, Bergen Mono и Source Code Pro.
Экранные шрифты. Привлекающий внимание шрифт (также известный как декоративный), может добавить изюминку и оригинальность логотипам, баннерам и заголовкам. Примеры: Clearview, Johnston и Skywalker.
