Чому ми змінюємо колірні схеми

Вступ

Знаєте, що я помітив? Ми багато часу приділяємо кастомізації цифрового простору. Це починається зі зміни шпалер і тем робочого столу, переходить у довгий підбір скіна в Aimp (Winamp, для старовірів) та закінчується оформленням цифрового робочого місця.

... насправді комікс не про колірні схеми, але він відмінно походить.

Трохи про психологію сприйняття квітів

На хабрі є безліч статей, які розповідають (як правило, з погляду дизайну) про те, як люди сприймають кольори, тому тут ми розглянемо цю тему дуже стисло. Існує ціла наука, квітознавство, яка вивчає вплив квітів на психіку людини. У її рамках аналіз здійснюється з погляду фізіології, психології та культурних особливостей.

Згідно з дослідженнями, існують стандартні асоціації кольорів: вони можуть трохи відрізнятися в різних культурах, але загальна структура зберігається незмінною. Такі асоціації ми наводимо в таблиці нижче. Як бачите, кожен колір може зв'язуватися як із позитивними, так і з негативними концептами.

Незважаючи на те, що у нас виникають асоціації з кожним окремим кольором, на практиці в хід, як правило, йдуть їх поєднання, які мають на нас ще більший вплив. Існують гармонійні кольори, які найкраще підходять один до одного (тобто нам приємніше на них дивитися) і не гармонійні пари (те, що ми називаємо «вирви очей»). Ось деякі з найпопулярніших поєднань кольорів:

Трохи про втому очей

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

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

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

Нарешті про колірні схеми

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

Культурні та психологічні асоціації з квітами
Відчуття гармонії від різних поєднань кольорів
Відчуття «розслабленості» наших очей
Висвітлення на робочому місці

Як я вже казав, багато хто робить вибір на користь перемикання між денною та нічною схемами. Як правило, це світла та темна палітри відповідно. Ось приклад із Visual Studio:

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

Багатьом контрастні теми (тобто світла та темна) здаються надто втомливими для очей. Тому існує велика кількість схем, де витримано більш плавний контраст – наприклад, Solarized Light:

Зауважте: кольори деяких фрагментів тексту (модифікатори, ключові слова) і фону – споріднені. Назви змінних та типи – аналогічне поєднання кольорів. Таким чином, схема використовує кілька перевірених поєднань кольорів, щоб зробити роботу приємнішою.

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

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

Так багато колірних схем.

Колірні схеми в музичній студії Ableton

Колірова схема в Windows 3.1 (не раджу. )

Колірні ефекти

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

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

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

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

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

Висновок та відповідь на головне питання

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

На додачу до комфорту тут позначається і інший спонукальний мотив - прагнення до індивідуальності. Зауважте, скільки приділяється уваги кастомізації у цифровому світі. Налаштувати під себе можна практично все. Цілі системи монетизації у мобільних (і не тільки) іграх будуються на можливості кастомізації. Людина намагається зробити навколишній простір унікальнішим і «своїм».

Всі ці фактори складаються як результат наших внутрішніх потреб і постійно впливають на когось більше, на когось менше, але воно є. У результаті ми, замість того щоб робити проект, півгодини шукаємо «ту саму» тему, з якою нам найприємніше працюватиме. Саме собою це не смертельно, але краще тримати процес під контролем і відокремлювати організацію робочого простору від відвертої прокрастинації. Сподіваємося, що з наведеними відомостями про підґрунтя наших дій вам буде простіше провести цей кордон.

Працюйте ефективно та хороших вам колірних схем!