Композиция дизайна
Последняя статья этого цикла раскрывала принципы графического дизайна, и были рассмотрены такие понятия, как баланс, доминирование, контраст и гармония. Давайте поговорим о том, что такое композиция дизайна и ее основные элементы.
1. Одиночная визуальная композиция
Здесь используется одно изображение. Это означает, что изображение, как правило, мощное, эффектное и на нем строится весь дизайн.
Единственная визуальная композиция является одной из самых простых, хотя нужно тщательно выбирать изображение, иначе оно не даст желаемого эффекта. Основным принципом, лежащим в основе этой композиции, является обеспечение того, чтобы типография и другие элементы дизайна усиливали визуальный элемент и не конкурировали с ним.
Нужно чётко понимать приоритетность, и в этом случае используемое изображение, иллюстрация или графический элемент должны быть наиболее яркими.
2. Золотое сечение
Золотое сечение, также известное как Спираль Фибоначчи или Фи. Спираль Фибоначчи встречается по всему миру в разных вещах, и композиция дизайна - не является исключением.
Хорошей идеей будет разместить элементы по спирали, потому что именно так видит человеческий глаз. Правильное использование правила золотого стечения привлечет внимание посетителей к конкретным вещам, которые вы хотите подчеркнуть.
3. Фокус
Фокус - еще один важный момент, потому что именно он обращает на чем человек должен задержать своё внимание. Фокус добавляет более конкретную идею дизайну и служит отправной точкой. Он может быть представлен с помощью простой типографики, кнопки, иллюстрации, рисунка или любого другого элемента. Это полностью зависит от замысла дизайнера.
Фокусный элемент должен быть первым, который видит зритель, когда он заходит на страницу (особенно, если это в первый раз). Однако, нарушится баланс макета, если сделать его чересчур видимым. Сделайте так, чтобы смысл сайта был отражён через этот ключевой элемент. Например, поставьте кнопку призыва, допустим, к покупке, это и будет фокусным элементом как логически завершавшие действие посетителя.
4. Сетка в дизайне
Вряд ли это что-то новое. Сетки - один из самых популярных элементов композиции. Сетка помогает выстроить структуру дизайна и используются для создания гармоничной пропорции среди элементов.
В Интернете вы можете найти множество сеточных фреймворков, которые можно бесплатно загрузить и использовать, и мы рекомендуем использовать их, если вы новичок в этой области. Работа с сетками с самого начала позволит вам чувствовать себя комфортно, что хорошо отразится на работе.
Работая с сетками всегда полезно спрашивать мнение окружающих, потому что, работая в течение нескольких часов с сеткой макета, вы, вероятно, не заметите мелких ошибок, требующих корректировки.
5. Законы Гештальта
Композиция дизайна имеет свои законы и это законы Гештальта - это то, как человеческий разум логически объясняет объекты и элементы, которые он видит. То есть суть законов состоит в том, как различные элементы влияют на зрителя.
Существует пять принципов: завершенность, сходство, непрерывность, фигура-фон и близость.
Если вкратце, то закон завершения образа говорит, что мы привыкли связывать несвязанные элементы в знакомые нашему разуму формы. Отличный пример: если мы усилим круг, нарисованный на 330 °, то нашим мозгом о воспримется как целостный, завершенный круг.
Закон близости говорит, что мы склонны группировать объекты, находящиеся близко друг.
А по закону подобия (сходства) - мы склонны группировать вещи со схожими цветами, формами или текстурами.
В законе о непрерывности говорится, что наш разум сгруппирует вместе те объекты, которые следуют определенному направлению.
И последнее правило фигура-фон гласит, что наше зрительное внимание фокусируется так, что мы отделяем фигуру от фона.
6. Размещение «Z» и «F»
Композиция дизайна отвечает так де и за схему размещения всех элементов. Так называемая «Z» компоновка основана на нормальном движении человеческого глаза. Как следует из названия, большинство людей смотрят в форме буквы Z, что означает, что они начинаются в верхнем левом углу и заканчиваются в правом нижнем углу.
Существует также другой вид в форме F. Это означает, что пользователи читают первую строку, а затем продолжают читать вторую, продолжая в том же порядке в определенном порядке.
Заключение
Итак, мы познакомились с наиболее важными принципами дизайна, и, обладая такими знаниями работы начинающих дизайнеров не только будут выглядеть лучше, но и обеспечат лучший пользовательский отклик.
