12 принципов визуальной иерархии

visual_logo

Чем отличается действительно классная композиция от «не очень»? Дьявол кроется в деталях. Команда Visme визуализировала и описала их — основные правила создания крутого контента.

1. Размер и масштаб

visual-1

Размер, конечно, имеет значение — но важнее пропорции и соотношение.

2. Цвет и контраст

visual-2

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

3. Иерархия типографики

visual-3

Подумайте о газете. Заголовки и крутые статьи там сделаны больше. такой же принцип можно использовать для чего угодно. Есть важная информация — выделяйте её.

4. Дистанцирование

visual-4

Пространство усиливает ваш месседж и создаёт движение.

5. Сближение

visual-5

Близость элементов предполагает слаженные отношения. Если вы пишете о дружном коллективе, который стоит друг за друга, вы не можете разделять этих людей. Поставьте их теснее, сделайте их группой.

6. Негативное пространство

visual-6

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

7.  Построение

visual-7

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

8. Правило нечётных чисел

visual-8

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

9. Повторение

visual-9

Подобно тому, как контраст подчеркивает и привлекает внимание к элементам дизайна, повторение создает единство, которое повышает понимание и узнаваемость

10. Линии

visual-10

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

11. Правило третей

visual-11

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

12. Перспектива

visual-12

Используя перспективу, дизайнеры могут создать иллюзию глубины от нескольких дюймов до нескольких миль. Поскольку мы видим подобные иллюзии в реальном мире, мы обычно воспринимаем более крупные объекты как более близкие, и поэтому они обычно привлекают внимание лучше.

Читайте также:

5 всемирно известных логотипов, которые прошли silhouette test

UI/UX кейс: новое приложение для The New York Times

Подборка крутого UI контента за прошедшую неделю #6

<p style="text-align: center">Нашли ошибку?  Выделите текст и нажмите <em>Ctrl+Enter</em>.</p>
comments powered by HyperComments
comments powered by HyperComments
Поделиться:

Теги

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Яндекс.Метрика