Розробка дизайну з використанням яскравих кольорів – веселе заняття. Однак, варто зазначити, що це досить ризиковано.
Такі кольори можуть викликати емоції, привертати увагу користувачів та ставити правильний настрій. З іншого боку, іноді яскравий колір створює відчуття неврівноваженості чи божевілля. Він або миттєво приваблює людей, або відштовхує їх.
Ми розглянемо кілька способів застосування яскравих кольорів у веб-дизайні, розповімо, як привнести індивідуальність у ваші проекти та зробити їх живішими, зберігаючи баланс та доступність, які роблять сайт простим у використанні.
1. Створити необхідний настрій
Кольори, на відміну багатьох інших елементів дизайну, миттєво створюють настрій (похмуре чи веселе) і встановлюють емоційну зв'язок бренду чи сайту з користувачами. Яскраві та сміливі відтінки відразу впадають у вічі, притягуючи увагу до дизайну та залучаючи потенційних клієнтів у взаємодію з інтерфейсом.
Якийсь час були особливо популярними кольори з палітри Material Design — саме їх найчастіше використовували для створення яскравих та модних рішень. Ви можете побачити це в прикладі вище: безліч сміливих відтінків несподівано гармонійно поєднуються один з одним.
2. Виділити нестандартний елемент
Яскравий колір допомагає звернути увагу користувачів на певний елемент дизайну. Особливо добре цей підхід працює, якщо йдеться про щось нестандартне.
На сайті шрифту Avantt (на зображенні вище) бічна панель навігації, яка в іншому випадку була б досить непомітною, виділена пурпуровим кольором. Сміливий відтінок привертає погляд відвідувачів до назви та елементів навігації, тобто фактично покращує юзабіліті сайту.
3. Підкреслити, хто ви
Яскравий колір може бути елементом брендингу, як у прикладі вище. Цікавий та незвичайний неоновий колір створює візуальний акцент і є сполучною ланкою між логотипом у верхньому лівому кутку та назвою компанії.
Брендинг з використанням сміливих кольорів найбільш ефективний, якщо інтерфейс не надто барвистий.
4. Створити вражаючі текстові елементи
У цьому прикладі напис яскравого кольору “Superglow” є домінуючим елементом у дизайні сайту, який виділяється навіть на тлі повноекранних зображень. Поєднання рожевого, жовтого та потужної чорної тіні виглядає дуже сміливо. Крім того, напис є настільки великим, що його важко не помітити.
Щоб подібна друкарня виглядала гармонійно, дизайн повинен відповідати їй. Поекспериментуйте з різними типами фону, щоб текстові елементи вражали відвідувачів сайту, але не перетягували їхню увагу повністю.
5. Зробити інтерфейс цікавішим
Будь то простий колірний акцент або більший барвистий блок, яскраві відтінки можуть забезпечити правильний баланс і зробити суворий інтерфейс не дуже мінімалістичним. Коли дизайн не відрізняється виразністю, кольорові елементи роблять візуал цікавішим та притягують погляд користувачів.
На сайті Studio MV (приклад вище) використовується оригінальний підхід – майже половина екрану пофарбована у червоний колір та містить маленькі текстові елементи. Це дозволяє створити контраст між яскравим блоком та чорно-білим дизайном, при цьому інтерфейс не перевантажений деталями. Він залишається досить суворим та збалансованим.
Крім того, рівновага досягається завдяки тому, що ліва частина екрана розділена по горизонталі на 2 секції.
6. Заявити про себе
Іноді сміливе рішення кольорів — єдине, що вам потрібно, щоб заявити про себе. Які асоціації у вас виникають при погляді на приклад? Яке враження залишає такий сайт?
7. Привернути увагу
Вибираючи яскравий колір, дизайнер часто має на меті єдину мету — привернути увагу відвідувачів сайту. Іноді подібні відтінки поєднуються з оформленням товарів, як у прикладі вище, в інших випадках просто створюють контекст.
Що особливо здорово за такого підходу — ви можете змінити колірну палітру будь-якої миті. Колір тла або тексту може бути яскраво-синім сьогодні, жовтим наступного місяця, а потім лимонно-зеленим. Тож ви привернете додаткову увагу до дизайну, оскільки навіть постійні відвідувачі помітять, що сайт змінився.
Цей маленький сюрприз може викликати у користувачів позитивні емоції та зробити їхній досвід приємнішим.
8. Додати веселощів
Іноді поєднання яскравих відтінків може давати цікаві результати: чи це комбінація безлічі кольорів, чи несподіване колірне рішення.
На сайті школи Letterz використовуються кольори маркерів-виділювачів, які спочатку здаються надто яскравими. Однак вони не заважають відвідувачам сприймати інформацію. У поєднанні з простим дизайном і забавним чоловічком, що біжить вони роблять досвід взаємодії приємним і веселим. (Настільки веселим, що ви навіть не помічаєте, що кольори виглядають не надто гармонійно).
Приклад доводить, що коли ви експериментуєте з яскравими кольорами, можна порушувати правила, адже неможливо вгадати, яке рішення справді спрацює.
9. Зробити фон яскравим
Один із перевірених способів застосування яскравих кольорів – фон сайту, що включає обмежену кількість візуальних елементів. У поєднанні із цікавим шрифтом він майже завжди утворює виграшну комбінацію.
Результат буде особливо успішним і елегантним, якщо додати в інтерфейс експериментальну друкарню або анімовані елементи.
10. Дотримуватися трендів
Якщо говорити про тренди у веб-дизайні, яскраві кольори можна назвати одним із них. Вони можуть добре поєднуватися з іншими модними рішеннями.
Творці сайту Wokine (на зображенні вище) йдуть відразу кількох трендів, завдяки чому дизайн виглядає ультрасучасно: сміливі кольори, розділений екран, унікальний шрифт.
Колір допомагає привернути увагу користувачів до розміщеного збоку меню, робить інтерфейс збалансованим і перетворює екран на витвір мистецтва.
Джерело: designshack.net