6 Правил Композиции: от Искусства к Веб Дизайну

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

Дизайн сайта – это первое впечатление, неважно разрабатываете Вы сайт самостоятельно или же управляете проектом. Очень важно получить хорошую базу, ее вы можете получить на курсах верстки.

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

Золотое сечение / Правило третей – Баланс

Мастера через столетия поняли смысл понятия “баланс”. Фактически, для них он был геометрическим и назывался «Золотое Сечение», которое сформировало «Золотую спираль».

Поскольку Золотое Сечение включает в себя некоторую сложную математику, со временем она была упрощена Правилом Третей, и именно это правило было включено в большинство веб-проектов. Он предоставляет сетку, которую дизайнер может наложить на размещение своих элементов.

Сетка, сформированная Правилом Третей, имеет 4 точки пересечения. Эмпирическое правило заключается в размещении наиболее важных элементов на этих пересечениях, потому что именно там глаз фокусируется первым делом. Не все пересечения обязательно будут использоваться. Посетители обычно видят в шаблоне «F», верхний левый, вероятно, самый важный, а затем перемещается вниз к середине и поперек, а затем назад и вниз.

Вот пример веб-дизайна, в котором используется правило третей, представленное в статье в журнале Smashing.

DemandWare – это компания, которая предоставляет услуги розничным торговцам. Он использовал два пересечения на этой странице для информации, на которую он хочет, чтобы посетители сосредоточились – это цель / преимущество (самое главное). И вся страница сбалансирована.

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

Пустое пространство

Элементам нужно пространство, чтобы «дышать». Даже если пространство вокруг них не белое, пространство должно быть там. Оно позволяет зрителям отдохнуть между элементами, которые вы хотите, чтобы они действительно видели и / или читали.

Иерархия

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

Цвет

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

Глубина

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

Простота

Некоторые из других составных факторов относятся к простоте, но стоит упомянуть еще раз. Легко увлечься, добавляя все больше элементов, потому что они просто «классные». К сожалению, вы можете достичь точки, где сложность раздражает посетителей, особенно если недостаточно свободного места. Минимализм продолжает оставаться тенденцией к разработке на 2016 год.

Запишитесь прямо сейчас или закажите звонок с бесплатной консультацией!

Записаться сейчас / Бесплатная консультация





Ваше имя (обязательно)

Ваш телефон (обязательно). В формате +375XXXXXXXXX