Заспокійливий синій, енергійний червоний, життєрадісний жовтий — кожен колір додає в дизайн свої емоції та значення. У маркетинговій комунікації гармонійному поєднанню відтінків і кольорів приділяється особлива увага. Річ у тому, що 62-90% перших вражень повністю залежать від кольору. Пам’ятаєте вислів про те, що у вас ніколи не буде другого шансу справити перше враження? Так от, це саме той випадок.

Оскільки в маркетинговій графіці вибір кольорів залежить від бажаного ефекту, уміння складати вдалі колірні комбінації є обов’язковою умовою успіху. У цій статті ми розповімо про основи роботи з кольором: від теорії кольору з чіткими правилами поєднання відтінків до психології кольору, яка пояснює вплив кольорів на емоції. Перегляньте палітри кольорів, які обирають провідні бренди для своєї реклами, і знайдіть ідеї для власних кампаній у готових ефектних поєднаннях кольорів.

20 Powerful Color Combinations to Use in Display Ads

З історії кольорознавства

Кольори оточують нас скрізь. І це не просто фон нашого повсякденного життя, а потужні емоційні тригери, що впливають на наш настрій і поведінку. Не дивно, що ця тема цікавила вчених із давніх часів — від Арістотеля з його трактатом “Про кольори” до Леонардо да Вінчі, який створив власну систему кольорів, пов’язавши відтінки з елементами природи: білий (світло), жовтий (земля), зелений (вода), синій (повітря), червоний (вогонь) і чорний (темрява).

Одним із найважливіших досягнень у розумінні природи кольору стало відкриття Ісаака Ньютона в 1676 році. Експериментуючи з призмою, він розклав сонячне світло на видимий спектр, виділивши сім кольорів: червоний, помаранчевий, жовтий, зелений, синій, індиго та фіолетовий. Ньютон записав їх на круговій карті, яка стала першим колірним колом.

Детальні принципи роботи з кольором розробив на початку XX століття Йоганнес Іттен, швейцарський художник і викладач школи Баугауз. Його фундаментальна праця “Мистецтво кольору” є одним з найвідоміших посібників у світі дизайну, а сам Іттен вважається одним із засновників теорії кольору. Крім того, саме він створив 12-секторне колірне коло — найзручніший інструмент для підбору гармонійних колірних поєднань.

color wheel

Основи теорії кольору

Однією з головних цілей теорії кольору було визначити чіткі правила комбінування кольорів. Так виникла класифікація кольорів із поділом на первинні, вторинні та третинні. Первинні кольори є основою для всіх інших відтінків. За Йоганнесом Іттеном, червоний, жовтий і синій (система RYB) є основними або первинними кольорами, від яких — шляхом змішування в різних пропорціях — утворюються всі інші відтінки.

Вторинні кольори походять від змішування основних кольорів у рівних пропорціях. До вторинних належать зелений (поєднання синього і жовтого), помаранчевий (поєднання червоного і жовтого) та фіолетовий (поєднання червоного і синього).

Є ще третинні (або проміжні) кольори — вони утворюються шляхом змішування первинних і вторинних кольорів. Їх усього шість: червоно-помаранчевий, червоно-фіолетовий, синьо-фіолетовий, синьо-зелений, жовто-зелений і жовто-помаранчевий.

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

Tin cans on blue table on light background

Насиченість (або хроматичність) характеризує інтенсивність або чистоту кольору. Приміром, якщо до яскраво-зеленого додати трохи сірого кольору, зелений стане менш насиченим. Іншими словами, що нижчою є насиченість кольору, тим ближче він до чистого сірого. Кольори веселки — найчистіші кольори з максимальною насиченістю. Однак не всі вони однакові: жовтий, що знаходиться посередині веселки, є найменш насиченим кольором, а ближче до країв спектра інтенсивність зростає (червоний і фіолетовий).

