Цвет в дизайне
От природы цвета до токенов и тёмной темы: 19 уроков с интерактивами. Итог — своя страница-визитка в своих цветах.
19 уроков≈ 158 минут
Детали
Срок доступа: навсегда, без подписки
Доступ после покупки будет привязан к вашему аккаунту.
Не подошло — вернём деньги за непройденные уроки, в любой момент
Кому подойдёт
Начинающим дизайнерам без опыта или с минимальным опытом, которые хотят перестать подбирать цвета наугад.
Что разберёте
Вы будете знать теорию цвета и применять её в работах: собирать палитры, проверять контраст, делать тёмную тему и цветовые системы.
Что останется у вас
Своя страница-визитка в своих цветах (HTML-файл), токены цвета для светлой и тёмной темы, палитры и промпты в «Моём стеке».
Программа
- Природа цвета: свет, а не краска
Цвет — это не свойство предмета, а то, как глаз читает свет. Разберёмся, почему экран и принтер смешивают цвета по-разному.
Начать бесплатно · 4 урока Цветовые модели: RGB, CMYK, HSB и LAB
Один и тот же цвет можно записать по-разному. Разберёмся, какая запись для чего и почему дизайнеру удобнее думать в HSB.
Свойства цвета: тон, насыщенность, светлота
Любой цвет — это три ручки. Научимся «читать» цвет и узнаем, почему светлота обманывает глаз сильнее всего.
Цветовой круг
Круг — это карта, по которой цвета подбирают не на вкус, а по правилам. Научимся строить гармоничные схемы за минуту.
Психология цвета: ассоциации и архетипы
Цвет говорит раньше слов. Разберёмся, какие ассоциации у цветов устойчивые, а какие зависят от контекста.
Цветовые схемы: смело, но без ряби
Комплементарные, аналоговые, триады — на практике. Главное — сочетать контрастные цвета так, чтобы они не «дрожали».
Контраст и нюанс: семь контрастов Иттена
Контраст — главный инструмент внимания. Разберём семь способов противопоставить цвета и где каждый работает.
Семантика цвета в интерфейсе
В интерфейсе цвет — это сигнал: ошибка, успех, предупреждение, действие. Научимся не ломать эти сигналы.
Цвет и типографика
Текст — это тоже цвет. Разберёмся, какой цвет давать тексту, заголовкам и ссылкам.
Доступность и WCAG
Как проверить, что цвета читают все. Цифры WCAG и проверка за секунды.
Айдентика и цвет
Как цвет становится частью бренда и не теряется на разных носителях.
Иерархия и акценты: 60-30-10
Как распределить цвета по площади, чтобы экран читался с первого взгляда.
Тени и свечения
Тень — это тоже цвет. Разберёмся, почему чёрные тени делают макет грязным и как сделать глубину без шума.
Градиенты и меши
Почему одни градиенты сочные, а другие с серой полосой посередине. Собираем современные градиенты.
Тёмная тема
Тёмная тема — это не инверсия цветов. Собираем тёмную тему, которая не режет глаза.
Цветовые системы и токены
Как навести порядок, когда цветов в проекте много. Токены — имена для цветов, которые меняют дизайн одним движением.
Смешение цветов: создание палитр
Почему одни приглушённые цвета выглядят дорого, а другие грязно. Собираем цельные палитры.
Цветовые тренды
Откуда берутся «цвета года» и как использовать тренды, чтобы дизайн не устарел через год.
Цветовые иллюзии
Глаз обманывает — и это можно использовать. Как иллюзии ломают макеты и как помогают им.
Без риска
- Первые 4 урока бесплатноПосмотрите уровень и подачу до оплаты
- Возврат за непройденноеНе подошло — вернём деньги за уроки, которые вы не прошли
- Доступ навсегдаРазовая оплата, без подписки и автосписаний
- Отвечаем личноВопрос по уроку или оплате — пишите в поддержку
О практикуме
Практикум для начинающих дизайнеров. Разберёмся, как устроен цвет, научимся читать его по тону, насыщенности и светлоте, строить палитры по цветовому кругу и применять их в интерфейсах, айдентике и графике. В каждом уроке — интерактив, инструмент, готовый промпт для нейросети, тренажёр и бонус. Через весь практикум идёт проект: шаг за шагом вы собираете свою страницу-визитку — с вашим именем, палитрой, проверенным контрастом и тёмной темой, — а в конце скачиваете её. Первые 4 урока бесплатно.
Комментарии
Войдите, чтобы ставить лайки и писать комментарии.
ВойтиПока никто не написал. Будьте первым.