Разбираемся с Автолейаутом. В уроке не будет сухой теории, разберём чисто на практических примерах базу Auto Layout, чтобы вы могли применять эти паттерны в своём дизайне. У Auto Layout в Фигме есть целая пачка свойств и назначений, в этом уроке мы разберём самую необходимую и достаточную базу, а отдельные дебри изучим в другом уроке, который выйдет на канале позже. Так шо, не пропускай, подписывайся)
🔹 Ссылки:
- Исходники для практики: design-figma.ru/md/youtube_files
- Курс по веб-дизайну: sanya-kvo.ru/
- Курс по UX/UI дизайну: sanya-kvo.ru/uxui
- Бесплатный марафон в ТГ: t.me/study_kvo
- Бесплатный марафон в ВК: vk.com/study_kvo
- Саня Кво в Инсте: / sanya_kvo
🔹 Навигация:
00:00 - Начало
00:20 - Цель урока по автолейауту
00:55 - Auto Layout на кнопках
02:47 - Режим Hug Contetns
05:00 - Режим Fixed
06:43 - Кнопка с иконкой
08:32 - Лайфхак со сдвигом иконки внутри Auto Layout
09:33 - Практика на дизайне навигации
11:33 - Как переименовать сразу несколько слоев в Фигме
15:19 - Параметр Space Between на примере дизайна навигации
17:46 - Space Between в кнопке
18:45 - Дизайн карточки товара с Автолейаутом
22:24 - Абсолютное позиционирование
24:19 - Закрепление изученного
24:38 - Бесплатный марафон по дизайну
25:07 - Обучение в Study Kvo
#studykvo #figma #фигма
Негізгі бет Auto Layout в Figma. База автолейаута в Фигме на готовых примерах
Пікірлер: 85