Разбираемся с Автолейаутом. В уроке не будет сухой теории, разберём чисто на практических примерах базу 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