Кнопки | Воркшоп #3 | UI-kit
El Danielle
0:00 / 0:00
Кнопки | Воркшоп #3 | UI-kit
11 660 просмотров · 2 г. назад
El Danielle
3,4 тыс. подписчиков
11 660 просмотров · 2 г. назад
Телеграм-канал Кати https://t.me/+J_hi0vQ-KFZjMmIy
где она помогает начинающим дизайнерам не остаться один на один в дизайне после дорогостоящего обучения.
Помогаю с подготовкой портфолио и собесами (25+ кейсов в крупные компании)
https://dub.sh/qo6RkR2
Мой тг: https://t.me/+2Q738JTfRfoxOWNi
Чат, где помогаем друг другу с компонентами: https://t.me/+e2e3f9TOhzplY2Uy
Плейграунд из воркшопа: https://clck.ru/39Phst
Продолжаем качать системное мышление и более осознанный подход на примере компонентов UI-kit. В воркшопе разобрали самый базовый компонент, который есть практически в каждом продукте — Кнопки или Buttons: использовали самые актуальные обновления Figma (Autolayout, Property, Boolean, Instance swap, Nested instances), обсудили как устроена организация, визуальную балансировку, нужен ли мастер компонент и многое другое.
Как обычно, приглашаю всех в комменты, критикуйте, дополняйте, делитесь своим опытом 👇
00:00 - Коротко о главном
00:50 - Интеграция
01:20 - О чем ролик
02:26 - Как устроена кнопка
06:43 - Готовим мастер-компонент
10:55 - Визуальная балансировка
12:45 - Настраиваем property
19:19 - Создаем варианты кнопок
27:48 - Более сложные решения в кнопках
29:55 - Про спецификации в ui-kit
31:43 - Добавляем на овервью