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

[@VideoSmile]

cloudlessons.ru/v/470 - профессия графический дизайнер; cloudlessons.ru/v/440 - профессия моушн-дизайнер в 2D и 3D.

[@spec7or]

Курс "Профессия продуктовый дизайнер" как я понимаю всё ещё находится в разработке?

[@ДарьяГурова-б4у]

@@spec7or Именно так! Релиз планируется на осень)

[@nastshegoleva]

Благодарю, прекрасное, понятное видео, без воды🔥

[@ВасилисаДылёва]

Очень хорошо объяснили материал и привели примеры, нет ничего лишнего, при этом всё понятно

[@yanacik]

чудесная лекция, спасибо!

[@eliza_imilian]

вау спасибо очень классное видео!!!

[@annamarchenko7782]

Супер! Спасибо!

[@dreamrey.w]

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

[@ДарьяГурова-б4у]

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

[@sunnygirl5820]

Урок -супер!👍Спасибо!

[@MyAlla2011]

Спасибо большое, очень интересно ❤❤❤

[@Anyone2000-m4t]

Было очень интересно!

[@KirillPodcast]

Отличная лекция 👏🏻🔥👍🏻😁

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

Теория цвета в дизайне за 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 Заключение • Насыщенные цвета подходят для концептуальных работ или дешевых предложений. • Мягкие сочетания цветов можно использовать в презентациях, дизайне упаковки и соцсетях. • Курсы по теории цвета предлагают более глубокое изучение этой темы.

[@Adam-qn2ds]

Какой ии?

[@RomanOres]

Умничка!)

[@romank9121]

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

[@Fkeshable]

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

[@ДарьяГурова-б4у]

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

[@S_Z.]

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

[@KirillPodcast]

*#КлассЕка* ага 😁

[@sol_42]

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

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

Тут скорее чисто RGB прошлись, упор на веб дизайн. Хотя CMYK. Могли бы затронуть подробнее.

[@sol_42]

@@КИНОГРЕШНИК-ы8б Та я скорее не про то какие палитры брались в учёт, мне просто интересно почему по RYB комплиментарность создаётся если она отличается от палитры традиционно используемой в 3д графике и в дизайне вцелом. Почему не по RGB подбор? Для меня Иттена кажется искажённой палитрой. Там почти половина это тёплые оттенки. Но вот как я уже писал выше. Зелёный синий и циан угнетены. Циан мой любимый цвет! Долой цветовую дискриминацию! Требую объяснений! Хд

[@ДарьяГурова-б4у]

@@КИНОГРЕШНИК-ы8б Именно! В этом уроке сделали упор на диджитал, т.к. он превалирует

[@ДарьяГурова-б4у]

По сути, ЦМИК основан на тех же «основных цветах», только в высветленном формате. Циан - голубой или тот же высветленный синий. Маджента - розовый или или тот же высветленный красный. А жёлтый сам по себе светлый, что в ЦМИКе, что в круге Иттена. По этому, никакой дискриминации Циана, как вы написали ниже) А в уроке, на 19:58 как раз идёт речь о усложнении оттенков, брать высветленные или затемнённые версии того или иного цвета - это и есть усложнение

[@ДарьяГурова-б4у]

@@sol_42 Есть ещё цветовые круги и Ньютона, и Оствальда, и Гёте, на основе которых можно изучать теорию цвета. А разобрали круг Иттена, т.к. его модель самая популярная и рабочая в начале пути изучения цвета. Можно взять цветовой круг по модели RGB и использовать те же схемы подбора цветовой палитры. Там дополнительные цвета могут отличаться, но не так уж радикально, всё равно в одном тоновом диапазоне будут)

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

где CMYK?

[@ДарьяГурова-б4у]

В первой итерации видео, часть с ЦМИКом была, но для этого урока решили оставить разбор гармоний и контрастов) Иначе, тайминг бы сильно растянулся. А вот в уроках на курсах, мы разбираем особенности ЦМИК, виды печати и разницу между ЦМИК и РГБ :)

[@sqworkshop]

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

[@ДарьяГурова-б4у]

Ошибиться очень даже реально, даже примеры ошибок в видео добавили для наглядности) А используя гармонии, мы минимизируем шансы подобрать неудачную палитру

[@sqworkshop]

@@ДарьяГурова-б4у мне кажется, что можно в балансе ошибится, а вот в гармонии вообще никак, сами посмотрите, комплиментарная, триада, квадратом, прямоугольником, даже шестиугольная гаримонии, ну куда пальцем не натыкай, да попадешь в какую то гармонии )) а вот с балансом уже там ошибок наделать можно много

[@maratburiyev4569]

вот это я непонимал спосибо большое

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

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

[@anton_dzen3094]

Там же простейшие формы, экструдишь векторные иконки, да бевел накидываешь, потом в сабди. Какой курс ты чё)))

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

@@anton_dzen3094 аа, надо попробовать

[@VideoSmile]

Добрый день! На нашем канале есть урок по данной тематике - kzbin.info/www/bejne/rGXag2eNodaibJo

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

@@VideoSmile классно, но хотелось бы с эффектом матового стекла)

[@anton_dzen3094]

@@КИНОГРЕШНИК-ы8б так загугли как стекло матовое делается, что с тобой не так? ))

[@artfilatov]

Светлота)))

[@MichaelYershov]

тоже порвало))

[@AZIK362042]

материал хороший, но голос. да и подача. как будто диктор постоянно торопится

[@ZiyadIbrahimov]

Презу можно было сделать покрасивее)

[@KirillPodcast]

"Покрасивее" это ОДНО слово 😉😁

[@ZiyadIbrahimov]

@@KirillPodcast русский не родной язык) исправил

[@KirillPodcast]

@@ZiyadIbrahimov упс... Сорян 🤭 К НЕносителям претензий по произношению и орфографии быть не может априори 👌🏻😁

[@avvdonin]

главное информативность, как по мне

[@ruwatch1008]

Сомнительно, ну Ок

[@МихаилЗ-ы2ы]

Голос скрипучий