Теорія кольору: короткий курс для дизайнерів (Частина 1)

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

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

Дослідження, надані компанією Colorcom, показують, що люди потребують лише 90 секунд для того, щоб зробити підсвідому оцінку продукту, від 62% до 90% – лише на основі кольору. Отже, правильно підібрані кольори можуть бути корисними для покращення конверсії вашого продукту, а також для зручності використання продукту.

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

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

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

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

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

Колірні моделі

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

Адитивна модель кольорів бере червоний, синій та зелений як основні кольори, тому вона також відома як колірна система RGB (read, grean, blue). Ця модель є основою всіх кольорів, що використовуються на екрані. Комбінація основних кольорів у рівних пропорціях цієї системи створює вторинні кольори, які є блакитними, пурпурними і жовтими, але вам потрібно пам’ятати, що чим більше світла ви додаєте, тим яскравішими і світлішими стають кольори.

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

Субтрактивна модель отримує кольори шляхом віднімання світла. Вона складається з двох кольорових систем. Перша – RYB (червоний, жовтий, синій), також відома як художня система, що часто використовується в мистецтві, особливо в живописі. RYB була основою для сучасної наукової теорії кольору, яка визначила, що синій, маджента та жовтий кольори – це найефективніший набір з трьох кольорів для об’єднання. Так була сформована модель кольорів CMY.

Вона переважно використовувалася в друці. А коли до фотомеханічного друку додали чорне чорнило, ключовий компонент, система отримала назву CMYK (блакитний, маджента, жовтий і чорний – cyan, magenta, yellow, black). Без цього додаткового пігменту, найближчим до чорного, виходив брудно коричневий колір.

Адитина проти субтрактивної

Ви повинні пам’ятати основну різницю між цими двома системами: адитивна для цифрових екранів і субтрактивна для поліграфії.

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

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

За матеріалами: uxplanet.org

Не пропустіть:

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

Залишити відповідь