Правильний веб-дизайн: роль кольору в оформленні сайтів

Одним з напрямків психології поведінки є психологія кольору, яка розкриває секрети впливу різних кольорів на наше сприйняття і дії. Колір має сильний вплив на людські емоції, установки. У мозку відбувається складний процес, який починається зі зчитування кольору очима і в підсумку викликає коливання настрою, емоцій.

Перша частина

Все більше досліджень доводять, що колір часто відіграє визначальну роль при ухваленні рішення. Наприклад, результати дослідження С. Сінгх (Satyendra Singh) показують, що покупець лише за 90 секунд формує думку про продукт, причому 62-90% цієї взаємодії визначається тільки кольором.

У даній статті пропонується розглянути роль кольору в веб-дизайні. Вибрані колірні схеми задають напрямок для використовуваної на сайті графіки, фону, заголовків, меж, кнопок, спливаючих вікон. Окремо варто відзначити вибір зовнішнього вигляду кнопки Call-To-Action, яка повинна мотивувати до дії багато в чому за рахунок кольору, що виділяє її на тлі сайту. Все частіше в веб-дизайні зустрічаються фотографії, до яких застосовуються фільтри у вигляді колірних накладень (кольорові «лінзи»), які дозволяють доповнити будь-яке зображення емоційними атрибутами обраного кольору.

Візуальне рішення і вибір кольору не повинні підкорятися тільки естетичній меті. В сучасних умовах сайту недостатньо добре виглядати, його візуальне рішення повинно сприяти цілям самого бізнесу, а значить, мотивувати клієнтів на певну поведінку. Для цього веб-дизайнери та маркетологи використовують різні підходи та інструменти.

Для початку розглянемо, чому саме сьогодні питання про вибір кольорового рішення сайту особливо актуальний. Останнім часом все більш популярними стають яскраві, насичені кольори. Ця тенденція поширюється на різні сфери бізнесу, в тому числі і на новинні сайти, сайти промислових компаній, для яких вже сформувалися традиційні колірні рішення.

Таким змінам сприяють два важливі чинники: вдосконалення дозволів, кольору дисплеїв і зростаюча популярність плоского дизайну. Нові технології істотно розширили можливості в кількості використовуваних кольорів, вони ж дозволили проводити більш глибокий і чіткий аналіз сприйняття кольору людьми. Плоский і матеріальний дизайн припускають використання яскравих кольорів.

Для того, щоб підібрати найбільш підходящу кольорову схему, дизайнери орієнтуються на психологію кольору, яка розкриває емоційну, смислову складову кольору, колірний диск, який показує стосунки між різними кольорами. Також до уваги беруться існуючі тренди для тієї чи іншої сфери діяльності колірні рішення. Але вирішальним моментом є поставлена ​​мета, специфіка бізнесу і його аудиторії.

Як «працюють» різні кольори

Отож, як «працюють» деякі кольори, для яких ситуацій вони найбільш підходять, які мають обмеження при використанні?

Синій колір

Даний колір досить часто використовується у веб-дизайні завдяки тим емоціям, з якими він асоціюється. Синій колір виражає довіру, порядок, викликає почуття спокою, безтурботності. Можна спостерігати використання цього кольору великими компаніями, для яких важливі прозорість і довіру, наприклад, Facebook і PayPal. Однак цей колір має обмеження – його не слід використовувати для сфери харчування, так як в природі існує мало продуктів цього кольору, а іноді синій колір асоціюється з отрутою.

Червоний колір

Цей колір асоціюється з небезпекою, пристрастю, вогнем, красою, щастям, гнівом. Червоний викликає сильні почуття, в зв’язку з чим ми можемо спостерігати його часте використання в оформленні сайтів ЗМІ. Існує безліч різноманітних відтінків цього кольору, але складно пов’язати певні почуття і настрої з якимось конкретним відтінком.

Червоний може бути одним з найбільш яскравих кольорів, символом щастя, але при цьому і найбільш агресивним кольором. Складність в пошуку межі між цими суперечливими асоціаціями часом змушує дизайнерів відмовитися від використання цього кольору.

Жовтий колір

Для даного кольору також можна виділити асоціації, які є суперечливими. З одного боку, жовтий – це колір попередження, залучення уваги. Неспроста ми можемо спостерігати в навколишньому середовищі різні попереджувальні знаки жовтого кольору. Тому не слід використовувати даний колір у великих кількостях, щоб не викликати зайвого занепокоєння. З іншого боку, жовтий асоціюється з радістю, щастям.

Це можна пояснити тим, що жовтий колір надає певний вплив на наш мозок, в результаті чого наші емоції і реакція посилюються, і часом ми можемо прийняти ці відчуття за радість. Також сприйняття кольору пов’язано з нашим попереднім досвідом, тому жовтий колір може викликати відчуття радості в зв’язку з асоціаціями з нашої пам’яті (наприклад, деякі люди часто радіють, побачивши сонця).

Другу частину читайте ТУТ

ДУЖЕ РАДИМО ПОЧИТАТИ:

10 невеликих помилок, яких досі припускаються дизайнери: перших 5

7 корисних інструментів для дизайнерів та маркетологів: CopyPalette, Userbility, Webflow+ ще 4

Веб дизайн для початківців: 5 кращих порад – як розпочати свою підготовку

Залишити відповідь