Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
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 #фигма