Как в графическом, так и в веб-дизайне успешная композиция создается путем сочетания ее базовых элементов: цветовой гаммы, компоновки, контрастов, акцентов и др. Более детально остановимся на каждом элементе.
Правило 1. Обращайте внимание на цвет и контраст
Цветовая гамма — это важнейший элемент композиции. Цветовая палитра влияет на общее настроение дизайна. Если его цвета яркие и сочные, они вызывают ощущение свежести и энергичности. Более теплые оттенки способны создавать спокойное и расслабленное настроение. Холодные тона вызывают у пользователей ассоциации со строгостью.
Выберите, с какими эмоциями и ощущениями должна ассоциироваться ваша продукция и веб-ресурс. На основе этой информации подберите наиболее подходящую цветовую гамму.
Во время разработки веб-дизайна, отдельное внимание следует уделить контрасту. С помощью контраста удается выделить важные разделы сайта, к примеру цену товара или форму регистрации. А можно и затемнить некоторые блоки, например, кнопку отмены заказа.
Правило 2. Управляйте вниманием пользователя
Хорошая композиция контролирует внимание посетителей веб-ресурса и направляет их взгляд на необходимые разделы. В зависимости от траектории движения глаз, выделяют два типа композиции: Z-образную и F-образную.
Z-образная траектория начинается с левого верхнего угла, идет направо, спускается по диагонали в левый нижний угол и идет по прямой к нижнему правому углу.
F-образная траектория начинается в верхнем левом углу, спускается по вертикали вниз и идет горизонтально по строчкам слева направо.
Выстраивая композицию, важные разделы сайта размещайте в ключевых областях траектории.
Правило 3. Применяйте правило третей
Гармоничный дизайн сайта можно создать, воспользовавшись правилом третей. Это немного упрощенная версия золотого сечения.
Технология состоит в следующем: необходимо разделить страницы веб-ресурса двумя линиями по горизонтали и вертикали так, чтобы получилось девять равных частей. Внимательно рассмотрите те места, где линии пересекаются между собой. Правило третей гласит, что в данных областях сконцентрировано наибольшее внимание пользователей.
Правило 4. Оставляйте свободное пространство
Еще одним важнейшим звеном хорошего дизайна являются участки свободного пространства. Старайтесь не загромождать сайт большим количеством объектов и блоков. Это усложняет поиск и восприятие необходимой информации. Оставляйте небольшие области пустого пространства. Не забывайте следить за тем, чтобы данные участки корректно отображались в мобильной версии сайта.