Теория цвета в дизайне за 20 минут! (урок для начинающих)

Урок о теории цвета для новичков в дизайне!

Автор урока: Дарья Гурова

00:00 - введение
00:50 - базовые понятия о цвете
03:50 - цветовые схемы
09:40 - цветовые контрасты

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

#дизайн #графическийдизайн #videosmile

[dreamrey.w]

Либо у меня проблема со зрением, либо я не знаю в чем проблема :D Серый цвет у меня остается серым даже на голубой и красной подложке)

[кутюрье-ыи]

Теория цвета в дизайне за 20 минут! (урок для начинающих)

00:00 Введение

• Приветствие и упоминание первого видео о типографике.
• Обзор темы урока: цвет, базовые понятия, цветовые гармонии и ошибки в работе с цветом.
• Упоминание курсов по профессии графический дизайнер и моушен-дизайнер.

00:50 Базовые понятия цвета

• Цветовой тон: красный, голубой, фиолетовый и другие цвета видимого спектра.
• Светлота: отличие цвета от черного и белого, чем светлее, тем ярче.
• Насыщенность: интенсивность цвета, отличие от серого.
• Хроматические и а-хроматические цвета: черный, белый и серый.

01:45 История исследования цвета

• Исаак Ньютон и открытие дисперсии света с помощью призмы.
• Изображение группы Pink Floyd как символ открытия.

02:18 Цветовой круг Итона

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

02:50 Первичные и вторичные цвета

• Первичные цвета: красный, желтый, синий.
• Вторичные цвета: зеленый, оранжевый, фиолетовый.
• Третичные цвета: желто-зеленый, желто-оранжевый и т.д.

03:36 Цветовые гармонии

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

05:28 Триадная гармония

• Триадная гармония: красный, желтый, синий.
• Пример: красный, желтый и синий, один цвет основной, другой дополнительный.

06:52 Аналоговая гармония

• Аналоговая гармония: несколько цветов, стоящих рядом на цветовом круге.
• Пример: градиенты с плавными переходами.

07:34 Двойная комплиментарная гармония

• Двойная комплиментарная гармония: две пары дополнительных цветов.
• Пример: исключение одного цвета из классической триады.

07:34 Тетрада

• Тетрада: четыре цвета, расположенные в прямоугольнике.
• Пример: более спокойное сочетание цветов.

08:13 Шестицветная гармония

• Шестицветная гармония: подходит для бизнеса с несколькими направлениями.
• Пример: использование нескольких оттенков для демонстрации различий.

12:32 Симультанный контраст

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

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

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

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

• Насыщенные оттенки выделяются на фоне блеклых цветов.
• В больших проектах важно разработать индивидуальный фотостиль для компании.
• Яркие кнопки на сайтах — пример контраста по насыщенности.

14:54 Ошибки в работе с цветом

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

15:45 Нейтрализация грязного цвета

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

18:28 Насыщенность цвета

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

20:26 Заключение

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

[Fkeshable]

Хорошая лекция, но остался вопрос, кто на самом деле видит надпись «какого я цвета?» оранжевой? Она же чисто серая что в первом случае, что во втором

[romank]

12:13 не знаю, сомнительная история(увидел, что в комментах я такой не один), я увидел его четко серым изначально, а когда цвет подмешали то вот это уже видно, как и то, что о н уже не такой серый, т.е. по мне, изначально было лучше, никакого оранжеватого, даже в разных режимах монитор попереключал, на всякий.
18:00 в обоих случаях почему-то передний план местами размыт так же как и задний, создается ощущение, что другие баночки не позади, а просто меньше объемом) в первом варианте еще обводка такая очевидная, я бы накинул +1 грех за это😄

[sol_]

Почему для подбора гармоний используется круг RYB если компьютерная графика и палитры которые там есть в RGB? Ведь RYB или палитра Иттена растягивает жёлтые, оранжевые, и красные цвета. Сжимая тем самым зелёные, синие. И почти убивая циановый. В печати используется CMYk но этот самый первый циан при комплиментарности как один из основных цветов в CMYk - не берётся в учёт в подборе по Иттена? Его же там тупо нет.

[S_Z.]

Триада без одного - _я на седьмом этаже, это как 6 только на этаж повыше._

[sqworkshop]

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

[КИНОГРЕШНИК-ыб]

@VideoSmile можно видео курс мини, как делать 3д модели как Т банк (Тинькофф)