tel+420 211 221 703

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

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

Размер

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

Контраст

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

Цвет

Просто выделите цветом ключевые тезисы из общего списка. Человек сразу зацепится взглядом именно за них. А это нам и нужно!

Расстояние

Можно разместить 2 блока со списками или тезисами рядом, но расставить разные межстрочные интервалы. На контрасте сможем легко привлечь внимание к нужному элементу.

Расстановка элементов

Вспомните, где располагается панель навигационных кнопок меню на большинстве ресурсов – сверху. Они расставлены на расстоянии друг от друга и выстроены в одну линию. Ниже идут баннеры, тестовые описания и т.п. Таким образом мы выделили визуально важную часть экрана.

Повторение

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

Для глубины подхода сделайте пару тестовых шаблонов и поэкспериментируйте. Удачных результатов!