Joomlancer.net

Як правильно поєднувати кольори у web-дизайні?

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

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

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

Щоб підбір кольорів був завжди вдалим, користуйтеся мінімумом кольорів, але ці кольори мають бути як можна контрастнішими.

Система цветов HSV
Система кольорів HSV

Вибір тону. Не можна користуватися кольорами, розташованими дуже близько один до одного на колірному крузі колірної схеми HSV, через їх сильний дисонанс. Прямо протилежні кольори також рідко утворюють гармонійні пари – зелений з фіолетовим або червоний з блакитним (виключенням є пара жовтий – синій). Краще всього контрастують один з одним кольори, розташовані на відстані чверті кола один від одного, а також два теплих або два холодні кольори більш схожий на один одного чим кольори з протилежних півкуль.

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

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

 

Переклади компонентів

Пошук

Гoловна arrow Веб-дизайн arrow Як правильно поєднувати кольори у web-дизайні?