пары
school_flashfamily
шрифтовые
тильда гуру
school_flashfamily
шрифты для заголовков
тильда гуру
Каждый шрифт имеет характер благодаря своей форме. С их помощью можно создавать настроение на сайте
school_flashfamily
тильда гуру
Минималистичный, строгий, геометричный
характер шрифтов
Высокий, массивный при этом изящный
school_flashfamily
тильда гуру
Монументальный, исторический
характер шрифтов
Футуристичный, технологичный
school_flashfamily
тильда гуру
как подобрать шрифт для заголовков
настроение → образ → поиск общего
school_flashfamily
тильда гуру
настроение
Нужно понять, какое настроение мы хотим вызвать у пользователя сайта, и прописать к нему образы и ассоциации
Представим, что нам нужно подобрать шрифт для сайта корейского фастфуда, и пропишем к нему ассоциации и образы
- Корейская архитектура
- Иероглифы
- Орнаменты
- Лавки с фастфудом
school_flashfamily
тильда гуру
образ
Визуализируем выписанные образы. Для этого идём в гугл картинки или пинтерест и вписываем наши ассоциации
Ищем у картинок общие черты: форму, геометрию, композицию
school_flashfamily
тильда гуру
поиск общего
Ищем шрифты, которые отражают эти черты
Имеет схожие черты с архитектурой, но сильно отсылает к историчности
Форма букв перекликается с национальными паттернами, но сам шрифт достаточно строгий
Более дружелюбный и читабельный вариант, при этом небольшие засечки отсылают к востоку. То что нужно
school_flashfamily
тильда гуру
результат
Шрифт гармонично сочетается с визуалом, и вызывает ассоциацию с востоком
А за счёт хорошей читабельности его можно использовать для наборного текста
school_flashfamily
тильда гуру
наборные шрифты
Основная задача наборного шрифта, чтобы пользователь мог комфортно считывать информацию
Чаще всего используются простые и понятные гротески
school_flashfamily
тильда гуру
шрифтовые пары
акцидентный
Используются для создания большего контраста заголовков
+
наборный
акцидентный
Используются для усиления эмоции на сайте, когда мало наборного текста
+
акцидентный
наборный
Самая часто используемая пара из одной гарнитуры
+
наборный
school_flashfamily
тильда гуру
акцидентный
наборный
наборный
различия
- гарнитура
- размер
- начертание
- класс (антиква, гротеск)
сходства
- открытость знаков
- геометрия букв
- размер выносных элементов
При подборе шрифтов обратите внимание на то, чтобы в паре были как сходства, так и различия
+
school_flashfamily
тильда гуру
пример
различия
- Гарнитура
- Размер
- Начертание
сходства
- Класс
- Геометрия букв
school_flashfamily
тильда гуру
пример
различия
- Гарнитура
- Размер
- Начертание
- Класс
сходства
- Геометрия букв
school_flashfamily
тильда гуру
акцидентный
акцидентный
акцидентный
+
Нужно выбирать визуально контрастные шрифты, которые либо имеют одинаковое настроение, либо создают его
school_flashfamily
тильда гуру
пример
добавляются для усиления задаваемого настроения, используются только контрастные гарнитуры
Гротеск имеет декоративные формы некоторых букв в гарнитуре, например Я и А, что придаёт неформальности и неряшливости.
Рукописный шрифт тоже выглядит неряшливо, есть ассоциация с подписью маркером, что отсылает к детскому лагерю
school_flashfamily
тильда гуру
пример
Антиква ассоциируется со школьной строгостью, а декоративный шрифт добавляет мягкости и детскости, что в комплексе создаёт настроение школьной продлёнки
flash_family
спасибо :)
school_flashfamily
flashfamily
school.flashfamily
тильда гуру
1/14
