Основы цветового дизайна


колесо цветов

 

Профессиональный подбор цветовой палитры для дизайна веб-сайта основывается на выборе одной из основных цветовых схем.

 

Спектр света

 

 

Терминология 

  • Чистый цвет - истинный, чистый цвет, который соответствует определённой длине световой волны.

  • Ненасыщенный цвет - получается путём смешивания чистого цвета с белым.

  • Тень - получается путём смешивания чистого цвета с чёрным.

 

Основные RGB цветовые схемы

 

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

  1. Основная цветовая схема веб-дизайна.

    Используются красный, жёлтый и синий цвета.

 

 

 

  1. Дополнительная цветовая схема веб-дизайна.

    Используются зелёный, фиолетовый и оранжевый цвета.

 

 

 

  1. Терциарная цветовая схема веб-дизайна.

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

 

 

 

  1. Ахроматическая цветовая схема веб-дизайна.

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

  1. Аналоговая цветовая схема веб-дизайна.

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

 

 

 

 

 

 

  1. Дисгармоничная цветовая схема веб-дизайна.

    Ударная ("кричащая") цветовая схема. Рассчитана на привлечение внимания посетителей сайта. Вначале выбирается цвет, который будет отправной точкой, а затем - цвета, которые расположены на цветовом колесе под углом 150 и 210 градусов по отношению к нему.

 

 

 

 

 

 

  1. Дополнительная цветовая схема веб-дизайна.

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

 

 

  1. Монохромная цветовая схема веб-дизайна.

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

 

 

 

  1. Нейтральная цветовая схема веб-дизайна.

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

 

 

 

 

 

Примечание:

 

C - Cyan (Голубой), M - Magenta (Пурпурный), Y - Yellow (Жёлтый),

G - Green (Зелёный), В - Blue (Синий), R- Red (Красный).

O - Orange (Оранжевый), P - Purple (Фиолетовый).

 

Цветовая схема, где используются три цвета: Cyan (C), Magenta (M), Yellow (Y), называется CMY система.

 

При оценке степени влияния цвета на композицию следует учитывать, что разные цвета, которые занимают равную площадь и имеют одинаковую яркость и насыщенность, с точки зрения восприятия человеком имеют совершенно разную степень влияния. Например, жёлтый цвет оказывает влияние в три раза большее, чем идентичный с ним по всем параметрам фиолетовый цвет.

 

 

Первичные, вторичные и третичные цвета

 

Первичные цвета: красный, синий, жёлтый (three 'primary' pigments of red, blue and yellow) называются CMY системой (Cyan, Magenta,Yellow or CMY system).

 

Смешение голубого и жёлтого цвета даёт зелёный цвет, жёлтого и красного даёт оранжевый цвет, голубого и красного даёт фиолетовый цвет. Эти три цвета (зелёный, фиолетовый и оранжевый) называют вторичными цветами.

 

Смешение первичных и вторичных цветов с их ближайшими оттенками даёт третичные цвета. Третичные или промежуточные цвета - это оранжево-красный (1),жёлто-оранжевый (2), жёлто-зелёный (3), сине-зелёный (4), сине-фиолетовый (5) и красно-фиолетовый (6) (Yellow-orange, red-orange, red-purple, blue-purple, blue-green and yellow-green).

 

 

Смотрите:

Стили веб-дизайна Стили веб-дизайна 2 (комбинация 3 цветов) Стили веб-дизайна 3 (комбинация 3 цветов) Стили веб-дизайна 4 (комбинация 3 цветов) Стили веб-дизайна 5 (комбинация 4 цветов) Стили веб-дизайна 6 (комбинация 4 цветов) Красные стили Оранжевые стили Жёлтые стили Зелёные стил Голубые стили Синие стили Фиолетовые стили Серые стили Стили веб-дизайна 7 (компоновка страницы) Стили веб-дизайна 8 (компоновка страницы) Стили веб-дизайна 9 (компоновка страницы) Стили веб-дизайна 10 (компоновка страницы) Стили веб-дизайна 11 (компоновка страницы) Стили веб-дизайна 12 (компоновка страницы) Стили веб-дизайна 13 (компоновка страницы) Стили веб-дизайна 14 (градиентные фоны) Стили веб-дизайна 15 (градиентные фоны) Стили веб-дизайна 16 (градиентные фоны) FAQ по cтилям Фирменный стиль (примеры фирменных стилей) Наш стиль  


Источник: http://www.antula.ru/color-cxema.htm


Рекомендуем посмотреть ещё:


Закрыть ... [X]

Научный веб-дизайн Основные цветовые схемы веб-дизайна Дизайн сайтов в фотошоп


Основы цветового дизайна

Уроки дизайна. Основы цвета и цветовые схемы в дизайне



Основы цветового дизайна

Цветовой круг: правила подбора гармоничных сочетаний



Основы цветового дизайна

Основные принципы цветового дизайна - Цветник. инфо



Основы цветового дизайна

Основы цветового дизайна в саду Стиль (Огород. ru)



Основы цветового дизайна

3233 фото натяжных потолков в интерьере, идеи, дизайн



Основы цветового дизайна

6 соток или меньше: 13 идей для дачи своими руками. Дача - 7я.ру



Основы цветового дизайна

Более 25 лучших идей на тему «Комнаты для девочки подростка



Основы цветового дизайна

Декор комнаты своими руками 100 Вдохновляющих Идей 2017



Основы цветового дизайна

Дизайн квартир 2017. Фото новинки интерьеров



Основы цветового дизайна

Дизайн прихожей в панельном доме. 104 фото



Основы цветового дизайна

Женский онлайн-журнал Виртуальная домохозяйка






Похожие новости




.