Теория цвета для дизайнеров, часть 2: Понимание концепции и терминологии

Теория цвета для дизайнеров, часть 1
Теория цвета для дизайнеров, часть 2

Если Вы хотите продуктивно использовать цвета при разработке дизайна, то Вам нужно понимать саму концепцию цвета и терминологию. Понимание таких концептов, как цветность, значение и насыщенность – это главный ключ в процессе разработки ошеломляющих цветовых схем. В первой части данной статьи мы охватили значения различных цветов. В этой статье мы постараемся рассказать Вам об основах влияния цветов, о важности добавления серого, белого и черного оттенков к различным отдельным цветам, и о том, как это повлияет на весь дизайн в целом. Конечно же, все это будет приведено с примерами.

Оттенок (Hue)

Это один из самых основных терминов, который обозначает цвет объекта. Когда мы произносим «синий», «зеленый» или «красный», мы говорим как раз об этом термине. Оттенки, которые Вы закладываете в цветовую схему Вашего очередного проекта, несут очень важное сообщение всем посетителям этого веб-сайта. Если Вы не знакомы с первой частью этой статьи, то мы настоятельно рекомендуем Вам с ней ознакомиться.

Примеры:

Цветность (Chroma)

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

Что касается дизайна, старайтесь не использовать оттенки, которые очень схожи по своей цветности. Лучше пользоваться одинаковыми оттенками, или воспользоваться непохожим по цветности оттенком.

Примеры:

Насыщенность (Saturation)

Насыщенность подразумевает под собой отображение оттенка при конкретных условиях освещения. Можно ассоциировать этот термин с соотношением слабый/сильный или тусклый/яркий.

Что касается дизайна, цвета с похожим уровнем насыщенности создают эффект некоторой сплоченности в дизайне. Как и в аспекте цветности, оттенки с похожим, но не отличимым уровнем насыщенности могут немного раздражать посетителей.

Примеры:

Значение/яркость (Value)

Этот термин также можно называть «яркость». Он отвечает за то, насколько оттенок светлый или темный. Светлые оттенки имеют более высокое значение. Например, оранжевый имеет большее значение яркости, нежели темно-синий или темно-фиолетовый. У черного цвета самый низкий уровень яркости, а у белого – высокий.

Что касается дизайна, то обычно дизайнеры пользуются оттенками с различными уровнями яркости, особенно теми, у которых высокий уровень цветности. Высокий контраст обычно привлекает внимание.

Примеры:

Тональность (Tones)

Тон создается тогда, когда Вы смешиваете серый с каким-нибудь другим отдельным цветом. Тона более скучны и выглядят более мягкими, нежели отдельные чистые цвета.

Порой тона бывает легче применить в дизайне. Тона с большим коэффициентом серого могут способствовать приданию некоторого винтажного вида всему веб-сайту. В зависимости от оттенка, они также могут способствовать более элегантному и утонченному эффекту.

Примеры:

Тени (Shades)

Тени создаются посредством добавления черного оттенка в цвет, что делает его темнее. Часто этот термин неправильно используют, обозначая осветление или тонировку, потому что тени, в свою очередь, лишь делают цвет темнее за счет смешивания с черным.

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

Примеры:

— Подцветка (осветления / Tints)

Подцветка подразумевает под собой процесс, когда в оттенок примешивают белый цвет, что подсвечивает его. Очень светлые оттенки обычно называют пастельными, но если добавлено всего немного белого, то обычно этот оттенок называют просто подцвеченным и осветленным.

Обычно такой способ окраски используют для создания светлых и более женственных дизайнов. Пастельные оттенки особенно часто используются для создания веб-сайтов на женскую тематику. Они также хорошо применимы в веб-сайтах с винтажным дизайном, или направленных на молодые семьи с маленькими детьми.

Примеры:

Заключение

Хотя Вам и необязательно разучивать все это наизусть, Вам просто нужно разбираться в основной концепции, особенно, если Вы хотите овладеть знаниями еще и из третьей части этой статьи (в которой мы будем учиться создавать собственную цветовую схему). И в заключении хотим представить Вам шпаргалку:

• Оттенок (Hue) – (синий, зеленый, красный и так далее).
• Цветность (Chroma) – уровень цветности (уровень содержания примесей).
• Насыщенность (Saturation) – уровень отображения оттенка по соотношению слабый/сильный.
• Значение (Value) – уровень яркости цвета.
• Тональность (Tones) – уровень содержания серого оттенка в цветах.
• Тени (Shades) – уровень содержания черного оттенка в цветах.
• Подсветка (осветления / Tints) – уровень содержания белого оттенка в цветах.

Оригинал статьи: «Color Theory For Designers, Part 2: Understanding Concepts And Terminology»
Перевод от: coolwebmasters|com

Вас может заинтересовать и:

1. Теория цвета для дизайнеров, часть 1: значение цвета, нейтральные цвета
2. Теория цвета для дизайнеров, часть 3: Создаем собственную цветовую схему
3. Теория цвета для дизайнеров, часть 1: значение цвета, холодные цвета
4. Лучшие посты — 10’06
5. Теория цвета для дизайнеров, часть 1: значение цвета, теплые цвета
6. Яндекс.Цвета — определение названий цветов
7. Лучшие посты — 10′09