Яскравість показує, наскільки світлим чи темним є колір. Вона змінюється залежно від того, скільки до кольору додано білого або чорного. Колір з високою яскравістю буде ближчим до білого, а з низькою — до чорного.

Ще одним важливим нюансом, який слід враховувати в колірних комбінаціях, є температура. Колірне коло можна розділити на теплі й холодні зони. Червоний, оранжевий і жовтий належать до теплих кольорів, а синій, зелений і фіолетовий — до холодних. Найтеплішим вважається помаранчевий, а найхолоднішим — синій. Однак не всі червоні кольори теплі, а сині — холодні (винятком є завжди теплий помаранчевий). Кожна колірна сім’я має свої теплі й холодні відтінки залежно від їхнього підтону.

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

Textile Colorful Thread gradient fabric Background — Photo

Як поєднувати кольори: схеми та правила

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

Загалом існує сім колірних схем, які ми детально описували в тематичній статті. Тут ми згадаємо три найпоширеніші: аналогову, комплементарну та тріадну.

  • Аналогова колірна схема поєднує сусідні відтінки на колірному колі, наприклад жовтий, оранжевий та червоний або синій, блакитний та зелений. Ця колірна схема чудово підходить для лаконічного дизайну, де потрібно створити відчуття глибини.
  • Комплементарна колірна схема використовує відтінки, протилежні один одному на колірному колі, щоб створити контраст. Комплементарними кольорами є червоний і зелений, синій і помаранчевий, фіолетовий і жовтий. Ці кольори роблять графіку яскравою та ефектною, адже контрастне поєднання відтінків одразу привертає увагу глядача.
  • Тріадна колірна схема ґрунтується на використанні трьох відтінків, рівновіддалених один від одного на колірному колі. Прикладами таких комбінацій є поєднання первинних червоного, жовтого й синього або вторинних зеленого, помаранчевого й фіолетового. Зазвичай у тріадній колірній схемі один колір домінує, а два інші слугують акцентами, створюючи ефектний, але збалансований вигляд.

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

Добираючи гармонійні поєднання кольорів, можна також покладатися на правила пропорцій:

  • За правилом 80/20, слід поєднати 80% домінантного кольору та 20% комплементарного. Це безпрограшний спосіб створити візуально привабливий образ, як-от блакитне небо з білими хмарами.
  • Правило 60/40: змішайте 60% одного кольору і 40% іншого — так ви отримаєте цілісний образ.
  • Правило 50/50: візьміть два кольори в рівних пропорціях, і вони врівноважуватимуть один одного. Це можуть бути комплементарні кольори або відтінки, що відповідають палітрі вашого бренду.
  • Правило 60/30/10: якщо ви працюєте з трьома кольорами, поєднуйте 60% основного, 30% додаткового й 10% акцентного. Такий підхід дає змогу створити гармонійний дизайн і виділити ключові елементи.

Cans of different spray paints on color background, flat lay with space for text. Graffiti supplies — Photo

Поради з вибору кольорів для реклами

1. Пам’ятайте про емоцію, яку бажаєте викликати

Звертаючись до психології кольору, ви можете обирати відтінки стратегічно, створюючи не просто привабливі поєднання, а й дієві емоційні тригери. Головне — вирішити, яку саме емоцію ви бажаєте передати в рекламі. Якщо це захоплення чи відчуття терміновості, зробіть ставку на червоний. Шукаєте асоціації з жіночністю або дитинством? Обирайте рожеві відтінки.

Основні емоції й значення, що стоять за різними кольорами:

Червоний: енергія, пристрасть, любов, дія

Помаранчевий: оптимізм, свобода, творчість, задоволення

Жовтий: радість, тепло, щастя, допитливість

Зелений: здоров’я, природа, гармонія, процвітання

Синій: довіра, упевненість, безпека, сила

Фіолетовий: уява, мистецтво, таємниця, велич

Рожевий: чутливість, чарівність, романтика, грайливість

Коричневий: стабільність, комфорт, основа, безпека

