Урок 4. Цвет в дизайне
В этом уроке:
- разберемся, зачем цвет нужен в дизайне
- узнаем, что такое цветовой круг и как он устроен
- поймем, какие бывают сочетания цветов
- разберем правила применения цвета в макете
- и разберем, чем отличается RGB от CMYK и почему это важно
Цветовой круг
Цветовой круг делится на холодные и теплые оттенки.
Холодные оттенки
Это цвета, которые ассоциируются с прохладой, воздухом, водой, спокойствием.
Это цвета, в которых больше ощущения тепла, энергии, солнца, движения.
Это цвета, которые ассоциируются с прохладой, воздухом, водой, спокойствием.
- синие
- голубые
- фиолетовые
- зеленые с холодным подтоном
Это цвета, в которых больше ощущения тепла, энергии, солнца, движения.
- красные
- оранжевые
- желтые
- и часть оттенков, которые уходят в эту сторону
Базовые цветовые группы:
1. Основные цвета
- красный;
- синий;
- желтый.
2. Вторичные цвета
Это цвета, которые получаются при смешении основных:
Это цвета, которые получаются при смешении основных:
- зеленый;
- оранжевый;
- фиолетовый.
3. Третичные цвета
Это промежуточные оттенки между основными и вторичными.
Это промежуточные оттенки между основными и вторичными.
- желто-зеленый
- сине-фиолетовый
- красно-оранжевый
Сочетания цветов
1. Аналоговое сочетание
Соседние цвета на цветовом круге.
Соседние цвета на цветовом круге.
- синий + сине-зеленый
- желтый + оранжевый
- красный + красно-оранжевый
2. Комплементарное сочетание
Сочетание противоположных цветов на цветовом круге.
Сочетание противоположных цветов на цветовом круге.
- синий и оранжевый
- красный и зеленый
- желтый и фиолетовый
3. Триадное сочетание
Это когда используются три цвета, расположенные на круге на равном расстоянии друг от друга.
Это когда используются три цвета, расположенные на круге на равном расстоянии друг от друга.
4. Монохромное сочетание
Сочетание оттенков одного цвета:
Сочетание оттенков одного цвета:
- светлее
- темнее
- мягче
- насыщеннее
Правила применения цветов в макете
- Не используй слишком много цветов
- Не делай все ярким
- Следи за контрастностью
- Не используй цвет просто потому, что пусто
- Сочетай акцентные и нейтральные цвета
RGB
RGB — это цветовая модель для экранов.
Она используется:
- в веб-дизайне
- в соцсетях
- в любом контенте, который человек будет смотреть с экрана
- Red
- Green
- Blue
CMYK
CMYK — это цветовая модель для печати.
Она используется:
- в полиграфии
- в упаковке
- в любых офлайн-носителях
- Cyan
- Magenta
- Yellow
- Key / Black
Один и тот же цвет в RGB и CMYK может выглядеть по-разному.
