Якщо у вас є свій брендинг та кольори компанії, тоді вибір стане очевидним — кольори сайту будуть ідентичні, кольорам вашої продукції.
Для тих, хто тільки думає про створення сайту та переживає, як вибрати колір. Підкажемо та розповімо. Спойлер створити колірний план не так важко, як ви думаєте. Головне правило: простість та практичність. Більше 5-6 кольорів, будуть важко сприйняті, краще застосувати 3 або 4 кольори.
Формально їх називають - основний, другий, що акцентує, і колір заднього фону.
Основний колір. Колір, який використовують для кнопок та заголовків на сайті. Ми рекомендуємо спочатку вибрати цей колір, а потім думати про інших, не дарма він основний. Не намагайтеся підібрати найкращий відтінок, підберіть саме тон, який підійде проекту, а насиченість доробите пізніше.
Акцентуючий колір. Ми вважаємо, що цей колір найважливіший у схемі та на сайті. Він виділяє, привертає увагу, і цим усе сказано. Цей колір з основним повинен бути в сильному контрасті, але використовуйте лише за потреби, тому що цим можна переборщити.
Другий колір. Цей колір мало видно і найчастіше використовується для заднього фону елементів сайту. Часто замовники хочуть, щоб колірна схема виглядала одноколірно, тоді використовуються темні відтінки основного кольору. Якщо навпаки, створюється щось динамічне, тоді вибирають контрастні відтінки. Рекомендуємо, щоб другий колір не був сильнішим і помітнішим, ніж основний або акцентуючий колір.
Колір заднього фону. Він може бути будь-яким, і часто це просто білий або теплий колір: відтінки білого до відтінку коричневого кольору. Також вибирають варіанти холодного кольору — сірого чи синього. Цей колір справа смаку, як і решта — темні відтінки заднього фону також дуже популярні, не дарма ж у всіх соціальних мережах є окремо темна тема. Експериментуйте.
Важливо себе перевірити та протестувати кольори – чи можуть вони поєднуватися між собою та з текстом. Для цього допоможуть вам сервіси та Pinterest
Ми підібрали сайти, якими користуємося для вибору кольору на сайт:
- colorscheme.ru
- color.adobe.com
- materialpalette.com
- flatcolors.net
- palettable.io
- degraeve.com