Білий: чистота, невинність, простота, досконалість

Сірий: надійність, інтелект, компроміс, нейтральність

Чорний: елегантність, влада, захист, вишуканість

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

color combinations for display ads

2. Добирайте кольори відповідно до індивідуальності бренду

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

  • Щирість: чесність, доброта, сімейні цінності, сталість, вдумливість (Disney, Amazon, Опра)
  • Захоплення: енергійність, креативність, сміливість, авантюризм (Nike, Coca-Cola, MTV)
  • Компетентність: надійність, ефективність, інноваційність, інтелект, працьовитість (Google, Volvo, Microsoft)
  • Міцність: витривалість, автентичність, довговічність, стійкість (Jeep, Timberland, Patagonia)
  • Вишуканість: елегантність, позачасовість, упевненість, престиж (Rolex, Apple, Mercedes-Benz).

Coca-Cola — чудовий приклад стратегічного використання кольору. Фірмовий червоний колір бренду відповідає концепції захоплення й допомагає забезпечити цілісність комунікації, що, своєю чергою, підвищує впізнаваність бренду.

3. Враховуйте особливості аудиторії

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

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

Top view of pool on pink background. Minimal scene. 3D rendering. — Photo

 

Інструменти для підбору вдалих колірних поєднань

Колірне коло

Колірне коло — один з найпростіших способів знайти гармонійні поєднання кольорів. Цей онлайн-інструмент дає змогу задати бажану колірну схему й одразу отримати готову палітру, яка відповідає вашим вимогам. Онлайн-коло можна також використовувати як джерело ідей та натхнення.

Брендбук

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

Палітри кольорів

Палітри — це набори відтінків, гармонійно поєднаних за різними колірними схемами. Їх можна створити самостійно за допомогою онлайн-інструментів, як-от Coolors, Khroma чи Color Space, або знайти готові комбінації в інтернеті. Наприклад, ми регулярно публікуємо актуальні палітри в статтях, присвячених окремим кольорам і сезонним колірним трендам. Перегляньте наше нове дослідження осінніх трендових кольорів з атмосферними поєднаннями відтінків.

Які поєднання кольорів найкраще підходять для медійної реклами

Щоб спростити вам вибір кольорів і прискорити ваш дизайн-процес, ми зібрали 20 ексклюзивних палітр з найпопулярнішими відтінками в маркетинговій комунікації, а також реальні приклади медійної реклами від провідних брендів. Читайте далі й знаходьте свіжі ідеї для своїх кампаній.

1. Ефектні поєднання із синім

Почнімо із синього кольору. Передусім цей колір популярний у бізнесі, причому майже в усіх його сферах. Таку прихильність комерції до синього легко пояснити, адже він передає надійність, упевненість, професійність та якість. Крім того, синій є дуже універсальним кольором, що ідеально вписується в будь-які маркетингові матеріали. Як видно з реклами Google Chrome, блакитний слугує тут не тільки акцентним кольором для виділення ключових моментів, а й навіть кольором для кнопки CTA, яку зазвичай роблять червоною.

Google Chrome display ad

Відкрийте для себе наші готові палітри з різними відтінками синього — від лагідної блакиті до солідного темно-синього.

The best color combo with light blue

The best color combo with blue

best color combo with blue palette

2. Гармонійні поєднання із сірим

Сірий — ідеальний варіант для мінімалістичного дизайну. Поєднуючи в собі чорний та білий, він уособлює нейтральність. Проте сірий зовсім не такий простий і нудний, як може здатися. Він має безліч варіантів відтінків — від елегантного темно-сірого до гламурного сріблястого. Лише погляньте на рекламу Nike, де сталево-сірий використано як фоновий колір. Тут він вдало поєднується зі світло-жовтим і чорним, й особливо виразно виглядає завдяки ефекту сяйва.

Nike display ad

Знайдіть інші ідеї для гарних комбінацій із сірим:

The best color combo with gray

The best color combo with gray

