Ти повинен знати більше про колір
Що таке колір насправді, як він працює і чому ви, ймовірно, бачите колір інакше, ніж інші люди
Колір — це світло з певним діапазоном довжин хвиль.
Наприклад, червоний колір має один діапазон довжин хвиль, а синій — інший. А білий колір охоплює весь спектр видимої довжини хвилі.
Як на малюнку нижче. Біле світло проходить через призму і розділяється на складові довжини хвилі. Кожна довжина хвилі світла має різний колір і згинається під різним кутом.
Отже, колір – це світло з певним діапазоном довжин хвиль. Але якщо колір світлий, то чому ми маємо предмети різного кольору? Один червоний, інший синій. чому це відбувається
Ми сприймаємо предмети різного кольору через їхні матеріальні характеристики. Наприклад, жовтий матеріал поглинає синій спектр світла і відображає спектр від червоного до зеленого. А синій матеріал робить навпаки: він поглинає спектр від червоного до жовтого і відбиває спектр синього світла.
Уявіть, що ми маємо синю кулю в абсолютно темній кімнаті, де взагалі немає світла. Який колір ми побачимо, якщо посвітити червоним світлом синю кулю в абсолютно темній кімнаті?
В ідеальній лабораторній ситуації, якщо в кімнаті немає іншого джерела світла, червоне світло буде поглинатися синьою кулею. М'яч не буде відбивати світло і буде сприйматися як чорний.
Чому ж тоді, якщо змішати синю і червону фарби, то вийде фіолетова, а не чорна. Насправді в більшості випадків ви отримаєте чорний колір.
Для отримання фіолетового кольору початкові кольори вже повинні бути досить близькі до фіолетового.
А що буде, якщо ми отримаємо, якщо разом посвітити червоним і синім світлом? Вийде яскраво-рожевий. І якщо ми додамо до нього зелене світло, ми знову отримаємо біле світло. Оскільки в цьому прикладі ми зібрали весь спектр світла разом.
Як ми бачимо світло і розрізняємо кольори?
Є одне запитання, на яке ми ще не відповіли. Як ми бачимо світло і розрізняємо кольори?
Коли світло потрапляє в наші очі, воно торкається сітківки ока. А там у нас палички і колбочки. Обидва реєструють світлові хвилі. Але колбочки здатні розрізняти довжину хвилі і розуміти колір. Стрижні цього не можуть, але вони більш чутливі й допомагають нам бачити при слабкому освітленні. Отже, колбочки – це ті інструменти в наших очах, які реєструють кольори!
Х-хромосома відповідає за колбочки. Тому ті, хто має дві Х-хромосоми, часто мають більше колбочок і можуть розрізняти більше кольорів. І це важливо пам’ятати. Різні люди мають різні можливості сприйняття кольорів. Особливо ті кольори, які мають однакову легкість, як червоний і зелений.
Тепер ви знаєте, чому дальтонізм частіше зустрічається у чоловіків. Здебільшого вони мають одну Х-хромосому. І тепер ви знаєте, чому з’явилися анекдоти про жіноче і чоловіче кольоротипу.
Ви як дизайнер повинні завжди пам’ятати про це. Особливо, якщо ви розрізняєте більше кольорів. Не всі ваші користувачі так роблять. Отже, ось правила доступності, пов’язані з кольорами, які ви повинні пам’ятати.
Кольорова доступність
Коли ви створюєте щось, не покладайтеся лише на кольори.
Наприклад, зелений і червоний часто використовуються для повідомлення про успіх або помилку. Це небезпечна комбінація. Якщо ви покладаєтеся лише на кольори, деякі користувачі не зможуть зрозуміти стан вашої системи. Тож використовуйте щось додаткове, текст, фігуру чи значок.
2. Достатній контраст
Якщо ви хочете, щоб користувачі могли читати текст в інтерфейсі користувача, використовуйте достатній контраст. Часто початківці дизайнери люблять використовувати для своїх текстів тонкі сірі кольори. Візуально це допомагає побудувати візуальну ієрархію. Але це виглядає добре до моменту, коли люди дійсно починають використовувати ваш продукт. Бо дехто не зміг би прочитати текст.
Вони виглядають пристойно. Але деякі люди з поганим зором або поганим екраном або в яскравому середовищі можуть бачити ці інтерфейси користувача такими.
Такого шлаку на Dribble дуже багато. Будь ласка, будьте обережні, не використовуйте їх для свого натхнення. Погана контрастність важливих елементів тексту є ознакою низької якості інтерфейсу користувача.
Подивіться на продукти, створені для реальних користувачів, а не для Dribble. Наприклад, Google, Apple, Stripe. Усі вони використовують достатній контраст у тексті.
Блог Motion Richy — Створюй інакше!
Інстаграм - туть!