Цветовое оформление Web-страниц

Цветовое оформление Web -страниц

Экскурс в историю

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

Сколько цветов в радуге? «Семь», — ответит читатель. А вот у англичанина их уже шесть (так как в языке нет разных слов для голубого и синего). Для представителей некоторых африканских племен цветов в радуге два — темный и светлый. Немец сочтет вопрос некорректным — для него в радуге представлен весь спектр, т. е. бесконечное количество цветов.

Что же для нас значит – цвет?

Цвет, цвет, цвет…

Что же для нас значит – цвет?

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

Цветовые модели

Самая распространенная система представления цвета — система RGB (Red, Green, Blue — красный, зеленый, синий). Это система, в которой цвет получается как результат смешивания трех соответствующих компонент:

Цветовые модели

Документы для печати переводятся в так называемую «вычитающую» систему CMYK , содержащую противоположные RGB цвета (Cyan, Magenta, Yellow) и черный (blacK) цвет:

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

Одна из цветовых схем, которая характеризует естественные свойства любого оттенка  — это

схема HSV (тон — насыщенность — яркость):

Тон

Тон  — цвет на радуге.

Насыщенность или контрастность  — соотношение основного цвета и такого же по яркости серого.

Насыщенность

Яркость  — интенсивность, с которой излучается цвет.

Яркость

Цветовой круг

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

Восприятие цвета

       Все цвета можно разделить на две группы следующим образом:

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

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

большие — темнее.

Принцип выбора цветов

Гармония цвета

Психофизиоло-гическое

воздействие

Взаимное

влияние

Комплексные цвета для сайта

Сочетание цветов

• Прямо противоположные цвета редко образуют гармоничные пары — зеленый с фиолетовым или красный с голубым обычно кажутся слишком разнородными; относительно неплохо сочетается только синий с желтым.
• Слишком близкие, но не одинаковые цвета раздражают своей близостью.
• Теплые цвета (красный, зеленый и желтый) приближают объект, делают его визуально больше и активнее, привлекают к нему внимание.
• Холодный цвет (синий, голубой, фиолетовый) отдаляет, успокаивает, переводит объект на задний план композиции.

Психофизиологическое воздействие

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

«Престижные» цвета - используются для придания солидности, уверенности, стабильности

«Пастельные» цвета - женственные, мягкие, расслабляющие

Далее

Психофизиологическое воздействие

«Здоровые» цвета - чистота, здоровье, уверенность, семья

«Природные» цвета - близкие к естественным органическим, природным компонентам

Назад

Взаимное влияние

Маленький объект тускло-синего цвета внутри большого ярко-зеленого приобретает зеленый оттенок.

Далее

Взаимное влияние

На границах цвета меняют свой вид. Темный цвет рядом со светлым становится еще темнее, а светлый – ярче.

Назад

Гармония цвета

Гармоничная цветовая схема

Природная цветовая схема

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

Контрастирующие схемы