Підбір кольору для сайту - поєднання кольорів, вплив на емоції

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

Тут я розберу 4 ресурсу за допомогою яких ви в рази збільшите візуальну привабливість вашого сайту. А це і конверсія і повторні візити, все що потрібно для комерційного успіху будь-якого інтернет бізнесу.

Підбір кольору для сайту - поєднання кольорів, вплив на емоції

Психологія впливу квітів

Це вже всім добре відома теорія, коли кольори можуть впливати на психічні реакції людини. Вони впливають на прийняття рішень і вибір, який ми робимо в повсякденному житті.

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

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

На щастя, маркетологи та соціологи вже давно все з'ясували і досліджували. Нижче пропоную ознайомитися з корисною інфографікою.

Підбір кольору для сайту - поєднання кольорів, вплив на емоції

  • Червоний: колір молодості і радості. Він відображає сміливість, впевненість в діях і в собі.
  • Зелений: створює м'який сглажевающе заспокійливий ефект, він викликає мирний, прогресивний, спокійний відгук.
  • Синій: Відбиває довіру, міцність, надійність.
  • Чорний: генерує складний, твердий, безпечний відгук і реакцію.
  • Білий: Ясність і простота. чистота - ось, що сімволізізірует цей колір.
  • Жовтий: колір оптимізму, тепла, дружелюбності.
  • Помаранчевий: створює задоволення, дружність, також впевненість в собі, пустотливий, веселий ефект.
  • Рожевий: Еротизм, жіночність, романтика, емоції любові, все це пов'язано з рожевим кольором.

Інші особливості, які слід розглянути

Створення колірної схеми

Adobe Color CC

Підбір кольору для сайту - поєднання кольорів, вплив на емоції

Раніше відомий як Kuler, Adobe Color CC є відмінним інструментом для створення кольорової палітри. Ви може вибрати правила кольору, а потім обертати колесо. Ви також зможете вручну налаштувати кожен колір в палітрі і автоматично інші кольори будуть регулюватися з тим правилом, яке ви задали. Ви можете створювати колірні палітри, завантажуючи фотографії.

Photocopa by COLORLovers

Підбір кольору для сайту - поєднання кольорів, вплив на емоції

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

Material Palette

Підбір кольору для сайту - поєднання кольорів, вплив на емоції

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

Coolors.co

Підбір кольору для сайту - поєднання кольорів, вплив на емоції

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

Підбір кольору для сайту - поєднання кольорів, вплив на емоції

Ті, що ні заблоковані це і є найкращим чином поєднуються кольору. Щоразу натискаючи пробіл ви отримуєте кращу комбінацію. Наприклад, ось таку:

Підбір кольору для сайту - поєднання кольорів, вплив на емоції

Це нереально круті сервіси для дизайнерів і веб розробників. Користуйтеся ними, що створити самий привабливий дизайн вашого веб-сайту. Дякую всім за увагу і до зустрічі в наступних випусках блогу. Бувай!