Делаем магию - форму, для которой не придётся делать адаптивные версии на планшет и мобилку. Вместо этого настроим дизайн через Auto Layout и будем менять ширину, а остальное Фигма сделает за нас.
Это второе видео про Автолейаут, в первом мы разобрали базу и основные принципы. Поэтому, если ты только начинаешь работать с AL, лучше всего начать с первого урока.
🔹 Ссылки:
- Исходники для практики: design-figma.ru/md/youtube_files
- Auto Layout, уровень 1: • Auto Layout в Figma. Б...
- Курс по веб-дизайну: 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
#studykvo #figma #фигма
Негізгі бет Автолейаут в Фигме. Делаем резиновый дизайн на Auto Layout
Пікірлер: 48