Опубликованы итоги рейтинга разработчиков государственных сайтов за 2016 год
Previous
выбрать за меня
Яндекс.Деньги реализовали возможность оплаты через Apple Pay
Next
Контент-маркетинг

Визуальная иерархия как она есть: 10 элементов. Инфографика

Автор: Дима Иванишин01.11.2016

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

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

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

В этой инфографике представлен топ-10 структурных элементов визуальной иерархии.

10 структурных элементов визуальной иерархии

10 структурных элементов визуальной иерархии

  1. Размер
  2. Цвет
  3. Расположение
  4. Пространство
  5. Контраст
  6. Стиль
  7. Симметрия
  8. Сходство
  9. Группировка
  10. Единство

Чтобы заинтересовать клиента своей информацией, не стоит забывать ни об одном элементе из этого списка.

Реакция на статью
поделюсь
0%
интересно
0%
полезно
0%
не уверен
0%
скучно
0%
где автор?
0%
Дима Иванишин
Дизайнер, адаптирую инфографику.
Комментарии
Оставить отзыв

    You must log in to post a comment

    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Уведомления о новостях, статьях и инфографике будут приходить раз в неделю.
    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Позвольте нам обновлять ваши знания раз в неделю.