1) Композиционный центр
Поиск композиционного центра — ключевой этап. Важно наверняка дать понять зрителю, на что нужно обратить внимание в первую очередь. Выделить композиционный центр можно с помощью размера, цвета, контраста, формы или комбинации этих качеств. Главное в дизайне — это коммуникация со зрителем, поэтому композиционный центр макета помогает донести до зрителя основной посыл.
2) Иерархия
После формирования композиционного центра нужно понять, что делать с остальными элементами. Понадобится структурировать их и понять, какие важнее. Чем больше, ярче и красочнее элемент, тем на более высокой ступеньке иерархии он находится.
3) Использование направляющих линий
Когда вы хотите обратить на что-то внимание зрителя, достаточно указать на нужный объект. В графическом дизайне этого добиваются с помощью направляющих линий. В первую очередь зритель обращает внимание на композиционный центр, а после туда, куда решил дизайнер. Направляющие линии проводят через весь макет от композиционного центра к второстепенным объектам, в зависимости от их важности.
4) Контраст
Контраст нужен для привлечения внимания к тому или иному элементу композиции. Противопостовляя элемент остальным, вы заставляете его выделяться. Наиболее распространенными формами контраста являются темный/светлый, толстый/тонкий, большой/маленький. Часто бывает, что именно контраст помогает дизайну «бросаться в глаза».
5) Баланс
Чтобы освоить баланс, нужно учитывать «вес» каждого элемента. Значение имеют цвет, размер, формы элементов и их расположение в пространстве — на основании этого оценивается «вес» относительно других деталей. Например, чем больше и темнее элемент, тем он тяжелее.
6) Выравнивание
Принцип выравнивания сводится к тому, что расположение каждого элемента на макете не случайно. Именно выравнивание помогает организовать все элементы, какими бы разными они ни были. Это довольно удобно, особенно если макет насыщен разнообразной цветовой и текстовой информацией, в нем много изображений и заголовков. Использование сеток также относится к выравниванию.
7) Ритм
Наличие ритма обогащает композицию и помогает ее организовать. Он может выражаться графическими мотивами, текстом и цветом. Ритм бывает простым, когда меняется какая-то одна закономерность (форма, цвет, фактура или расстояние между элементами), и сложным, когда изменения происходят по нескольким параметрам.
8) Движение
Движущиеся объекты привлекают наше внимание больше статичных. В дизайне динамичные работы с намеком на движение или его имитацией быстрее привлекут внимание зрителя. Композиция с иллюзией движения, полета или пульсации кажется более интересной. Движения на макете проще добиться с помощью размытия, искривления элементов, необычного ритма и т.д.
9) Пустое пространство
Пустое пространство в макете — это важный принцип композиции, благодаря которому у дизайна появляется ясность и чистота. При должном количестве свободного пространства макет начинает «дышать». Суть сводится к тому, что ни одному из элементов композиции не должно быть в ней тесно. Использование негативного пространства дает глазам «время для отдыха», увеличивая привлекательность изображения с помощью новых трактовок изображения.
10) Отношение элементов с краями макета
Чаще всего дизайнеры оставляют пустым пространство по краям макета. Второстепенные элементы уменьшаются или исчезают по мере приближения к краям. Если же заполнить края, неизбежно будет создаваться ощущение перегруженности. Это не значит, что края макета неприкосновенны, но не забывайте о том, что расположение любого элемента композиции должно быть оправданным.
Подготовлено командой CIDR Family (по материалам сайтов: smashingmagazine.com, graphicmama.com, pinterest.com, toptal.com, medium.com)
