Компоненты и варианты в Figma / 09 / Курс по дизайну для РУДН

Строим страницу каталога на компонентах и вариантах. Выстраиваем варианты размеров карточек каталога, настраиваем стили и дизайн исходя из общей картины. Задаем варианты карточек. Встраиваем компоненты друг в друга и разбираемся с принципами построения дизайн-систем. В конце на основе заданной системы меняем стили карточек и размеры и получаем еще один вариант дизайна каталога. Разбираемся с вопросами студентов и возможными сложностями в теме. Делаем адаптив и кратко знакомимся с принципами мобильной адаптации в фигме. Поддержать канал: https://boosty.to/dsgnit/donate Со мной можно поработать в качестве ментора: https://getmentor.dev/mentor/ilia-timofeev-640 С моими проектами можно ознакомиться в портфолио: https://www.behance.net/timofeew Таймлайн: 00:00 Приветствие 00:52 Меняем через компонент стиль и размеры карточек 05:02 Меняем расположение изображений в карточках 07:40 Разбираем вопросы 10:22 Далаем вариант компонента в фигме 13:22 Задаем вариации изображений и заливки 14:14 Настраиваем вертикальные размеры карточки 16:46 Добавляем вложенность компонентов с вариантами 20:56 Добавляем вариант в компонент 22:02 Вариант промо карточки 23:38 Разбираем вопросы 24:43 Добавляем заголовки разделов 27:12 Подгоняем по сетке 1 экран 28:26 Делаем вариант дизайна каталога 30:25 Принцип дизайна адаптива 32:05 Меняем дизайн компонента 32:41 О проектировании дизайн-систем 34:24 Разбираем вопросы 36:31 Обратная связь по домашкам