Дизайн система в Figma (часть 4: создание UI-кита для интернет-магазина)
Рассказываю о том, как создать UI-кит в дизайн-системе в Figma для интернет-магазина. На основе прототипа сайта создаем дизайн компонентов и собираем UI-kit. Разбираем, как правильно устанавливать констрейнсы для адаптивности компонентов. Создаем сложные компоненты состоящие из нескольких компонентов.
***
Личное наставничество: http://impoliakov.ru/nastavnichestvo
Бесплатный Практикум по старту в профессии: http://t.me/AlekseiPoliakov_Bot
Ранний доступ к видео и эксклюзивный контент: http://boosty.to/impoliakov
Меня зовут Алексей Поляков, я профессиональный UI/UX дизайнер с более чем 10-летним опытом. За эти годы я прошел путь от создания графики до разработки сложных, многофункциональных интерфейсов для корпораций-гигантов российского рынка и топовых digital-агентств Москвы.
📩 Сотрудничество и проекты: [email protected]
***
📍 Навигация:
00:00 Вступление
00:30 Дизайн кнопок
01:35 Кнопки навигации баннера
02:42 Блок «Преимущества»
05:20 Карточки товара
12:00 Доработка состояний компонентов
13:24 Дизан инпутов
14:43 Итог проделанной работы
15:47 Завершение
★Другие части видео про дизайн-систему★
Дизайн система в Figma (часть 3: UI-kit, подготовка): https://cutt.ly/ogEcCcI
Дизайн система в Figma (часть 2: сетка, тени и иконки): https://cutt.ly/agjAOZo
Дизайн система в Figma (часть 1: цвета и типографика):
https://cutt.ly/RgjAAG6
#дизайнсистема #figma #uikit