9 правил композиции для дизайнеров UX / UI

1 – Правило третей

Если вам сложно создать композицию и вы не всегда понимаете, гармонична ли она, это правило поможет.

Суть правила третей заключается в том, чтобы разделить картинку на девять равных частей – самая важная должна находиться на пересечении линий.

Проще всего это сделать в Photoshop вы можете включить направляющие с помощью Ctrl+; – они не будут мешать работе, но при необходимости придут на помощь.

2 – Связь между объектами

Построение композиции должно начинаться с распределения ролей задействованных объектов.

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

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

3 – Золотое сечение

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

В искусстве этот принцип получил широкое распространение благодаря Леонардо да Винчи и его книге “Витрувианский человек”, которая демонстрирует применение этого принципа к пропорциям человеческого тела.

4 – Точка фокусировки

Правильно расположив композицию, вы можете заставить зрителя обратить внимание на желаемый объект.

Для этого продумайте внешний вид и дизайн дополнительных объектов на картинке, которые будут “указывать” на объект.

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

5 – Ракурс

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

Чтобы создать сцену с уникальной перспективой, необходимо подготовить и просмотреть достаточное количество ссылок: необычный внешний вид может привести к проблемам с видом и соотношением элементов визуализации.

6 – Гармония и баланс

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

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

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

7 – Атмосфера и эмоции

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

Красные цвета, например, ассоциируются с романтикой, любовью, кровью и фильмами ужасов.

Холмы заставляют нас думать о мире, а море связано со свободой и приключениями.

Поэкспериментируйте с ассоциациями ваших изображений и заставьте их работать на вас.

8 – Визуальная целостность

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

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

С их помощью вы сможете создать более продуманное и детализированное изображение, которое захотите рассмотреть более внимательно.

9 – Нарушение правил

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

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