Типографика // Дизайн в цифровой среде

#13. Основные понятия типографики
и инструменты верстки

Советы по работе с текстовым материалом. Как его структурировать, как ориентировать читателя, как работать с микротипографикой

Мы рассмотрим общие понятия и знания по работе с текстом, которые сформировались и утвердились еще в книгоиздании, стали фундаментальными и частично перешли в журналы и другие печатные формы. В веб-типографике есть свои особенности, которые мы рассмотрим в разделе «Типографика в вебе. Функциональные компоненты статьи».

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

О типографике замечательно сказал знаменитый английский типограф и шрифтовой дизайнер Стенли Морисон:

Типографика — это искусство подобающего расположения наборного материала сообразно конкретному назначению

Верстка — процесс работы над типографикой. Хорошая верстка зависит от мастерства дизайнера или верстальщика распределить и оформить текст в макете.

Работа над типографикой — очень важный процесс, он требует внимания и умения «копаться в деталях», это особый труд и довольно кропотливый. Любой продукт с недоработанным текстом будет выглядеть плохо, какими бы интересными и качественными не были в нем картинки.

Как начинающему дизайнеру определить качество типографики? Главное свойство хорошо cверстанного текста — незаметность, лаконичность. При чтении вам ничто не должно мешать воспринимать информацию.

Существует понятие — «серебро набора». Это свойство хорошо сверстанного текста, который смотрится в проекте ровным и цельным серым блоком. Эта самая равномерность и называется «серебром набора». Для текста, особенно рассчитанного на линейное чтение, это незаменимое качество.

Текстовый блок на странице смотрится ровным серым полотном, и даже выделения в тексте незаметны и не вызывают зрительного дискомфорта.

Структуризация текста

Для чего нужен анализ текста, что такое рубрики и элементы навигации.

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

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

Дополнительный текст — предисловия, примечания, сноски, цитаты, комментарии, поясняющие или подтверждающие слова. Такие тексты содержат важные сведения, но не отражают основную мысль послания.

Введение

Задача и идея

Дизайн-исследование и фокусировка

Оcновы графического дизайна

Прототипирование

Контент

Дизайн

Чтобы читать дальше, оплатите годовую подписку на Тильду и получите курс в подарок!

Также в этом курсе