Как подобрать цвет для сайта: немного о теории цвета

Привет дорогие читатели !

Как подобрать цвет для сайта?
Попробуйте спросить об этом на форуме вебмастеров и в ответ получите целый список сервисов с инструментами для подбора цвета.

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

Тем, кто имеют в запасе все это, не потребуются и инструменты.

Так как же новичку подобрать цвета для сайта, особенно если это ваш первый сайт и до сих пор вам никогда не приходилось работать с цветом?

В нескольких постах я очень кратко расскажу о теории цветов и вариантах цветового решения сайта.

О чем пойдет речь в этом посте:

  • о цветах основных и дополнительных;
  • цветах холодных, теплых и нейтральных;
  • об особенностях восприятия нами различных цветов;
  • а также об основных характеристиках цвета.

Итак, все, существующие в природе цвета можно разделить на:

Основные цвета (цвета первого порядка).

Основные цвета (цвета первого порядка).

Это желтый, красный и синий, из которых могут быть получены все остальные цвета.

Цвета второго порядка: Оранжевый, зеленый и фиолетовый — они получаются из смеси двух основных цветов (красный + синий = фиолетовый, желтый + красный = оранжевый, синий + желтый = зеленый).

И цвета третьего порядка: Чтобы получить один из третичных цветов, необходимо смешать один основной цвет и один вторичный цвет. Например, желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый каждый из которых получается путем смешения цвета первого и второго порядков (красный + оранжевый = красно-оранжевый, синий + фиолетовый = сине-фиолетовый, и т.д.).

Возможности для получения третичных цветов безграничны.

Дополнительные цвета располагаются на цветовом круге друг напротив друга: желтый — фиолетовый, красный — зеленый, синий — оранжевый, желто-оранжевый — сине-фиолетовый, и т.д. Каждый цвет имеет лишь один дополнительный к нему цвет.
Смешение двух дополнительных цветов дает нейтральный черно-серый тон.

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

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

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

Все это можно показать на одной схеме:

Различают теплые и холодные цвета.

Теплые цвета:

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

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

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

С другой стороны, у некоторых народов Азии желтый цвет является цветом траура, скорби, печали. В Европе желтый или желто-черный флаг обозначал карантин, а желтый крест — чуму. У славянских народов желтый цвет считается цветом ревности, измены, а на Тибете ревность называют буквально «желтый глаз». Вспомним также «желтую прессу» и «желтый дом».

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

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

Красный:
Красный — цвет крови, огня и активного действия. Все самые сильные эмоциональные состояния ассоциируются с красным цветом. С одной стороны это радость, любовь, а с другой — вражда, месть, война. Красный цвет издревле связывают с агрессивностью и сексуальными желаниями. В красный окрашены знамена революций.

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

Во многих языках одним и тем же словом обозначают красный цвет и вообще все красивое. У полинезийцев слово «красный» является синонимом слова «возлюбленный». В Китае об искреннем, откровенном человеке говорят «красное сердце», тогда как сердце плохого человека черно. Вспомните, как в славянских народных песнях говорится о красавицах – красна девица.

Холодные цвета:

Синий:
Синий цвет у многих народов символизирует небо и вечность, а также спокойствие и стабильность. Его, также, связывают с добротой, верностью, постоянством, а в геральдике он обозначает целомудрие, честность, добрую славу и верность. «Голубая кровь» говорит о благородном происхождении, англичане называют истинного протестанта «синим».

Светлые оттенки синего цвета связывают с возвышенным и духовным.

Темные же оттенки, граничащие с черным, вызывают такое же, как и черный цвет, чувство одиночества и боязни.
Синий считался траурным в Древнем Египте и у некоторых народов Южной Африки. Французы называют ужас «синим страхом» (вспомним сказку о «синей бороде». У славянских народов синий служил цветом печали, горя, ассоциировался с бесовским миром. Старинные предания описывают черных и синих бесов. В Китае синий символизирует бессмертие, в Индии — мудрость, у друидов — правду и гармонию.

Учитывая все выше написанное, внимательно выбирайте оттенок синего для своего сайта.

Зеленый:
Цвет зарождающейся жизни, травы и листьев. Желто-зеленые оттенки напоминают цвета весенней природы.
У многих народов он символизирует юность, надежду, веселье, хотя порой — и незрелость, недостаточное совершенство.

Зеленый цвет предельно материален и действует мобилизующее.
После операции пациенты выздоравливают быстрее, если в их палате присутствует зеленый цвет.

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

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

У иранцев зеленый цвет ассоциируется как с бурным ростом и свежестью, так и с несчастьем, печалью, скорбью, поэтому о злополучном человеке говорят «зеленая нога», а о кладбище — «зеленый дом». В средневековой Европе шуты носили зеленую с желтым одежду, а банкроты в Германии должны были надевать зеленые шапки.

Фиолетовый:
В качестве антипода желтого цвета — цвета познания — фиолетовый выступает символом бессознательного и таинственного. Чистый фиолетовый несет в себе мрак, смерть и одновременно благочестие.

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

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

Нейтральные цвета:

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

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

Большие массивы этого цвета ассоциируются с физическим истощением и болезнью.

Характеристики цвета:

  • Тон – это то, что мы привыкли называть цветом.
  • Яркость это параметр цвета, определяющий освещенность или затемненность цвета. Все цвета рассмотренного выше цветового круга имеют максимальную яркость (100%).

Яркость может уменьшаться до минимума (0%). Уменьшение яркости цвета означает его затемнение. Работу с яркостью можно характеризовать как добавление в спектральный цвет определенного процента черной краски, т.е. яркость зависит от того, сколько черного цвета добавлено в основной цвет.

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

  • Насыщенность — это параметр цвета, определяющий его чистоту.
    Насыщенность зависит от того, сколько белого цвета добавлено в основной цвет.

Можно сказать, что чистый цвет имеет 100% насыщенность. Цвет с уменьшением насыщенности осветляется, как будто к нему прибавляют белую краску. При значении насыщенности 0% любой цвет становится белым.

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

О вариантах цветового решения сайта читайте в следующем посте.

Источник

Метки текущей записи:

 
Статья прочитана 822 раз(a).
 

Еще из этой рубрики:

Здесь вы можете написать комментарий к записи "Как подобрать цвет для сайта: немного о теории цвета"

* Текст комментария
* Обязательные для заполнения поля

Внимание: все отзывы проходят модерацию.

Последние Твитты

Архивы

Наши партнеры

Читать нас

Связаться с нами