Теорія кольору Блог
Статті та гайди про теорію кольору, UI-дизайн, правила кольорової гармонії та веб-доступність.
Як обрати колірну палітру: покроковий посібник
Метод практика від початку до кінця для вибору колірної палітри — оберіть базовий відтінок, виберіть правило гармонії, розподіліть пропорції 60/30/10, перевірте контраст WCAG і протестуйте в реальному контексті.
Як проєктувати палітри, дружні до дальтоніків
Практичний посібник із проєктування палітр, дружніх до дальтоніків, — основні типи порушень колірного зору, чому самого відтінку ніколи не достатньо, безпечні поєднання та як тестувати за допомогою симуляторів.
Як обрати колірну схему для свого сайту
Практичний, заточений під веб гайд про побудову реальної колірної схеми сайту — основний колір, нейтралі, читабельний текст, акцент/CTA, семантичні стани й кольори посилань — зібраний зі згенерованої палітри та перевірений на доступність.
Правило 60-30-10: баланс кольору в дизайні
Практичний гайд про правило 60-30-10 — як пропорція кольору створює баланс у UI- та вебдизайні, з реальними прикладами hex, поширеними помилками й повторюваним методом.
Теплі та холодні кольори: як використовувати колірну температуру в дизайні
Практичний посібник із колірної температури — які кольори теплі, а які холодні і чому, як теплі виступають уперед, а холодні відступають, температура в межах одного відтінку та як збалансувати обидві в одній палітрі на реальних hex-кодах.
Тінти, шейди й тони простими словами
Практичний посібник із тінтів, шейдів і тонів — що таке кожне з них, чим світлість відрізняється від насиченості та як побудувати чисту монохроматичну шкалу з одного відтінку за допомогою HSL, з реальними hex-прикладами для UI-поверхонь, наведень і неактивних станів.
Кольорові коди HEX, RGB і HSL: пояснення на пальцях
Практичний розбір без води: що насправді кодують HEX, RGB і HSL, коли який формат брати і чому саме HSL знадобиться, коли треба підкручувати відтінки й тони.
Як користуватися колірним кругом для добору кольорів
Практичний посібник про те, як справді користуватися колірним кругом: як на нього лягають відтінок, насиченість і яскравість, у чому різниця RYB і RGB, яку вносять сучасні інструменти, і як читати кожну гармонію як кут.
Колірна гармонія в UI-дизайні: розбираємося по суті
Практичний посібник із колірної гармонії в UI-дизайні — як працює кожна схема на колірному колі, реальні приклади з hex-кодами, ролі домінантного/вторинного/акцентного кольорів і помилки, яких варто уникати.
Коефіцієнти контрасту WCAG: практичний посібник для дизайнера
Практичний посібник від старшого дизайнера щодо коефіцієнтів контрасту WCAG — що насправді означають 4.5:1, 3:1 і 7:1, AA проти AAA, великий і звичайний текст, правило 1.4.11 для нетекстових елементів і як вимірювати та виправляти низький контраст.
Психологія кольору в брендингу: посібник практика
Погляд старшого дизайнера на психологію кольору в брендингу — що кольори насправді сигналізують, чому кліше наполовину помилкові та який практичний процес вибору брендових кольорів усвідомлено.
Як створити масштабовані колірні токени для дизайн-систем
Практичний посібник зі структурування примітивних, семантичних і компонентних колірних токенів — конвенції найменування, числові шкали, темізація темної теми та помилки, що тихо ламають дизайн-системи в міру їх зростання.
Найкращі практики для колірних палітр темної теми
Практичний посібник зі створення робочих палітр для темної теми — темно-сірі замість чистого чорного, передавання глибини, приглушені акценти, контраст WCAG і помилки, які трапляються найчастіше.
Розщеплено-комплементарні vs тріадичні палітри: практичний посібник дизайнера
Практичне порівняння розщеплено-комплементарних і тріадичних колірних схем — точні кути на колі, настрій, який створює кожна, опрацьовані приклади з hex і як обрати між ними.