Яскравий фон сайту: добре чи погано

Незаперечно вплив кольору на емоції людини. Задати правильний вектор при розподілі колірної гами сайту — завдання не з легких. Агентство Digital Breath розповість, які саме емоції створює кольоровий фон сайту і як досягти бажаного впливу на користувача.
Грамотний веб-дизайн сайту здатний залучити потік цільової аудиторії, непрофесійний — відштовхнути. До вибору фону для сайту слід поставитися з великою увагою. Він займає більшу частину простору екрану. Від кольору фону буде залежати, як поведе себе користувач надалі.
Розглянемо основні принципи ефективного підбору кольорової схеми, фону і основних елементів інтернет-ресурсу.
Принцип контрасту
Для початку визначимо, де шукати контрастні кольори. Їх можна знайти на колірній схемі. Контрастні кольори тут розташовані один навпроти одного. Наприклад, контрастними будуть зелений і червоний, синій і жовтий.
При виборі яскравих кольорів для фону необхідно враховувати тематику сайту, його завдання і, звичайно, основну мету використання насичених відтінків. Яскраві кольори можуть бути не завжди доречні. Вони викликають часом роздратування або агресію і в результаті стають причиною втрати клієнтів. Особливо це стосується сайтів інтернет-магазинів, де важливий кожен покупець.
Для сайту, присвяченого конференції з веб-дизайну, в 2012 році розробники використовували червоний і чорний кольору на білому тлі . Яскраві колірні акценти на сторінці, звичайно, привертають увагу, але нас саме цей червоний дратує і хочеться скоріше закрити сайт. А вам як здається?? Цікаво почути вашу думку в коментарях 🙂
Дизайн сайту магазину повинен викликати довіру, не дратувати.
При цьому налаштовувати на цільове дію – купівлю. В якості фону тут може бути нейтрально-спокійний колір, але з яскравими кнопками “купити” або “оформити замовлення”. Так буде зроблено акцент на важливих елементах в оформленні сайту. Ще краще, якщо кольори фону і тексту побудувати на контрасті.
Кнопки основного меню можна розташувати на яскравій панелі, контрастною з основним фоном, або виділити яскравим кольором з арсеналу фірмових відтінків компанії.
Принцип сусідства
Створення дизайну сайту передбачає і використання сусідніх кольорів, розташованих один за одним на колірному колі. Найчастіше це відтінки одного і того ж основного кольору. Знаходяться по сусідству кольору доповнюють один одного, підкреслюючи переваги кожного з них. При застосуванні їх в оформленні сайту важливо не перестаратися з кількістю таких відтінків. Краще, якщо їх буде 2 або 3. Як правило, ці відтінки добре поєднуються на контрастному спокійному тлі.
Фірмові кольори – чому б не використовувати як основу для сайту?
Вибираючи колірну гаму для сайту, необхідно керуватися фірмовим стилем компанії. Це зробить бренд упізнаваним і підкреслить його серйозність.
Дизайнер повинен стежити, щоб колірна схема сайту не перебивала фірмовий стиль компанії, а навпаки, підкреслювала його. Наприклад, якщо фірмові кольори темних відтінків або чорні, не слід вибирати червоний фон для сайту.
Для більшого ефекту в якості фону можна використовувати фото в русі. Наприклад, зміна перспективи: наближення або віддалення.
Компаніям зі своїм виробництвом варто додати на свій веб-ресурс відео. Наприклад, тур по заводу. Будівельним фірмам підійде відео об’єктів з квадрокоптера, щоб користувачі могли оцінити масштаб робіт, що проводяться. Такі заходи надають сайтів більш сучасний вигляд.
Якщо серед фірмових кольорів присутній синій або його відтінки, то можна сміливо включати їх до оформлення сайту. Адже синій колір демонструє стабільність, серйозність і впевненість, а значить викличе у користувача довіру.
Дружелюбність, відкритість і радість дарує помаранчевий колір. Його слід вибирати для фону сайту перспективної молодої компанії. Але важливо пам’ятати, що отруйно-помаранчевий фон швидко призведе до втоми очей і роздратований користувач закриє Ваш сайт без жалю.
Лайфхак для тих, хто підбирає кольори для сайту самостійно
На просторах інтернету є кілька корисних ресурсів, де можна попрацювати з колірною схемою. Програми допоможуть підібрати оптимальні контрастують або “сусідять” відтінки. Найбільш популярний ресурс: . Тут поєднання кольорів показано на колірному колі. Схожий сервіс: .
Трохи інакше працює даний ресурс: . Тут вже за Вас підібрані 4 поєднуються кольори. Залишається тільки клікнути по найбільш вподобаного.
Сервіс пропонує величезну кількість відтінків і півтонів. Ви точно знайдете свій колір.
(Всі активні посилання на сервіси будуть в блоці Примітку після статті)
І наостанок…
Дизайн сайту-це основа успіху Вашого веб-ресурсу. Правильна колірна гамма, підібрана професіоналами, дозволить розставити яскраві акценти на тлі приглушених тонів.
Розробка дизайну сайту — це складний і тривалий процес, в якому повинно бути враховано все до найдрібніших деталей, в тому числі адаптивний дизайн сайту. Це запорука того, що Ваш веб-ресурс користувачі зможуть побачити з будь-яких пристроїв і оцінити фон, основну панель меню, а також унікальні елементи оформлення. Чи оцінять користувачі юзабіліті сайту покаже час і правильний розподіл колірних відтінків. Тому, обираючи студію дизайну сайтів, пам’ятайте, що успіх сайту (і прибуток компанії) буде прямо залежати від досвіду і професіоналізму команди, яка буде його створювати.
– Автор статті, digital агентство з графічного дизайну і відео продакшену.
– біло-червоний сайт форуму. Сервіси за добором кольорів: – Color Scheme, – Paletton, – ColorDrop, – ColourCo