Основи за теорією кольорів для веб-дизайнера

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

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

Початок теорії кольору

Відправляючись у басейн кольорів, ми повинні базуватися на квадратному. Після прориву всіх сумішей залишається лише 3 Основні кольори. Це червоний, синій і жовтий, і вони є кореневими інгредієнтами, з яких проявляються всі інші кольори.

Ці основні кольори можуть бути об'єднані разом у процесі змішування для створення іншої колірної схеми. Вони відомі як вторинні кольори і завжди буде містити 2 вихідні. Ці три вторинні кольори - помаранчевий, фіолетовий і зелений. Ця схема кольорів базується на типовому стилі за замовчуванням. Коли ви починаєте розробку веб-сторінок і друку, може знадобитися перемикання між різними кольоровими моделями. До них відносяться RGB і CMYK, які, як відомо, використовуються у цифровому та друкованому дизайні, відповідно.

Третинні кольорові піддони

Після того, як ми запустили колесо кольорів, ми можемо використовувати ці ресурси для створення третинних кольорів. Ця група містить 2-й шар під основним / вторинним, який створюється при змішуванні всіх шести оригінальних кольорів. Завдяки цьому ми тепер можемо створити шість нових кольорів (по 2 від кожного основного). Це дасть суміш з 12 кольорів в цілому. На цьому етапі ми можемо розробити повний піддон і заповнити 12-сторінкове кольорове колесо. Це часто використовується в Adobe Illustrator для створення зразків і шаблонів кольорів.

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

Монохроматичні кольори

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

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

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

Аналогічна схема

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

Це схеми з трьох частин, також відомі як a базова тріада. Ви можете об'єднати дві аналогічні схеми разом, щоб створити гібридний набір. Часто аналогічні набори зустрічаються природно і сприяють приємному погляду на очі.

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

Додаткові теми

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

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

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

Набори кольорів тріади

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

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

Висновок

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

Є також незліченні ресурси, які можна знайти в Інтернеті. Спробуйте перевірити Google або інші спільні блоги дизайну для наступних статей з поглибленої теорії кольору. Вас також можуть зацікавити популярні інструменти кольору для дизайнерів, які дійсно можуть поголити роботу на проекті.