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

Мені відомі такі речі, як Adobe Kuler та Colorschemer .
Я не шукаю додаткових подібних інструментів. Я можу створювати палітри без проблем. Однак .....

Це, здається, насправді не вирішує мою проблему. Я можу отримати палітру з цих інструментів, але застосування кольорів для мене часто не вдається.

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

Як я можу розширити свій діапазон "зручного" використання кольорів?

Які є найкращі практики для розширення мого власного почуття кольору в дизайні?

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

Уточнення : Я не шукаю методів побудови кольорової палітри . Як зазначено, я можу це зробити. Про це я задаю палітру. Скажімо, ви будуєте палітру з 7 кольорів.

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

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

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

Намагаючись підібрати кольорову палітру (на самому початку творчого процесу), я намагаюся згадати зі своєї пам’яті зображення чи картину, що відповідає «настрою» чи «змісту» проекту. Потім я знімаю це зображення і, використовуючи Photoshop, застосовую фільтр Pixelate-> Crystallize з досить величезним розміром комірок. Це спрощує кольори зображення до великих плоских кольорів.

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

Я використовую фільтр на зображенні і закінчую це.

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

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

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

Це насправді звучить як питання більше про творчість та вихід із зони комфорту, ніж про техніку, але я відповім з технічної сторони.

Як визначити, які кольори добре працюють для яких предметів? (тобто "яскраво-червоний на канарково-жовтому кольорі занадто яскравий, щоб добре читати" тощо)

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

З іншого боку, якщо кольорові відтінки дуже контрастні (безкоштовні), такі як червоний і зелений, особливо якщо вони близькі до однакової яскравості, вони можуть «вібрувати» і змусити ваші очі відчути, як вони хочуть вирватися з вашої голови. Люди навіть не хочуть дивитись на ваш текст, а не читати його.

На якому рівні кольоровий контраст стає проблемою?

Дивіться мою останню відповідь ..

Як правило, з мого досвіду:

• Високий контраст яскравості з низьким контрастом відтінку = легко читати
• Контраст низької яскравості з високим контрастом відтінку (безкоштовні кольори) = "вібрація"; очі вибивається з голови

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

Чи бажано використовувати кольорові розбрати (безкоштовні кольори)?

Дивись вище

Коли колір занадто яскравий, щоб використовувати його для тексту?

Дивись вище

Що робить твір "попсовим" завдяки використанню кольору?

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

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

Але є ще одне додаткове правило, яке я використовую в проектах друку. Незважаючи на те, що це більш холодний колір, я часто використовую блакитний колір для «попінгового» кольору, оскільки синій колір створюється однією чорнилом (а не сумішшю фарб CMYK), тому він виглядав яскравіше, ніж деякі інші кольори того ж рівня насиченості. Блакитний, пурпуровий і жовтий при повному насиченні мають тенденцію бути яскравішими порівняно зі змішаними чорнилами однакової насиченості. Кольори Pantone дуже добре працюють і з цієї причини в друку. Кожен колір Pantone - це одна фарба, а не суміш з 4 фарб CMYK, як кольори CMYK. Я люблю використовувати кольори Pantone для їх впливу.

Які поєднання кольорів передають "жвавість", "безпеку", "повагу", "молодість", "яскравість"?

Я не знаю, чи можу я придумати спосіб відповісти на це, не будучи думкою, тож я залишу це на вас. Напевно, краще все-таки відповісти сам.

Сподіваюся, це допомагає.

Коли я підбираю палітру кольорів, я звужую свій вибір до максимум 3-5 кольорів, але розширюю ці кольори. Наприклад, я зазвичай запускаю скрипт в Illustrator, який дозволить мені розмістити кожен колір у своїй власній палітрі, а зміна кольору на основі виділень та тіней, які я використовував протягом року, допомагає створити вихід HEX та RGB у CSS . Цей діапазон додаткових кольорів допомагає мені отримати більш широкий спектр рішення або звуження кольорової палітри. Тож для цього випадку ви все одно можете використовувати свої однакові кольори, але вони є різними варіантами улюбленого, але можуть створити абсолютно інший набір кольорів.

Приклад з вашого жовтого:

Я використовую такий підхід з кількох причин:

1. Допомагає при градієнтах
2. Залишається в кольоровій палітрі клієнтів
3. Зберігає кольорову тему, але все ж пропонує різноманітні кольори

У цьому мистецтво

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

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

Іншими словами, ви розвиваєте око на колір з часом.

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

Зйомка ярликів

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

Ваша практична система підкріплюється розробкою правил. Ви можете вижити за такими вказівками, як "контраст між текстом та землею повинен бути не менше 40%"; або "колір фону ніколи не повинен бути насиченим останніми 36%"; або "жовтий робить мені незручно, тому навіть не питайте!" Формули полегшують справи.

Це бере на себе зобов’язання

Але коли ви справді освоїте відносини кольорів, практичні міркування стануть очевидними. Можливо, яскраво-жовтий текст не працював на останніх 100 проектах, але цього разу ви налаштуєте його на теплий сірий колір, який ідеально його приручить. Раптом жовтий текст працює для вас. Можливо, ні, але ваше "око" скаже вам. Ваш кольоровий інстинкт.

Як і в усьому, що заслуговує етикетки "art", тут немає жодного ярлика до майстерності. Альберс зауважив, що потрібно тренувати очі, щоб справді бачити колір. Коли ви зрозумієте, як використовувати кольори для маніпулювання один з одним, ваш набір інструментів розширюється. Коли ви зрозумієте, який колір має вплив на вашу аудиторію, ваш дизайн стає сильнішим.

Колір розповідає історію

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

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

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

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

Немає сейфу

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

Кольорова психологія

Кольори означають різні речі для різних людей. Це викликано тим, що всі ми живемо різним життям, з різними світоглядами, і що ми всі унікальні. Деякі кажуть, що краса людства полягає в таких відмінностях.

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

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

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

Наука каже:

• Вік
• Секс
• Етнічність
• Географічне позиціонування
• Філософії культури
• Релігійні філософії

ВСЕ впливає на сприйняття людьми кольору. Це багато для розгляду.

Кольорові асоціації

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

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

Інстинктивні асоціації кольорів

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

Найцікавіше:

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

Вивчені асоціації кольорів

Дослідження кольорів та їх асоціації з 13 словами у чотирьох країнах; Японія, Китай, Південна Корея та США

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

Приклади розрізненого сприйняття та реакції на колір включають:

• Білий символізує траур або смерть у Східній Азії, а щастя, чистоту та народження в Австралії та Новій Зеландії.
• Блакитний сприймається як холодний і злий у Східній Азії, холодний у Швеції, а тепло - у Нідерландах.
• Зелений представляє небезпеку чи хворобу в Малайзії, заздрість у Бельгії, любов у Японії та щирість та надійність у Китаї.
• Червоний не пощастило в Нігерії, але пощастило в Китаї, Данії та Аргентині.
• Жовті представляють тепло в США, але невірність у Франції. Це асоціюється з ревнощами в Росії, але приємним, щасливим, гарним смаком, роялті в Китаї.
• Фіолетовий колір кохання в Китаї та Південній Кореї. Гнів і заздрість в Мексиці, гріх і страх в Японії. Фіолетовий вважається дорогим в Китаї.
• У США синій асоціюється з хлопчиками, а рожевий - з дівчатами. Але в Бельгії асоціація синього для хлопчика та рожевого для дівчинки зворотна

Основне джерело: Відповідь на огляд кольорової літератури з точки зору крос-культурного маркетингу (містить багато, багато корисних посилань)

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

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

Текстовий контакт

Я використовую перевірку кольорового контрасту WCAG для перевірки контрасту тексту та фону. Я буду використовувати тільки комбінації, які проходять рівень AA; це скоро буде потрібно для дотримання 508 на веб-сайтах і в додатках. Я не зовсім впевнений, як ця формула перекладається для дизайну друку.

Поза графічним дизайном

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

Повернутися до графічного дизайну

Я зберігаю кольори, які мені подобаються, у своїй палітрі Swatch у Photoshop. Мені подобається сайт colourlovers.com для пошуку кольорів та палітри.

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

Простіше використовувати яскраві кольори в невеликій кількості, скажімо на іконах, ніж як фони. Але я люблю бачити гарний кольоровий колір тла, тому я продовжую намагатися. Я переробляю свій веб-сайт, і я не дозволяю використовувати білий колір як колір тла . Це моя особиста проблема дизайну, яка не потребує схвалення клієнта. :-)

Розгляньте змішування кольорів, як художник на палітрі, це дозволяє робити різні градації, а іноді змішування кольорів отримує нові відтінки, про які ви не думали. Це альтернативний підхід, який поєднується із способом, який пропонує @ Matt / @ cockypup.

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

Зображення 1 : Швидко зроблений заповнювач ідеї. Багато способів поєднання кольорів.

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

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

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

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