Статьи

Візуалізація аналітичних даних за допомогою комплементарної й аналогічної колірних гармоній


Тереза-Марі Райн (Theresa-Marie Rhyne)


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

Колірна гармонія - це процес вибору квітів, які добре працюють разом в зображенні. Як в музиці, на кольоровому колесі існують «колірні акорди», які можуть допомогти зрозуміти, як відтінки будуть працювати разом. Ці колірні акорди є тільки загальними рекомендаціями, остаточний вибір кольору буде також залежати від конкретних параметрів, пов'язаних з поточним проектом. У цій короткій статті ми обговоримо два типи колірної гармонії: компліментарну і аналогічну. Потім ми застосуємо ці колірні гармонії до візуальної аналітики. Приклади, показані тут, - це базова інфографіка або діаграми, які можуть бути створені за допомогою таких програмних інструментів, як Microsoft Excel або Word, Apple Numbers або Pages, Google Docs, Tableau Software і багатьох інших. Для наших прикладів ми використовували функції діаграм в Apple Numbers і Apple Pages.

Створення колірного кола Munsell

В системі квітів Munsell встановлено п'ять основних відтінків. Ці червоний (R), жовтий (Y), зелений (G), синій (B) і фіолетовий (P) і вони рівномірно розташовані за годинниковою стрілкою колірного кола. Ці основні відтінки поділяються п'ятьма проміжними або змішаними квітами. Проміжні відтінки визначаються як жовто-червоний (YR), зелено-жовтий (GY), синьо-зелений (BG), фіолетово-синій (PB) та червоно-фіолетовий (RP). Кольорове колесо розділене на сотню часткою, що дає нам 100 кроків на колірному колі. Кожному з основних і проміжних кольорів виділяється діапазон в десять градусів за колірною окружності і сам він розташований в середній точці цього сегмента. В системі Munsell первинний жовтий колір ідентифікується як 5Y і знаходиться в середині свого сегмента. 2.5Y вказує на жовтий колір, що знаходиться ближче до жовто-червоному, а 7.5Y буде йти в сторону зелено-жовтого. 10Y - це кінцева точка жовтого сегмента, розташована рівно між первинним жовтим (5Y) і проміжним зелено-жовтим (5GY). Ця концепція дає нам сорок стандартних розподілів на колірному колі. В системі Munsell помаранчевий колір позначається як жовто-червоний. Колірний круг Munsell зображений нижче на малюнку №1.

Малюнок №1: Кольоровий круг Munsell розділений на сорок поділів.

Два типу колірних гармоній з прикладами з візуальної аналітики

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

Що таке компліментарна колірна гармонія?

Два кольори на протилежних сторонах колірного круга називають комплементарними квітами. Для 5G (зелений) компліментарних кольором в системі Munsell буде 5RP (червоно-фіолетовий). Комбінування 5G з 5RP в центрі колірного кола Munsell, показаного на малюнку 1, дасть нам нейтральний сірий колір 5N. Застосуємо компліментарну гармонію 5G і 5RP наприклад візуальної аналітики - тривимірної діаграмі з накопиченням на малюнку 2.

Малюнок №2. Компліментарна колірна гармонія 5G і 5RP, застосована до тривимірної діаграмі з накопиченням.

Що таке аналогічна колірна гармонія?

Три кольори, які знаходяться поруч один з одним на колірному колі, створюють аналогічну гармонію. Ми можемо комбінувати 5B (синій), 5BG (синьо-зелений) і 5G (зелений), щоб створити суміжну колірну схему на колірному колі Munsell. Застосуємо її до тривимірної гістограмі на рис. 3 нижче.

Малюнок №3: Аналогічна колірна гармонія кольорів Munsell 5G, 5BG і 5G, застосована до тривимірної гістограмі

підсумки

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

Оригінальна стаття: http://munsell.com/color-blog/visual-analytics-color-harmony-complementary-analogous/

Дивитися інші статті Pantone: Візуальна аналітика з монохроматичної та диадной колірними гармоніями ; Навчання колірної теорії з використанням глобальних культурних принципів ; Як читати колірні таблиці Манселла .

Всі статті про колір і про компанії Pantone .

Що таке компліментарна колірна гармонія?
Що таке аналогічна колірна гармонія?

Новости

Адрес:
пр. Пушкина 16

Телефоны клуба:
056-79-000-37
099-078-90-99
067-689-07-01
093-403-17-02

Режим работы:
ПН – ПТ: 9.00-21.00 СБ: 10.00-17.00

Следите за нами: