ДИЗАЙН Для недизайнерів, заняття 3
Колористика
Як колір впливає на людину? Як обрати потрібний колір виходячи з наших цілей? Як підбирати кольори у палітру?
Що таке колористика?
Колористика, чи кольорознавство — це наука про колір і його вплив на людину, аналіз процесу сприйняття і розрізнення кольору на основі систематизованих знань з фізики, фізіології й психології.
По суті, кольорознавство — це теоретичні висновки із різних фундаментальних наук — фізики, анатомії, художнього мистецтва — які ми використовуємо у своїх цілях.
Фізика кольору
Колір — суб'єктивна характеристика сприйняття світлової хвилі, яка ґрунтується на здатності людського зору розрізняти електромагнітне випромінювання.
Сприйнятий колір (випромінювання або об'єкта) залежить від його спектру та від психофізіологічного стану людини.
Світлове випромінювання
ультрафіолетові хвилі
Зварювальники мусять одягати зварювальну маску, аби запобігти пошкодженню очей, бо дугові розряди продукують ультрафіолетове світло. Світло космічних об'єктів.
380 нм
Найкоротшою довжиною хвилі володіє фіолетовий колір.
760 нм
Найбільша довжина хвилі — у червоного кольору.
інфрачервоні хвилі
Приблизно 52% загальної інтенсивності випромінювання Сонця над поверхнею моря в сонячний день — це ІЧ. Це так зване теплове випромінювання.
Властивості кольору
1
Кольоровий тон
Кольорові тони поділяють на теплі (червоний, помаранчевий, жовтий — відповідають відчуттю вогня) й холодні (блакитний, синій, фіолетовий — асоціюються із кригою та водою).
2
Світлота (світимість)
Ступінь близькості кольору до білого.
Будь-який колір при максимальній світимості стає білим.
3
Насиченість
Близькість кольору до сірого є характеристикою кольору під назвою "насиченість".
Чутливість людського ока до хвиль різної частоти у видимому діапазоні різна. Вона має максимум у середині діапазону (зелений колір) і зменшується в напрямках границь. Це значить, що серед джерел світла однакової інтенсивності, зелене джерело здаватиметься яскравішим, ніж червоне, або блакитне. У зеленого кольору людське око відрізняє найбільше відтінків. Найслабше людина сприймає синій колір (індиго). Проте, все залежить від того, які кольори сусідні. Так, коли синій поруч із жовтим, то він здається яскравішим.
Факти про сприйняття кольорів
Людські очі бачать в різних відтінках
В кожному оці мільйони кольорових рецепторів. Якщо прикрити одне око, і подивитися на світ, то він буде дещо теплішим, якщо інше – холоднішим.
Це через те, що в лівому оці більше рецепторів, які вловлюють зелений та червоний колір. В правому оці – жовтий та блакитний.
Приблизно 2 з 10 чоловіків — дальтоніки.
Дальтонізм передається счепленим успадкуванням разом із хромосомою Y.
У жінок дальтонізм зустрічається вдесятеро рідше. Для дальтоніків спектр складається із жовто-блакитних відтінків.
Часто ослик жадав з'їсти груду солодких фруктів
Мнемонічне правило на запам'ятовування кольорів спектру українською.
Гармонія у кольорі
Герінг сформулював: два або більше кольори є гармонійними, якщо їхня суміш дає нейтральний сірий колір.
Це дає змогу збалансувати процеси дисиміляції і асиміляції білків у наших зорових рецепторах і не викликати візуальну втому.

Зокрема, кожна пара додаткових кольорів включає в себе всі три основні кольори:
червоний - зелений = червоний - (жовтий і синій);
синій - оранжевий = синій - (жовтий і червоний);
жовтий - фіолетовий = жовтий - (червоний і синій).

Цим пояснюється ефект кольорового хаосу зовнішньої реклами у містах.
Коротка історія колористики
Ісаак Ньютон. Завдяки дифракції та інтерференції довів, що світло складається з безлічі відтінків (призма Пінк Флойд). Саме він встановив 7 основних кольорів.

Йоган Вольфґанґ фон Ґете. Був одним із видадтних дослідників кольору, був художником, і створив свою, найпопулярнішу модель кольорового кола.

Карл Рунге. Описав характеристики кольору. Показав коло кольорів Ґете в об'ємі, і так дійшов до цієї думки.

Йоганес Ітен. Один із видатних діячів школи Bauhaus. Він сформулював сім законів контрасту, завдяки яким працюють кольори, написав книгу, яка є хрестоматійною.
Кольорові гармонії
Контрасти за Іттеном
Кольорового зіставлення
Різні кольори завдяки різниці у відтінкові в однакового насичення та яскравості дають відчуття контрасту, виділяються самі по собі.
Чорного і білого
Щось ближче до чорного\сірого, тому виглядає контрастнішим відносно кольору, що поруч.
Холодного і теплого
Відтінки з різних сторін кольорового кола апріорі виглядатимуть контрастно.
Симультанний контраст
Насиченість кольорів однакова, але завдяки поєднанню симультанних кольорів створюється відчуття іншого кольору, який об'єктивно око не бачить, а "домислює".
Кольорової насиченості
Коли здається, що один колір на фоні іншого виглядає блякло, а інший при цьому яскравий.
Контраст кольорової плями
Що більша кольорова пляма, то більше вона впливає на інші кольори.
Контраст додаткових кольорів
Тобто тих, які розташовані на протилежних боках кольорового спектра.
У колірному колі додаткові кольори розташовані діаметрально один іншому. Вони утворюють такі пари додаткових кольорів:

жовтий— фіолетовий
жовто-оранжевий — синьо-фіолетовий
помаранчевий — синій
червоно-помаранчевий - синьо-зелений
червоний — зелений
червоно-фіолетовий — жовто-зелений.

Якщо ми проаналізуємо ці пари додаткових кольорів, то знайдемо, що в них завжди присутні всі три основні кольори:
жовтий, червоний і синій: жовтий - фіолетовий = жовтий, червоний + синій;
синій - оранжевий = синій, жовтий + червоний;
червоний - зелений = червоний, жовтий + синій.
Подібно до того як суміш жовтого, червоного і синього дає сірий, так і суміш двох додаткових квітів також перетворюється в варіант сірого кольору.
Символіка кольору
Червоний колір – збудливий, гарячий, енергійний, життєрадісний. Має найдовшу хвилю, стимулююче впливає на мозок, сприяє збільшенню мускульної напруги, підвищенню тиску крові та ритму дихання. Активізує гормональну систему, підвищує працездатність, створює відчуття тілесного тепла.

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

Жовтий – стимулює зір, роботу головного мозку, позитивно впливає на моторику. Стимулює уяву. Колір гарного настрою, допомагає боротися з апатією та відчуттям тривоги.

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

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

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

Фіолетовий – покращує роботу серця, судин та легенів, підвищує витривалість організму. Допомагає заспокоїти розум та привести в порядок думки.

Коричневий – теплий, гармонійний; створює спокійний настрій, виражає стійкість та міцність предметів.

Сірий – холодний, спокійний, відсторонений. При тривалому спогляданні навіює сум, сонливість.

Білий – легкий, вільний. Символ чистоти та рівноваги. Як правило, не набридає. Вважається "батьком гармонії".

Чорний – суворий, зібраний, елегантний. Так само як і синій, допомагає настроїтись на інтелектуальну роботу. При тривалому спогляданні понижує настрій.

Pantone як панацея від помилок у друкарні
Практична частина
Як скласти палітру для проекту?
Генеруємо палітру з зображення
Наприклад, за допомогою сервісу PhotoCopa чи Adobe Color
Використовуємо кольорове коло
або віяло Pantone, або онлайн-інструмент, але "крутимо коліщатка" самі.
Шукаємо вже кимось згенеровані палітри
наприклад у Pinterest, Colourlovers.
ключове завдання на сьогодні
Ми створимо свої кольорові палітри.
Ресурси про колір
для не-дизайнерів
http://www.colourlovers.com/photocopa
— згенерувати палітру із зображення

https://color.adobe.com/
— інструменти від Adobe для генерування кольорів (у тому числі і з зображення)

http://www.colorblender.com/
— сервіс з можливістю зберігання палітри і пересилання її емейлом

Сайт Джесіки Сідз з вибраними палітрами
http://design-seeds.com/index.php/about

Палітра Pantone на телефон:
Pantone Color Book

Хард-левел:
Мистецтво кольору. Іоханнес Іттен
Вільгельм Оствальд. Цветоведение, 1926
Ресурси про колір
для не-дизайнерів
http://www.colourlovers.com/photocopa
— згенерувати палітру із зображення

https://color.adobe.com/
— інструменти від Adobe для генерування кольорів (у тому числі і з зображення)

http://www.colorblender.com/
— сервіс з можливістю зберігання палітри і пересилання її емейлом

Сайт Джесіки Сідз з вибраними палітрами
http://design-seeds.com/index.php/about

Палітра Pantone на телефон:
Pantone Color Book

Хард-левел:
Мистецтво кольору. Іоханнес Іттен
Вільгельм Оствальд. Цветоведение, 1926
Груповий чат у Slack
nondesigners01.slack.com