Розуміння теорії кольору у Photoshop

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

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

Крім того, вона враховує повідомлення, які передають різні кольори.
На практиці теорія кольору надає рекомендації щодо відтворення певних кольорів у різних медіа, таких як друк, комп'ютери, мистецтво тощо.

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

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

1. Моделі кольору

Ми вже говорили про це в Розділі 1, але давайте розглянемо детальніше.

Модель RGB

Телевізори, проектори та електронні екрани використовують модель RGB з червоним, зеленим і синім як основними кольорами. На відміну від моделі RYB (червоний, жовтий, синій), яка змішує пігменти, модель RGB змішує світло для отримання інших кольорів. Це робить RGB адитивною моделлю кольору, оскільки вона починається з чорного і поєднує різну інтенсивність джерел червоного, зеленого та синього світла. Чим більше додається світла, тим яскравішим стає колір. Змішування всіх трьох кольорів світла в рівних пропорціях дає чисте біле світло.

Модель CMYK

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

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

Модель RYB

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

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

2. Теорія колірного кола

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

Основні кольори — це три базові кольори, які не можна отримати шляхом змішування інших кольорів. Це червоний, жовтий і синій.

Похідні кольори утворюються шляхом змішування двох основних кольорів. Вони такі:

• Червоний + Синій = Фіолетовий;
• Червоний + Жовтий = Оранжевий;
• Синій + Жовтий = Зелений.

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

• Червоний + Фіолетовий = Пурпурний;
• Червоний + Оранжевий = Вермільйон;
• Синій + Фіолетовий = Фіалковий;
• Синій + Зелений = Бірюзовий;
• Жовтий + Оранжевий = Бурштиновий;
• Жовтий + Зелений = Салатовий.

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

3. Відтінок, Яскравість, Насиченість та інше

• Відтінок: відтінок — це найчистіша форма кольору, яка визначає його положення на колірному колесі, представляючи колірну групу, наприклад, червоний, синій чи зелений;

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

• Насиченість: насиченість описує інтенсивність або яскравість кольору, визначаючи, наскільки він яскравий чи приглушений.

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

• Тінь: додавання чорного до відтінку створює тінь, тобто темнішу версію початкового кольору, наприклад, змішування чорного з червоним дає бордовий;

• Відтінок: на відміну від тіні, додавання білого до відтінку створює відтінок, роблячи колір світлішим;

• Тон: додавання сірого до відтінку створює тон, затемнюючи колір і роблячи його менш інтенсивним і більш приглушеним. Іноді це називають насиченістю;

Для простоти:

• Тінь = Чистий колір + Чорний;
• Відтінок = Чистий колір + Білий;
• Тон = Чистий колір + Сірий.

4. Температура кольору

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

Зазвичай до теплих кольорів відносять червоні, жовті та оранжеві відтінки, а до холодних — сині, зелені та фіолетові. Проте це не завжди однозначно, оскільки окремі кольори можуть мати теплі або холодні відтінки.

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

5. Гармонія/Взаємозв'язок кольорів

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

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

Це також важливо для користувацького досвіду (наприклад, при розробці мобільних додатків) та доступності.

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

Монохроматична

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

Комплементарна

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

Розділено-комплементарна

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

Аналогова

Аналогова колірна схема використовує кольори, що розташовані поруч на колірному колі, наприклад, червоний, оранжевий і жовтий. Для збереження балансу застосовується правило 60-30-10: 60% — домінуючий колір, 30% — допоміжний, 10% — акцентний. Така схема візуально приємна та ефективна для вебдизайну, а акцентний колір привертає увагу до ключових елементів, наприклад, кнопки "Купити зараз".

Тріадна

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

Квадратна

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

Тетрадна

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

Застосування теорії кольору

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

Ключові ресурси для подальшого навчання

• Adobe Color — інструмент для створення колірних схем на основі теорії кольору. Це чудовий генератор палітр. Також можна витягувати кольори з фотографій. Знайти його можна за Посилання;

• Coolors — також чудовий генератор палітр. Знайти його можна за Посилання;

• HueSnap — ще один безкоштовний інструмент для підбору кольорів і створення палітр. Можна використовувати для витягування кольорів із зображень або створення нових схем із нуля. Ось Посилання;

• Якщо вам подобається читати книги, зверніть увагу на "The Interaction of Color" Йозефа Альберса — це фундаментальна праця з теорії кольору.

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

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