Курсы веб дизайна. Изучаем цветовые решения

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

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

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

Возьмем черную и белую краски, а потом смешаем их в различных пропорциях. Получим большую палитру серых тонов от белого до черного. Это другая цветовая паллитра - ахроматическая (бесцветная). Цветную паллитру  уловно можна поделить на "холодные" и "теплые". К "теплым" можно отнести желто-красные цвета, а к "холодным" - сине-голубые. Что бы правильно вырать цветовую схему для вашего сайта помните, что хроматические цвета и ахроматические сочетаюся таким образом: "теплые" сочетаются с темно-серые, "холодные" и светло-серые.

Курсы веб дизайна. Изучаем пространственное отношение цветов

Некоторые цвета в соединении с другими визуально выступают на первый план или отступают назад. На первом плане обычно стоят "теплые", светлые и насыщенные цвета, на втором плане - "холодные", темные и ненасыщенные. Если вы захотите визуально виделить некоторые элементы оформления, то без знания принципов пространственного отношения цветов реализовать это довольно нелегко.

Курсы веб дизайна. Изучаем сочетания цветов

Самая важная задача веб-дизайнера - поиск приятного цветового сочетания. Есть цвета, которые превосходно смотрятся вместе и дополняют друг друга. Некоторые никогда не нужно сочетать. Самая важная задача состоит в том что бы понять, какие цвета будут хорошо смотреться вместе, а какие нет? Чтобы не "набить шишки" на собственном сайте, лучше всего изучить цветовые гармонии (комбинации цветов, расположенных в некотором порядке).

Например, вот основные схемы сочетания цветов:

1. Двухцветная гармония - сочетания опозиционных в цветовой палитре цветов. Смотрится такое сочетание очень грубо. Но иногда только такое сочетание может придать дизайну уникальный стиль.

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

3. Четырехцветная гармония - палитра делится на четыре части.

Из 3-цветной и 4-цветной палитры наиболее полезно применять не все, а только 2-3 цвета.

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

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

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