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

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 พ.ย. 2024

ความคิดเห็น • 51

  • @VideoSmile
    @VideoSmile  3 หลายเดือนก่อน +2

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

    • @spec7or
      @spec7or 3 หลายเดือนก่อน

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

    • @ДарьяГурова-б4у
      @ДарьяГурова-б4у 3 หลายเดือนก่อน

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

  • @elisavetaemelianova6385
    @elisavetaemelianova6385 24 วันที่ผ่านมา +1

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

  • @yanacik
    @yanacik 3 หลายเดือนก่อน +2

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

  • @sunnygirl5820
    @sunnygirl5820 3 หลายเดือนก่อน

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

  • @MyAlla2011
    @MyAlla2011 2 หลายเดือนก่อน

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

  • @Anyone2000-m4t
    @Anyone2000-m4t 2 หลายเดือนก่อน

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

  • @romank9121
    @romank9121 13 วันที่ผ่านมา

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

  • @KirillPodcast
    @KirillPodcast 3 หลายเดือนก่อน

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

  • @dreamrey.w
    @dreamrey.w 2 หลายเดือนก่อน +6

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

    • @ДарьяГурова-б4у
      @ДарьяГурова-б4у หลายเดือนก่อน

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

  • @RomanOres
    @RomanOres 3 หลายเดือนก่อน

    Умничка!)

  • @Fkeshable
    @Fkeshable 3 หลายเดือนก่อน +3

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

    • @ДарьяГурова-б4у
      @ДарьяГурова-б4у หลายเดือนก่อน

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

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

  • @S_Z.
    @S_Z. 3 หลายเดือนก่อน +2

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

    • @KirillPodcast
      @KirillPodcast 3 หลายเดือนก่อน +2

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

  • @sol_42
    @sol_42 3 หลายเดือนก่อน +2

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

    • @КИНОГРЕШНИК-ы8б
      @КИНОГРЕШНИК-ы8б 3 หลายเดือนก่อน

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

    • @sol_42
      @sol_42 3 หลายเดือนก่อน +2

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

    • @ДарьяГурова-б4у
      @ДарьяГурова-б4у 3 หลายเดือนก่อน

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

    • @ДарьяГурова-б4у
      @ДарьяГурова-б4у 3 หลายเดือนก่อน

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

    • @ДарьяГурова-б4у
      @ДарьяГурова-б4у 3 หลายเดือนก่อน

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

  • @maratburiyev4569
    @maratburiyev4569 3 หลายเดือนก่อน +1

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

  • @КИНОГРЕШНИК-ы8б
    @КИНОГРЕШНИК-ы8б 3 หลายเดือนก่อน +2

    где CMYK?

    • @ДарьяГурова-б4у
      @ДарьяГурова-б4у 3 หลายเดือนก่อน +1

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

  • @artfilatov
    @artfilatov 3 หลายเดือนก่อน +1

    Светлота)))

    • @MichaelYershov
      @MichaelYershov 3 หลายเดือนก่อน

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

  • @sqworkshop
    @sqworkshop 3 หลายเดือนก่อน +2

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

    • @ДарьяГурова-б4у
      @ДарьяГурова-б4у 3 หลายเดือนก่อน +1

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

    • @sqworkshop
      @sqworkshop 3 หลายเดือนก่อน

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

  • @ZiyadIbrahimov
    @ZiyadIbrahimov 3 หลายเดือนก่อน

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

    • @KirillPodcast
      @KirillPodcast 3 หลายเดือนก่อน

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

    • @ZiyadIbrahimov
      @ZiyadIbrahimov 3 หลายเดือนก่อน +1

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

    • @KirillPodcast
      @KirillPodcast 3 หลายเดือนก่อน

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

    • @avvdonin
      @avvdonin 3 หลายเดือนก่อน +1

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

  • @КИНОГРЕШНИК-ы8б
    @КИНОГРЕШНИК-ы8б 3 หลายเดือนก่อน

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

    • @anton_dzen3094
      @anton_dzen3094 3 หลายเดือนก่อน +2

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

    • @КИНОГРЕШНИК-ы8б
      @КИНОГРЕШНИК-ы8б 3 หลายเดือนก่อน

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

    • @VideoSmile
      @VideoSmile  3 หลายเดือนก่อน

      Добрый день!
      На нашем канале есть урок по данной тематике - th-cam.com/video/v4wR4Wlqo68/w-d-xo.html

    • @КИНОГРЕШНИК-ы8б
      @КИНОГРЕШНИК-ы8б 3 หลายเดือนก่อน +1

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

    • @anton_dzen3094
      @anton_dzen3094 3 หลายเดือนก่อน

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

  • @ruwatch1008
    @ruwatch1008 2 หลายเดือนก่อน

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

  • @МихаилЗ-ы2ы
    @МихаилЗ-ы2ы 2 หลายเดือนก่อน

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