Auto Layout в Figma с нуля — дизайн экрана Т-Банка

Продолжаем прокачку Auto Layout в боевых условиях. Теории не будет — сразу практика: делаем адаптивный экран банковского приложения. Заодно разберёмся, в каких случаях автолейаут нужен, а когда можно обойтись без него. Повторим экран Т-Банка и сделаем так, чтобы он был резиновым на любую ширину. ⚡️ Закрытый клуб для дизайнеров:
Скачать проект из урока:
Это третье видео про Автолейаут. В первом мы разобрали базу и основные принципы, а во втором сделали адаптивную форму. Поэтому, если ты только начинаешь работать с AL, лучше всего начать с первого урока: – Auto Layout, уровень 1:    • Auto Layout в Figma. База автолейаута в Фи...   – Auto Layout, уровень 2:    • Автолейаут в Фигме. Делаем резиновый дизай...   – Курс по веб-дизайну:
– Курс по UX/UI дизайну:
– Бесплатный практикум:
– Саня Кво в Инсте:   / sanya_kvo   🔹 Навигация: 00:00:00 – Начало 00:00:38 – Резиновый экран приложения в Фигме 00:01:49 – Chips на автолейауте 00:02:11 – 2 способа создать автолейаут 00:02:54 – Лайфхак: как сделать текст оптически по центру 00:04:13 – Нужен автолейаут или нет: как понять 00:06:41 – Адаптивный пункт списка на автолейауте 00:07:30 – Когда можно использовать группу вместо автолейаута 00:11:05 – Собираем адаптивный список 00:11:58 – Лайфхак: как скопировать эффект 00:15:05 – Собираем экран на автолейауте 00:17:00 – Режим Fill: базовое правило адаптива 00:18:44 – Закрепление изученного 00:19:06 – Обучение в Study Kvo 00:19:25 – Как дела с Auto Layout? #studykvo #autolayout #фигма

Смотрите также