Компоненты и варианты в Figma / 09 / Курс по дизайну для РУДН
Строим страницу каталога на компонентах и вариантах. Выстраиваем варианты размеров карточек каталога, настраиваем стили и дизайн исходя из общей картины. Задаем варианты карточек. Встраиваем компоненты друг в друга и разбираемся с принципами построения дизайн-систем. В конце на основе заданной системы меняем стили карточек и размеры и получаем еще один вариант дизайна каталога. Разбираемся с вопросами студентов и возможными сложностями в теме. Делаем адаптив и кратко знакомимся с принципами мобильной адаптации в фигме.
Поддержать канал:
https://boosty.to/dsgnit/donate
Со мной можно поработать в качестве ментора:
https://getmentor.dev/mentor/ilia-tim...
С моими проектами можно ознакомиться в портфолио: 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 Обратная связь по домашкам