12 принципов визуальной иерархии (часть 4)

Первая часть поста тут: http://bugaychuk.blogspot.com/2017/09/12-1.html
Вторая часть тут: http://bugaychuk.blogspot.com/2017/09/12-2.html
Третья часть тут: http://bugaychuk.blogspot.com/2017/10/12-3.html

Линии предполагают движение

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

Сетка организует дизайн

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

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

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

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

Альтернативные сетки

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

Разрушение сетки

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

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

КОНЕЦ. Надеюсь Вам понравилось :-)

12 принципов визуальной иерархии (часть 3)

Первая часть поста тут: http://bugaychuk.blogspot.com/2017/09/12-1.html

Вторая часть тут: http://bugaychuk.blogspot.com/2017/09/12-2.html

Отрицательное пространство притягивает внимание

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

Композиции, лишенные пустого пространства, могут привести к запутанному и хаотичному дизайну. Дизайнеры могут использовать пустое пространство, чтобы предложить аудитории дополнительное визуальное сообщение. Просто подумайте о «стрелке» в центре знаменитого логотипа FedEx или дизайна Coca-Cola.

Выравнивание направляет внимание (взгляд)

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

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

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

Простые визуальные образы наиболее часто выравниваются по центру - формат, обеспечивающий баланс и гармонию.

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

Нечетные группы создают фокус

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

Например, группа из одного или трех элементов смотрится выгоднее, чем одна пара. Аналогично, группы, состоящие из нечетного числа объектов, почти всегда считаются более интересными и эстетически приятными, чем из четных. 

Повторение объединяет композицию

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

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

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

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

Продолжение следует...