6 простых советов по созданию эффективной типографической иерархии

все о сети

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

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

1. Ограничьте количество гарнитур (шрифтов)

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

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

1. ограничить количество гарнитур (шрифтов)

2. дополнение и контраст

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

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

2. дополняющий и контрастирующий

3. рассмотреть характеристику

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

ЧИТАТЬ ЕЩЁ:  Vue.js и SEO - как оптимизировать реактивные сайты для поисковых систем и ботов

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

4. стратегически использовать щепотку

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

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

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

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

4. стратегическое использование пагинации

5. контрастные цвета

Цвет можно использовать как для классификации текста, так и для создания настроения. Однако контрастные цвета не только подсказывают пользователю, куда смотреть, но и влияют на эмоциональное восприятие. Цвет связан с эмоциями и традиционно ассоциируется с различными чертами характера.

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

5. контрастные цвета

6. внимание к пространству

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

ЧИТАТЬ ЕЩЁ:  14 умных способов создания авторитетного контента

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

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

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

6. использование <div class=.'ya-share2' data-counter data-services='vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,lj' data-url='http://www.internet-technologies.ru/articles/article-2127.html' data-size='m' data-yashareTheme='counter

Оцените статью