Делаем магию — форму, для которой не придётся делать адаптивные версии на планшет и мобилку. Вместо этого настроим дизайн через Auto Layout и будем менять ширину, а остальное Фигма сделает за нас.
Это второе видео про Автолейаут, в первом мы разобрали базу и основные принципы. Поэтому, если ты только начинаешь работать с AL, лучше всего начать с первого урока.
Ссылки:
— Исходники для практики:
design-figma.ru/md/youtube_files— Auto Layout, уровень 1:
youtu.be/AP2hGnwgfbY— Курс по веб-дизайну:
sanya-kvo.ru/— Курс по UX/UI дизайну:
sanya-kvo.ru/uxui— Бесплатный марафон в ТГ:
t.me/study_kvo— Бесплатный марафон в ВК:
vk.com/study_kvo— Саня Кво в Инсте:
@sanya_kvoНавигация:
00:00:00 — Начало
00:00:21 — Два типа дизайнеров
00:00:38 — Цель уроков по автолейауту
00:01:14 — «Резиновая» форма заявки в Фигме
00:02:29 — Поле ввода на автолейауте
00:03:14 — Лайфхак с расположением текста оптически по центру
00:06:51 — Кнопка на автолейауте
00:08:29 — Собираем форму
00:10:20 — Абсолютное позиционирование на примере сердечка
00:11:23 — Добавляем магию: автоматический адаптив
00:16:51 — Адаптив для планшета
00:17:13 — Адаптив для мобилки
00:19:49 — Закрепление изученного
00:22:27 — Бесплатный практикум по дизайну
00:22:46 — Обучение в Study Kvo