Как выбрать шрифт для дизайна и не сойти с ума

web_design
Аудио дорожка
816
Как выбрать шрифт?
Как выбрать шрифт?
Как выбрать шрифт?
Как выбрать шрифт?
Как выбрать шрифт?
Как выбрать шрифт?
Как выбрать шрифт?
Как выбрать шрифт?
Как выбрать шрифт?
X1 X1.5 X2
15
15
+
Прослушать все статьи

Хотите довести дизайнера до белого каления одной фразой? Просто попросите его поиграть со шрифтами. Шутка эта почти так же стара, как сам дизайн, но не теряет актуальности и по сей день. А все потому, что подобрать шрифты для дизайна — та еще задача.

kak-vybrat-shrift-dlja-dizajna-i-ne-sojti-s-uma-1

Это не просто элемент дизайна. Это буквально его почерк, tone of voice, часть уникального стиля. И неважно, о чем конкретно мы говорим — о веб-странице, обычной визитке или целой операционной системе. 

Итак, давайте разбираться!

Виды шрифтов в дизайне

Вариантов классификации очень много. Но согласно базовой классификации существует четыре вида:

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

2. Шрифт без засечек (гротески) — считается более современным и модным вариантом, хотя появился еще в середине XIX века. Именно такие шрифты чаще всего используются в веб-дизайне. Они минималистичные, аккуратные и легко воспринимаются.

kak-vybrat-shrift-dlja-dizajna-i-ne-sojti-s-uma-2

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

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

Отсюда важный совет:

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

Выбираем шрифты для дизайна: 5 простых правил

  • Правило №1. Анализируйте контекст и настроение

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

  • Правило №2. Создавайте собственную коллекцию

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

  • Правило №3. Старайтесь сочетать разные шрифты

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

kak-vybrat-shrift-dlja-dizajna-i-ne-sojti-s-uma-3

  • Правило №4. Откажитесь от «плохих» шрифтов

Распечатайте следующий список и прикрепите на стене возле компьютера с пометкой «Не использовать даже под дулом пистолета»: Times New Roman, Comic Sans, Courier, Souvenir, Brush Script, Arial. Не все эти шрифты плохие. Некоторые просто слишком «заезженные» и «попсовые».

  • Правило №5. Ищите вдохновения у профессионалов

Это не значит, что надо «вытаскивать» шрифты со страниц и бездумно их использовать. Нужно смотреть на сочетания, размеры, начертания, цвета и т. д. Так вы будете развивать чувство хорошего вкуса. Помните: насмотренность в веб-дизайне важна точно так же, как в фотографии или живописи.

Где брать бесплатные шрифты?

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

Есть множество площадок, где шрифты можно брать бесплатно и без каких-либо рисков:

  • Google Fonts
  • Adobe Fonts
  • Paratype
  • Type.Today
  • MyFonts
  • FontShop

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

kak-vybrat-shrift-dlja-dizajna-i-ne-sojti-s-uma-4

Вы также можете использовать встроенную базу шрифтов в редакторе. Например, как подобрать шрифт в Фотошопе: запускаем программу, выбираем инструмент «Текст» и в верхней части экрана появляется поле с текущим шрифтом. Кликнув по нему, вы увидите десятки других (не все поддерживают кириллицу).

Подведем итоги

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

Курс "Graphic-дизайн"

Graphic-дизайн

Хочешь получить обучение от Дениса Броната?

На курсе получите:

  • Полный экскурс с Photoshop, слой за слоем
  • “Вектор” Великий и ужасный. Основы работы в Adobe Illustrator
  • Motion design - наше все или как создавать анимации в Adobe After Effect.

А теперь — главное!

В марте 2022-го стартует новый офлайн-поток курса «Graphic Design». Здесь мы помимо прочего рассказываем и показываем на реальных примерах, как выбирать и использовать шрифты правильно, как их комбинировать и когда все-таки стоит покупать. Максимум знаний и практических навыков в компании единомышленников. Зарегистрироваться можно уже сейчас!