Web-дизайн. Введение в цветоведение

1.

WEB-дизайн
Введени
е
в
цветове
дение

2. Тон (hue) — одна из точек цветового круга, максимально яркая и насыщенная, степень выраженности спектрального света ( к какому цвету ближе):

Тон
(hue) — одна из точек цветового круга,
максимально яркая и насыщенная, степень
выраженности спектрального света
( к какому цвету ближе):

3.

цвет ржи - желтый
цвет кирпича- красный
цвет неба -голубой

4. Яркость (value)  — общая яркость цвета (крайние позиции — черный и максимально яркий тоновый):

Яркость (value)
— общая яркость цвета (крайние
позиции — черный и максимально яркий тоновый):

5.

Насыщенность (saturation) —
соотношение основного цвета и такого же
по яркости серого:
менее
насыщенный цвет
более
насыщенный цвет

6.

7.

В традиционной цветовой теории
выделяют три основных цвета:
красный,
желтый,
синий.

8.

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

9.

и цвета производные:
желто-оранжевый,
красно-оранжевый,
красно-фиолетовый,
сине-фиолетовый,
сине-зеленый и
желто-зеленый

10.

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

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

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

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

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

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

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

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

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

15.

Красный
Оранжевый
Желтый
Зеленый
Голубой
Очень
близкий
Близкий
Приближаю
щийся
Нейтральный
Удаляющийся
Объем
Увелич-ий
в ширину
Абстрактно
увеличивающий
играющий
Слегка
увелич-ий
Нейтральный
Воздушный
Масса
Тяжелый
Легкий
Легкий
Неопределен
ный
Легкий
Движение
Активный,
динамичный
Динамичный,
подвижный
Подвижный,
но эфемерный
Инертный,
статичный, но
живой
Пассивный,
спокойный
Первое
Ощущение
Возбуждаю
щий,
покоряющий
Дурманящий,
страстный
Приятный,
радостный
Свежий,
успокаиваю
щий
Завораживаю
щий, чистый
Психологическ
ое воздействие
Тревожный,
полный
достоинства,
страстный
Увлекающий,
сексуальный
Веселый,
беспечный,
живой
Нежный,
умиротворяю
щий,
спокойный
Спокойный,
воздушный
Огонь
импульс
Огонь
веселящий
Огонь далекий
Растительное
царство
Воздух
(утренняя
свежесть)
Расстояние
Стихии

16.

Обладает большой выразительностью и глубиной. Настраивает на
роскошный, торжественный лад, в большом количестве
Фиолетовый
обескураживает и вызывает меланхолию, легко подавляется другими
цветами
Розовый Вызывающий лирическое настроение. Притягивающий
Коричневый
Обладает ярко выраженной способностью сокращать объем помещений,
особенно терракотовые тона
Усиливает действие светлых тонов. Привносит строгость, чопорность,
Черный
официальность. Наиболее колоритные сочетания создает с оранжевым
и красным цветом
Обладает большим диапазоном изменения светлоты и хорошо выделяет
Серый
на своем фоне хроматические цвета. Стальной цвет символизирует
прочность и контрастирует с нежными цветами
Сильно контрастирующий со всеми темными цветами. В другие цвета
Белый
вносит свет, оживление и лиричность. В некоторых странах востока, в
том числе Японии, символизирует траур

17.

Астрологи считают, что человек интуитивно, не осознавая это,
предрасположен к своему цвету согласно знаку Зодиака.
Цвета в кольце Зодиака располагаются в ином порядке, чем
в световом круге. Дизайнеру небесполезно знать
соответствие
цветов
и
знаков
Зодиака:
Овен - красный;
Телец - светло-зеленый;
Близнецы - все цвета
радуги;
Лев - оранжевый, желтый,
белый;
Девы - синий;
Весы - темно-зеленый;
Скорпион - пурпурный;
Стрелец - все цвета радуги;
Козерог - белый, черный,
лиловый;
Водолей - фиолетовый;
Рыбы - сине-зеленый.
Рак - зеленый

18. Цветовые контрасты – противопоставление предметов, резко отличающихся друг от друга по тем или иным свойствам или качествам.

Световой контраст –” чем ночь темнее, тем ярче звезды”
Светлое пятно на темном фоне кажется еще более светлым,
а темное на светлом – темнее, чем оно есть на самом деле.

19.

Цветовой контраст. На нем основано народное искусство.
красный, синий, желтый
фиолетовый, оранжевый, зеленый

20.

Контраст теплого и холодного

21.

Контраст дополнительных цветов
желто-фиолетовый
оранжево-синий
красно-зеленый

22.

Контраст по площади цветовых пятен
Пропорции желто-фиолетовый 1/3
оранжево-синий
красный-зеленый
1/2
1/1

23.

Контраст по насыщенности

24.

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

25.

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

26.

Иллюзия Вертгеймера-Коффки.
Часть кольца на белом фоне кажется более темной.
Если же убрать карандаш, то иллюзия исчезает.

27.

Константность цвета.
Посмотрите внимательно на доску. С ней все в порядке?
Белые клетки в тени и черные на свету - одного цвета!
Однако глаза этого не замечают. Мозг видит черные и
белые клетки независимо от освещенности

28.

Цвет фигур кажется более ярким и насыщенным, если
фигуры окантованы черными рамками

29.

Цвет фона в той части рисунка, где иероглифы не обведены
белым, кажется более насыщенным.

30. Цветовая гармония – впечатление от взаимодействия двух или более цветов.

Созвучие двух цветов:
все пары взаимодополнительных
цветов:
•желто-фиолетовый;
•красно-зеленый;
•сине-оранжевый;
•желто-оранжевый-сине-фиолетовый;
•красно-оранжевый- сине-зеленый;
•красно-фиолетовый-желто-зеленый

31.

Созвучие
трех цветов
равносторонний треугольник;
равнобедренный треугольник

32.

Созвучие четырех цветов

33. Цветовые схемы