Как улучшить типографику в макетах

Не используйте много шрифтов на странице

Достаточно выбрать два шрифта (акцидентный и контентный) – это позволит избежать хаоса в макете. Классный сайт для подбора шрифтовой пары здесь

Ограничивайте длину строки

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

Оптимальная длина строки – 60-70 символов.

Не используйте Caps Lock в длинных заголовках или контенте

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

Используйте шрифт с большим количеством начертаний

Всем известно, что иерархия в текстах строится на базе размера текста и его начертания.
Шрифты, имеющие большое количество начертаний от Light до Extra bold, позволят лучше выстроить иерархию в текстах.

Соблюдайте расстояние между строк

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

Например, для контентного шрифта 16 кегля оптимальным интерлиньяжем будет значение 24 px.

Забирайте в работу 🔥

ЗD-герои для ваших проектов уже лежат тут и тут

Пользуйтесь🔥

Нужны ли попапы на сайте?

Попап – это модальное окно, которое закрывает основной контент на экране и заставляет пользователя выполнить действие для возврата к нему.

3 причины избегать использование попапов на сайте:

1. Они перекрывают пользовательский интерфейс и меняют пользовательский путь

Чтобы закрыть модальное окно, пользователю нужно совершить несколько действий, за это время он может забыть, зачем пришел на сайт и закрыть его. Цель не достигнута из-за сложной реализации

2. Предложение в модальном окне может не соответствовать запросу пользователя или не представлять интереса

В таком случае, вы скорее всего получите агрессивно настроенного пользователя, который не получил то, зачем пришел

3. Они добавляют неопределенность

Например, пользователям придется угадывать, что произойдет, если они нажмут кнопку «Назад», а многие браузеры не знают, как правильно обрабатывать вложенные модальные окна.

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

Энджой🔥

Когда пообещал прислать макеты до завтра, а оказалось, что там работы на 2 недели

#мемнаясреда