Иконка может показаться простым компонентом, но новички не всегда делают:
- иконку в фрейме
- группировку элементов иконки внутри фрейма
- оптическое выравнивание иконки внутри фрейма (вместо физической, где требуется)
- изменение толщины линии для оптического уравновешивания
- скачивание иконки в линиях доступных к изменению толщины
- сохранение иконки в линиях (то есть не делать Outline strokes)
- дополнительные размеры
Без действий выше будут сложности в проекте, поэтому показываю действия для повторения :)
__
Материалы к видео
Плагин Feathericon:
__
Таймлайн:
0:00 Intro
0:32 Создаем компонент иконки
4:13 Разница Frame и Autolayout
11:27 Именование Variants для появления элемента Switcher
__
Платформа Dessst — создана автором курса для проверок практических работ.
Cайт:
Instagram:
Telegram:
__
Веду блог в Medium @Natalia_Tarasova
__
👋🏼 По всем вопросам на связи в instagram:
@
#uxui #ux #ui #course #курс #дизайн #design_guide #natalia_tarasova #бесплатно
1 view
3427
1237
4 years ago 00:30:02 149
Интерактивные компоненты в Figma. Обзор и примеры / Figma Interactive Components