best color combo with gray palette

3. Натхненні поєднання з червоним

Завдяки своїй здатності миттєво привертати увагу й створювати відчуття терміновості червоний — абсолютний must-have у медійній рекламі. Його часто використовують не лише для кнопок, але й для основної графіки, щоб передати енергію та захоплення. Але попри свою домінантну природу, червоний добре поєднується з іншими яскравими кольорами. Ця реклама Netflix демонструє ефектне поєднання червоного та оранжевого, яке просто неможливо оминути увагою.

Netflix display ad

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

The best color combo with red

The best color combo with red

The best color combo with red

4. Вдалі поєднання із зеленим

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

Apple display ad

Знайдіть інші гармонійні поєднання із зеленим у наших ексклюзивних палітрах:

The best color combo with green

The best color combo with green

The best color combo with green

5. Найкращі колірні комбінації з жовтим

Жовтий часто використовують у рекламі, адже він вважається оптимістичним, дружнім і привітним. Це найяскравіший колір у спектрі, він добре виділяється, але не перевантажує око, як це буває з червоним. Жовтий також утворює гарні колірні комбінації з багатьма іншими відтінками — від аналогової гармонії жовтого й зеленого чи червоного до компліментарного поєднання з фіолетовим. У цій рекламі McDonald’s жовтий відіграє провідну роль, створюючи яскравий, але збалансований вигляд разом із нейтральними бежевим і чорним.

McDonald’s display ad

Перегляньте наші палітри з іншими красивими поєднаннями жовтого та його відтінків:

The best color combo with yellow

The best color combo with yellow

The best color combo with yellow

6. Гарні комбінації кольорів із фіолетовим

Фіолетовий додає дизайну оригінальності, але його настрій залежить від обраного відтінку: світлі тони, як-от лавандовий і бузковий, створюють мрійливий образ, тоді як сливовий символізує загадковість. У рекламі фіолетовий стане чудовою альтернативою чорному кольору. Темні відтінки фіолетового створюють не гірший контраст на світлому тлі, але виглядають значно м’якше. Нижче ви бачите приклад медійної реклами Amazon з гармонійним поєднанням темно-фіолетового шрифту на рожевому тлі.

Amazon display ad

Ми маємо ще більше варіантів цікавих поєднань із фіолетовим:

The best color combo with purple

The best color combo with purple

The best color combo with purple

7. Яскраві поєднання з помаранчевим

Подібно до червоного, помаранчевий також чудово привертає увагу, але виглядає візуально легше. Помаранчевий обирають компанії з різних галузей, від сфери розваг (Nickelodeon) і виробників напоїв (Fanta) до брендів розкішного одягу (Hermes). Його часто використовують у рекламі як основний та акцентний колір. Шукаєте ідеальні колірні комбінації з помаранчевим? Поєднуйте його з синім, як у цій рекламі Calvin Klein.

Calvin Klein display ad

Знайдіть більше красивих поєднань з різними відтінками помаранчевого:

The best color combo with orange

The best color combo with orange

 

Резюме

Роль кольору в маркетинговій комунікації виходить далеко за межі естетики. Колір є практичним інструментом, який допомагає досягти певних цілей: привернути увагу, зробити повідомлення легким для сприйняття і навіть спонукати споживачів до покупки. Тут можливо усе, головне використовувати правильні кольори, які вдало поєднуються між собою. Користуйтеся нашими порадами й підказками — полегште собі вибір колірних комбінацій і спростіть процес дизайну. Шукайте натхнення в готових палітрах і дізнавайтеся про актуальні осінні тренди.

Більше статей про кольори:

Колорблокінг: як поєднувати сміливі кольори для захопливого дизайну

Усе про психологію кольору: як відтінки викликають емоції та впливають на рішення

Як вибір кольору може покращити впізнаваність вашого бренду

Start on Depositphotos for FREE. Get 10 downloads! Start Free Trial

Відкрийте для себе найцікавіші статті місяця!