У візуальному веб-дизайні є свої тенденції. Ця індустрія стрімко розвивається, тому і тренд змінюється досить швидко.
Сьогодні яскраві і динамічні кольори — це нове бароко. Але перш, ніж ви разукрасите свій сайт і назвете його передовим, ви повинні розуміти, що все не так просто. У цій статті ми розповімо вам про 7 трендових кольорах сьогоднішнього дня. Ми пояснимо логіку кожного з них і наведемо приклади вдалого використання цих квітів на реальних сайтах. 1. Одноколірні схеми Підлаштовуючись під сьогоднішню моду мінімалізму, одноколірні схеми сайтів набирають популярність все більше. В таких схемах використовують яскраві кольори, менше відволікаючи контрастом між квітами. Дизайнери можуть вибрати більш сміливий експериментальний колір. Line Equality — це яскравий приклад використання цього тренду в дизайні веб-сайту. Лаймовий колір зазвичай погано поєднується з іншими кольорами. Але тут фон взаємодіє з головним об’єктом. У поєднанні з іншими мінімалістичним стилями, такими, як жирний білий шрифт і прозорими кнопки, одноколірну схему легко використовувати і на неї приємно дивитися. Яскраві кольори від природи крикливий і привертають увагу очі. Використання великої кількості поєднання яскравих кольорів призведе до хаосу на екрані. З одноколірної схемою ви уникнете такої помилки. 2. Контраст приглушує кольору Ваш сайт не буде виглядати застарілим з сильним контрастом. Контраст стосується мінімалістського дизайну. Дизайнери Studio Stylistic використовують сплески бірюзового на чорному тлі для створення рішучого шаблону. Бірюзовий повторюється в словах, лого. Графіком зміцнює кожен елемент, помітно виділяється на чорному тлі. 3. Блокінг і hover-ефекти Тренди блоків і hover-ефектів популярні не тільки з-за їх зовнішності, але також за їх зручність. Блоки добре працюють з многокутником макетом, в якому вони виділяються драматичними квітами. З hover-ефектом елементи при прокрутці змінюють кольору. Прикладом може служити сайт PFD. Яскраві кольори деяких карток помітно виділяються на білому тлі. По закінченні hover-ефекту картки зафарбовуються (як верхня ліва картка) і відображають кількість лайків. Цей ефект дає зрозуміти, що об’єкт клікабельний. Блокінг і hover-ефекти не тільки дуже практичні, але і стильно виглядають. Кольорові блоки створюють макет, який підштовхує до взаємодії, коли по закінченні hover-ефекту блок зафарбовується. 4. Текстура Текстура використовується найчастіше на нейтральних фонах. Для експерименту вона може комбінуватися з яскравими квітами. Сайт Tacospillet використовує заповнений фон, а на передній план виносяться картинки з текстурою. Яскраві кольори трохи пом’якшуються. Текстура також надає унікальну графіку естетику. В іншому схожий сайті — Joyride Taco House — текстура акцентується на інтерфейсі. Ненав’язлива тінь виділяє заголовок і додає глибину, поки синьо-зелені смужки на логотипі привертають основну увагу. Використовувати текстуру просто і цікаво, вона передасть атмосферу самого ресторану. 5. Виділяється текст Яскраві кольори дають можливість виділити певні слова і текст, особливо коли фон тьмяний. Яскраве виділення в тексті додає природний акцент і навіть впливає на сприйняття повідомлення. На сайті For the Love of the Reef акцент падає тільки на слово «love». Це хороший візуальний трюк, тому що кнопка закликає до дії також виділена жовтим. Створюється майстерне взаємодія між ними. 6. Кнопки і елементи UI Як і зі словами, яскраві кольори можуть виділити кнопки або інші елементи UI. Це привертає увагу і спрощує юзабіліті. У прикладі з Hega ми бачимо, що червона кнопка, закликає до дії, помітно виділяється серед чорного і білого на сторінці і відразу привертає увагу. Як і на сайті Mijlo помаранчева кнопка виділяється серед фону зливається з кольором товару. Непримітні кольору фону і товару працюють на дію, яка виглядає більш привабливо. 7. Навігаційні засоби Різні кольори легко розділяють різні секції. Це особливо зручно для переповнених контентом сайтів, де кожна дія повинна мати просту навігацію. Наприклад, сайт Coloured Lines використовує кольорову гаму веселки для розділення 8 окремих сторінок сайту. Це трохи незвично, але це точно відображає ім’я бренду. Можливо трохи незвично для ПК юзерів, але на мобільній версії сайт гармонійний і дуже зручний у використанні. Бажаємо вам створювати унікальні продукти, а використання перерахованих вище рад безсумнівно допоможуть вам в цьому!
