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

69

Я всегда находил выбор шрифта немного загадочным. Какие факторы следует учитывать при выборе шрифта? Как успешно включить два шрифта в дизайн?

Я понимаю, что некоторые факторы будут включать такие вещи, как:

  • разборчивость
  • Масштабируемость
  • Уместность / Настроение / Эмоции

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

Виртуозы Медиа
источник

Ответы:

44

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

  • Попробуйте сопоставить тип заголовка Sans-Serif с типом тела Serif
  • Избегайте подобных классификаций (не используйте 2 печатных шрифта или 2 сжатых шрифта)
  • Назначьте разные роли для каждого шрифта / шрифта
  • Контрастность шрифтов
  • Создать множество типографских цветов
  • Не смешивайте настроения
  • Контраст отличается с нейтральным (а не с другим отличительным шрифтом)
  • Избегайте слишком разнородных комбинаций (например, узких и расширенных)
  • Сохраняйте простоту (попробуйте только 2 шрифта)
  • Различные размеры точек
Кэлвин Хуан
источник
23

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

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

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

Damon
источник
16

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

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

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

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

Computerish
источник
12

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

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

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

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

введите описание изображения здесь

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

2. Группировка шрифтов: шрифт Family

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

введите описание изображения здесь

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

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

Примеры Geometric / Realist / Grotesk Sans: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.

введите описание изображения здесь

гуманист

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

Примеры Гуманистических Без: Gill Sans, Frutiger, Myriad, Optima, Verdana.

введите описание изображения здесь

Старый стиль

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

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

введите описание изображения здесь

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

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

Примеры переходных шрифтов: Times New Roman, Баскервиль.

введите описание изображения здесь

Примеры современных засечек: Бодони, Дидот.

введите описание изображения здесь

Плита с засечками

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

Примеры засечек: Кларендон, Роквелл, Курьер, Любалин График, Арчер.

введите описание изображения здесь

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

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

введите описание изображения здесь

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

4. Чуть аромата к дизайну

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

введите описание изображения здесь

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

введите описание изображения здесь

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

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

введите описание изображения здесь

В заключение

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

Источник

Digiscape Gallery
источник
8

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

Джон Чубб
источник
Я понимаю, что это может быть старый ответ, но вы должны объяснить свою ссылку в случае гниения ссылки.
DᴀʀᴛʜVᴀᴅᴇʀ
1

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

TKrugg
источник
1

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

kayhart
источник