Принципы сочетания шрифтов

Ольга Вовчук

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

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

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

Если вы решили оформить картинку разными шрифтами, следуйте правилам.

Создайте контраст

Контраст — сочетание элементов разных по стилю, размеру и цвету.

Стиль:

Картинка 1: дизайнер приложения создал надпись с помощью двух шрифтов: рукописного и печатного. Получилась оригинальная картинка, которая украсит аккаунт.

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

Размер:

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

Картинка 2: Совмещая крупный и мелкий шрифт, вы получите эффектный графический элемент и выделите в надписи главное.

Дизайнер сервиса Over, применил этот приём и вынес на первый план ключевое слово «лето». Всё остальное он отправил на второй план.

Цвет:

Картинка 1: Пример из Инстаграм-аккаунта @wordswag. Дизайнер залил каждое слово своим цветом. Цвета сочетаются с цветовой палитрой картинки и создают гармоничный дизайн.

Картинка 2: Сммщик проекта SMM FOOD использует в оформлении картинок корпоративный жёлтый.

Используйте шрифты из состава одной гарнитуры или одного дизайнера

Благодаря одинаковым свойствам и единой концепции, они составят гармоничную комбинацию.

Картинка 1: PT Serif и PT Sans.

Картинка 2: Droid Serif и Droid Sans.

Используйте шрифты из состава одной гарнитуры или одного дизайнера

Пользуйтесь сервисами по подбору шрифтов.

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

Font Storage
Крутой сервис для работы со шрифтами.

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

Ещё одна вишенка на торте — полигон. На нём вы можете воссоздать макет страницы и увидеть как будет выглядеть текст на сайте.

Google Fonts
Пользователи любят этот сервис за простоту.

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

Скачивайте шрифты на компьютер или импортируйте на сайт — на все операции потратите не больше минуты.

What Font
Расширение для Гугл Хром. Кликнув на картинку на экране, приложение определит название шрифта, его размер и тип.

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

Забрать урок

Поделиться
Отправить
Запинить
Популярное