Колірна гама - це важливий суб'єкт в оформленні веб-сайту.

Робити їх підбір потрібно ретельно, кольори впливають на те, як відвідувач інтерпретує те, що він бачить, макет веб-сайту та друкарню, якщо все зроблено добре, вони можуть вплинути на оцінку бренду в цілому кожним відвідувачем.< /p>

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

Чому ваша колірна схема така важлива?

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

Якщо ви оберете правильну колірну схему свого веб-сайту, отримаєте можливість вразити відвідувачів своїм контентом.

# 1. Створити впізнаваність бренду

Ваш сайт, по суті, є домом вашої компанії в Інтернеті. Це має бути точне уявлення вашого бренду. Крім того, він повинен бути таким, що досить запам'ятовується, щоб користувачі поверталися після першого відвідування.

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

За даними одного з опитувань, 94% респондентів назвали веб-дизайн як основні драйвери перших вражень від сайту. Звичайно, веб-дизайн включає набагато більше, ніж просто колір. Але, враховуючи, що колір є одним з найбільш очевидних елементів на вашому сайті, і один з небагатьох, які користувач може розрізнити протягом цих перших 50 мілісекунд, ваша палітра може спонукати залишитися на сайті або швидко залишити сторінку вашої компанії.

# 2. Визначте, як відвідувачі ставляться до вашого сайту

В іншому дослідженні про те, як формуються перші враження споживачів, 90% початкових оцінок засновані лише на кольорі. Певною мірою причина цього зрозуміла. Зрештою, колір - це один із найпростіших аспектів «розуміння» сторінки. Він може бути оцінений майже миттєво. Але також важливо враховувати роль, яку психологія кольору грає у цих поспішних судженнях.

Багато компаній використовують ці підключення, як показано на наступному зображенні.

>

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

Іноді бренди можуть змішувати риси, але здебільшого їхня «індивідуальність» зосереджена насамперед на одному. Наприклад, компанія, яка продає спорядження для туристичних походів, ідентифікує себе з «міцністю», а модний бренд може прагнути до «витонченості». Хоча більшість із споживачів можуть не усвідомлювати, що червоний логотип компанії призначений для створення почуття хвилювання, він все ж таки може робити це саме так. І хоча кожен колір може служити для створення деяких відчуттів або реакцій, певні кольори є кращим вибором, ніж інші для більшості брендів та веб-сайтів.

Наприклад, синій часто вважається найбезпечнішим вибором. Частково це пояснюється тим, що це найпоширеніший «улюблений» колір серед більшості населення. Насправді, 57% чоловіків і 35% жінок кажуть, що це їхній улюблений колір.

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

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

# 3. Розвивайте почуття порядку

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

>

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

Але крім цього, це колесо може допомогти вам створити колірну гармонію або візуально приємне розташування кольорів. Гармонійна палітра web-design'а допоможе створити відчуття балансу та порядку. Існує три загальноприйняті типи колірних схем, для типу гармонії: аналог, монохроматика та комплементарність.

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

Отже, якщо ви хочете створити барвистий, візуально цікавий сайт, ви могли б досягти успіху з палітрою, схожою на наступні три приклади:

>

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

>

Якщо ви хочете включити у свою колірну гаму якусь різноманітність, не змушуючи ваш сайт виглядати надто докучливим, додаткова колірна схема, подібна до однієї з них, може бути ідеальним вибором:

>

# 4. Виділіть певні елементи

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

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

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

Скільки кольорів ви повинні увімкнути?

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

Висновок: Палітра кольорів вашого сайту повинна не тільки відображати ваш бренд, але й залучати вашу аудиторію. Дайте собі можливість зробити свій сайт максимально привабливим і незабутнім.