Яндекс.Метрика

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

Комбинирование шрифтов: подсказки и техники

20 января 2014 | Опубликовано в статьюшечки | 2 Комментариев »

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

 

С чего начать?

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

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

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

screenshot

Создайте контраст между шрифтами

screenshot
screenshot

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

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

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

screenshot

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

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

screenshot

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

Учитывайте величину очка шрифта

screenshot

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

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

Формы и наклон

screenshot

Шрифты с похожими характеристиками довольно просто сочетать. Обращайте внимание на общую форму шрифтов, толщину, стиль засечек и наклон букв.

screenshot

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

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

screenshot

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

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

Шрифт может создать настроение

screenshot
screenshot

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

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

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

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

Когда речь идет о настроении, философия создателя шрифтов Hoefler & Frere-Jones становится лучшей мантрой: “Сохраните одну вещь постоянной, и позвольте второй варьировать.”

Ресурсы в помощь

Итоги

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

Автор статьи Carrie Cousins

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Андрей
    Thumb up Thumb down +3

    *BRAVO* Отличная статья! Спасибо))

    Mary Ответ:

    Thumb up Thumb down 0

    Да! Статья полезная :) Читайте нас еще :))

[an error occurred while processing the directive]


[an error occurred while processing the directive]