Каковы наилучшие методы выбора и сопряжения шрифтов?

В Smashing Magazine есть действительно хорошая статья о комбинировании шрифтов :

• Попробуйте сопоставить тип заголовка без засечек с типом текста с засечками.
• Избегайте подобных классификаций (не используйте 2 плоских шрифта или 2 сжатых шрифта).
• Назначьте разные роли каждому шрифту/шрифту
• Контрастный вес шрифта
• Создавайте различные типографские цвета
• Не смешивайте настроения
• Контрастный отчетливый с нейтральным (а не с другим отличительным шрифтом)
• Избегайте слишком несопоставимых комбинаций (например, узкого и расширенного).
• Будьте проще (попробуйте всего 2 шрифта)
• Варьируйте размеры точек

Главное, что я имею в виду при соединении шрифтов, это следующее: второй шрифт говорит что-то другое?

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

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

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

Что касается сопряжения шрифтов, здесь снова действуют абсолютно фиксированные правила. Как правило, вы, вероятно, не хотите помещать Mosh с Times New Roman, но всегда может быть исключение.

Я бы порекомендовал прочитать статью I Love Typrography о выборе шрифтов:

http://ilovetypography.com/2008/04/04/on-choosing-type/

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

1. Какое настроение вы хотите передать?

Вы разрабатываете презентацию, веб-сайт или отчет о книге? Какое настроение вы хотите передать?

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

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

2. Группировка шрифтов: семейство шрифтов

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

Независимо от того, выберете ли вы Serif или Sans, в обеих категориях есть множество отличных вариантов. Чтобы узнать больше о классификации шрифтов, начните с поиска часто используемых категорий, таких как геометрический, гуманистический, старый стиль, современный, переходный и с засечками.

Геометрические шрифты без засечек — это шрифты, основанные на строгих геометрических формах. Отдельные формы букв геометрического гротеска часто имеют штрихи одинаковой ширины и часто свидетельствуют о своего рода минимализме «меньше значит больше» в их дизайне.

Примеры геометрического/реалистического/гротескного гротеска: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.

гуманист

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

Примеры гуманистических гротесков: Gill Sans, Frutiger, Myriad, Optima, Verdana.

Старый стиль

Эти шрифты отмечены небольшим контрастом между толстым и тонким, а изогнутые формы букв имеют тенденцию наклоняться влево (так же, как наклон каллиграфии). Лица в старом стиле в своих лучших проявлениях классические, традиционные и читабельные.

Примеры старого стиля: Дженсон, Бембо, Палатино и Гарамонд.

Переходный и современный

Формы букв переходного и современного более геометрические, острые и виртуозные, чем непритязательные начертания периода Старого стиля. В лучшем случае переходные и современные лица кажутся сильными, стильными и динамичными.

Примеры переходных шрифтов: Times New Roman, Baskerville.

Примеры современных шрифтов с засечками: Bodoni, Didot.

Брусчатка с засечками

Slab Serif также называют механистическим, квадратным шрифтом с засечками или египетским шрифтом. Это тип шрифта с засечками, характеризующийся толстыми блочными засечками. Наконечники с засечками могут быть либо тупыми и угловатыми (Rockwell), либо закругленными (Courier).

Примеры шрифтов Slab Serif: Clarendon, Rockwell, Courier, Lubalin Graph, Archer.

3. Выбор с засечками и без засечек

Основное название вашего проекта может быть написано жирным шрифтом без засечек. Может быть хорошей идеей использовать шрифт с засечками в основном тексте. Вы хотите, чтобы был некоторый контраст, чтобы показать разницу между двумя разделами вашего проекта. Сочетание двух или более шрифтов может быть сложной задачей. Общее эмпирическое правило заключается в использовании комбинации нейтрального шрифта с засечками и шрифта без засечек. Это безопасно, просто и это работает. Установите заголовок в «Helvetica», а основной текст в «Times New Roman», и все готово!

Если это слишком скучно для вас, попробуйте скомбинировать старый шрифт с современным. Как насчет шрифта без засечек? Если вы делаете это, важно обратить внимание на контраст между выбранными вами шрифтами. Убедитесь, что контраст между ними достаточно велик, чтобы разделить их. Если шрифты слишком похожи, они будут выглядеть неуклюже и неуместно. Сочетание «Helvetica» и «Arial», например, будет выглядеть скорее как неосторожная ошибка, чем как сознательный дизайнерский выбор.

4. Изюминка дизайна

Демонстрационные и декоративные шрифты следует использовать с осторожностью. Маленький «шанхайский» шрифт имеет большое значение. Работает в этом меню в заголовках логотипа и категорий. А теперь представьте, что все меню, написанное шрифтом «Шанхай», затрудняет чтение. Если вас не беспокоит удобочитаемость, эти шрифты не подходят для больших блоков текста. Эти шрифты экономно применяются к заголовкам, дисплейный шрифт может добавить необходимую изюминку дизайну, но он может быстро изнашиваться, если его использовать слишком широко.

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

5. Правило номер пять: «Правил нет»

Есть только условности; нет железных правил о том, как использовать шрифт, так же как нет правил о том, как мы должны одеваться по утрам. Стоит попробовать все, чтобы посмотреть, что получится. Типографика — это то, чему вы учитесь со временем, и это требует бесконечных проб и ошибок. В конце концов, это становится легким, естественным процессом. А пока получайте удовольствие!

В заключение

Я надеюсь, что эти пять принципов дали вам некоторые рекомендации по выбору, применению, смешиванию шрифтов и смешиванию их вообще. В конце концов, выбор шрифтов требует сочетания понимания, интуиции и навыков, требующих практики.

Источник

Блестящая статья Хеофлера Фрера Джонса: http://www.typography.com/email/2010_03/index_tw.htm

В дополнение к тому, что было опубликовано, вы можете взглянуть на «Большую книгу комбинаций шрифтов» , которая помимо того, что великолепна, является бесконечным источником вдохновения, который хорошо иметь под рукой ;)

Хороший справочный веб-сайт, где можно увидеть, как люди используют парные шрифты. I Font You Они также дают название каждого шрифта в описании. Еще одним хорошим ресурсом является приложение для смартфона под названием «WhatTheFont». Вы можете сфотографировать шрифт, и оно попытается найти его правильное название. Это здорово, если вы видите типографику, которая вам нравится или кажется эффективной.