March 22, 2023

Кольористика (робота з кольором)

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

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

Ахроматичні:

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

Хроматичні:

Основні кольори - це синій, жовтий та червоний.

Проміжні кольори 1.0 - це помаранчевий, фіолетовий та зелений.

Проміжні кольори 1.1 - це жовто-жовтогорячий, червоно-жовтогорячий та малиновий.

Проміжні 1.2 - це темно-синій, синьо-зелений та салатовий.

Додаткові(нейтральні) наприклад сіро-коричневі.

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

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

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

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

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

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

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

Розглянемо детальніше основні гармонії кольорів:

Монохроматична гармонія використовує відтінки одного кольору з різною насиченістю і яскравістю (різні відтінки). Ідеально для створення спокійного та збалансованого дизайну.⬇️

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

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

Родственно-контрастна гармонія використовує кольори, які розташовані поруч один з одним та протилежні кольори. Наприклад, червоний, жовто-зелений та зелений. Це поєднання кольорів створює багато можливостей для створення дизайну з емоційною глибиною.⬇️

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

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

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

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

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

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

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

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

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

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

Рекомендація по книжкам:

  1. "The Elements of Color: A Treatise on the Color System of Johannes Itten" - книга, яку написав Йоганнес Іттен, відомий швейцарський художник та педагог, який був викладачем в Баухаусі. У цій книзі розглядається кольорова гармонія та її взаємозв'язок з іншими аспектами дизайну.
  2. "Color Theory: An essential guide to color-from basic principles to practical applications" - книга, написана американським графічним дизайнером Пітером Замбрато. Вона містить в собі інформацію про кольорову теорію, включаючи основні поняття, такі як теплі та холодні кольори, аналогові та контрастні кольори, а також про їх застосування в дизайні.
  3. "Interaction of Color" - це книга від відомого американського художника та педагога Йозефа Альберса. Вона включає в собі його дослідження та спостереження про взаємодію кольорів, а також пропонує практичні завдання для кращого розуміння кольору.
  4. "The Color Scheme Bible: Inspirational Palettes for Designing Home Interiors" - книга, що містить в собі безліч палітр кольорів для застосування в дизайні інтер'єру. Автором є Анна Стармер, британський дизайнер та стиліст.
  5. "Pantone: The 20th Century in Color”- книга, яка оглядає кольорову історію 20-го століття. Вона містить в собі багато ілюстрацій та фотографій, що допомагають зрозуміти, як кольори застосовувалися в різних епохах та культурах.

Рекомендація по статтям:

  1. "The Psychology of Color in Marketing and Branding" by Gregory Ciotti (https://www.helpscout.com/blog/psychology-of-color/): Стаття, яка розповідає про вплив кольору на поведінку і сприйняття бренду.
  2. "Color Theory for Designers: The Meaning of Color" by Cameron Chapman (https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/): Стаття, яка надає загальний огляд кольорової теорії та розглядає значення кольорів у дизайні.
  3. "Why Color Matters" by Jill Morton (http://www.colormatters.com/color-and-design/why-color-matters): Стаття, яка розповідає про важливість кольору в дизайні та спілкуванні.
  4. "The Importance of Color in Design" by Jacci Howard Bear (https://www.thoughtco.com/the-importance-of-color-in-design-1078103): Стаття, яка надає загальний огляд ролі кольору у дизайні та його вплив на сприйняття.
  5. "Color in Design Systems" by Ethan Schoonover (https://ethanschoonover.com/wrote/color-in-design-systems/): Стаття, яка розглядає використання кольору в системах дизайну та забезпечує корисні поради щодо вибору кольорів для дизайну.
  6. "A Crash Course in Color Psychology for Product Design" by Nick Babich (https://uxdesign.cc/a-crash-course-in-color-psychology-for-product-design-69252876f80e): Стаття, яка розповідає про психологічний вплив кольору на поведінку та сприйняття користувачів продукту.

Рекомендація по інструментам підбору кольору:

  1. Adobe Color - це інструмент, створений компанією Adobe для створення, збереження та обміну кольоровими палітрами. Цей інструмент дозволяє дизайнерам створювати кольорові палітри на основі аналогів, комплементарних, монохроматичних, триадних та інших способів.
  2. Coolors - це інструмент, який дозволяє дизайнерам генерувати кольорові палітри випадковим чином або шляхом вибору певних кольорів. Coolors також містить функцію генерації кольорових палітр на основі зображень, що дозволяє дизайнерам витягувати кольори з фотографій та інших зображень.
  3. Canva Color Palette Generator - це безкоштовний інструмент, створений Canva, який дозволяє дизайнерам створювати кольорові палітри на основі зображень. Ви можете завантажити зображення та Canva автоматично згенерує кольорову палітру, яка відповідає зображенню.
  4. Paletton - це онлайн-інструмент, який дозволяє дизайнерам створювати кольорові палітри на основі теплих, холодних та суміжних кольорів. Інструмент також має функцію представлення кольорових палітр у форматі HTML, RGB та HEX.
  5. Color Hunt - це сайт, який містить безліч кольорових палітр, зібраних користувачами з усього світу. Цей ресурс дозволяє дизайнерам переглядати та завантажувати різні кольорові палітри для використання в своїх проектах.

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