Блок 5/1.
Использование шрифтов в графическом дизайне

Типографика — это элемент хорошего дизайна. Она окрашивает слова в нашем языке и придаёт им смысл.

Шрифт Caslon с засечками используют для набора книг. Bodoni не используют для набора большого массива текста, но зато он блистает в заголовках журнала. Roboto Slab был создан для использования в цифровой среде.

Helvetica — швейцарский нож в графическом дизайне. Он входит в группу новых гротесков для универсального использования. Он хорошо смотрится на плакатах, в книжной наборе и в цифровой среде. Brush-up и Heroe — яркие примеры декоративных шрифтов. Им нашли применение в буквицах, и заголовках при оформлении глянцевого журнала.

Рукописное написание слова «Живой» и рубленый гротеск в шрифтовой паре логотипа Живой хлеб

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

Строгая и сильная шрифтовая пара Oswald, Roboto Slab и PT Sans

Это сочетание крупного заголовка и небольшого текста, типа анонса или врезки. Удачное решение для верстки статей для журналов или сайтов. Шрифты в такой паре могут быть полными противоположностями

Строгая и сильная шрифтовая пара Oswald, Roboto Slab и PT Sans

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

Jack Qiao обучил нейронные сети (веб-сервис Fontjoy) подбирать гармоничные шрифтовые сочетания при помощи обучаемого алгоритма.

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

В этом уроке рассказывается о двух простых трюках, которые дадут вам преимущество перед другими дизайнерами. Полная версия о способах гармоничного сочетания шрифтов даётся в платной версии этого курса.

Гарнитуры Gotham Pro и Merriweather будут хорошо сочетаются, потому что у них очень близкие высоты строчных знаков.

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

Супер семейства PT Sans + PT Serif, Roboto + Roboto Slab, Noto + Noto Serif созданы, чтобы упростить дизайнеру выбор среди множества шрифтов. Соединяя шрифты из семейств дизайнеру проще найти гармоничные шрифтовые пары.

Не используйте слишком много шрифтов в одном проекте. Используйте два-три шрифта в веб-проектах. Этого бывает достаточно.

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

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

Относитесь к выбору шрифта очень серьезно. Раньше шрифты создавались, чтобы решать проблемы при печати. Во времена печатного пресса и переноса краски с свинцовой буквы на бумагу, создатели шрифтов думали о износе буквы и затекании краски, поэтому на свет появился такие гарнитуры как Hermes и Block. Мягкие контуры и низкий контраст букв скрывали износ при печати и позволяли получить бОльшее количество оттисков.
Сегодня мы получаем информацию на дисплее Retina, поэтому современный вид шрифтов определяется эстетическими предпочтениями дизайнера.

Сериф, засечка (слева)
в антиквенных шрифтах – короткий, обычно перпендикулярный штрих, которым начинается и заканчивается основной штрих знака.
В старой литературе иногда называется «отсечка». Один из основных признаков шрифтовой формы.

Основной штрих (справа)
доминирующий вертикальный или наклонный штрих, составляющий основу знака. Как правило, основные штрихи толще, чем Соединительные. В округлых формах знаков основной штрих называется наплыв.

Соединительный штрих (слева)
горизонтальный, наклонный или изогнутый штрих, соединяющий основные штрихи. В шрифтах с выраженным контрастом обычно тоньше, чем основной штрих.
Строчная и прописная буква (справа)
буква, которая по своему размеру меньше
прописной (заглавной) буквы и иногда отличается от нее и по рисунку, например, наличием выносных элементов.

О терминологии в типографике в полном курсе.

Иллюстрация «Оптические иллюзии» из книги «Типографика» графического дизайнера Эмиля Рудера

А—геометрически точный квадрат кажется ниже по высоте. B — при точном разделении нижняя часть кажется меньше по высоте. С — вертикальная линейка зрительно становится тоньше. D — горизонтальные линии зрительно удлиняют квадрат в высоту. E — вертикальные линии расширяют квадрат. F— черный квадрат при уменьшении выглядит как круглая точка. G—белый квадрат на черном выглядит крупнее своего брата на белом. рис H. K— геометрически точный круг кажется вытянутым в ширину

Графический дизайнер Эмиль Рудер в книге «Типографика» отмечает особенность восприятия человеческого глаза. «Печатная литера, которую глаз, находит «правильной», не может быть построена. Глаз склонен к преувеличению всего горизонтального и к более слабому восприятию вертикальных частей. Оптические иллюзии нельзя отбросить как пустяки, и всякий проектировщик должен представлять себе связанные с этим проблемы.»

Подробнее про «Оптические иллюзии в шрифтах» в полном курсе

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

Поздравляю, пятый блок «Типографика в графическом дизайне» успешно пройден! Поделись с нами! Расскажи, что было новым и неизвестным?

Напиши своё мнение о блоке «Теория цвета в графическом дизайне» на Флампе или Яндексе.

Блок 6/0.
Далее — автоматизация процесса в графическом дизайне

Процесс можно сравнить с конвейером. Благодаря Генри Форду весь мир узнал, что собирать машины можно быстрее и дешевле.

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

Используйте методы дизайн-процесса и вашу работу будут оценивать выше, чем конкурентов.

© Copyright, {{current_year}}, {{ec_es_email_sender_company}} • {{ec_es_email_sender_address}}

Вы получили данную рассылку, так как являетесь клиентом или подписчиком {{ec_es_email_sender_company}}. Отказаться от рассылки