Курс по UI/UX дизайну (Урок 3 из 38). Figma – Констрейнсы (Constrains)

Описание

Полный курс доступен на Stepik https://stepik.org/a/212348
Используй промокод RUTUBE15 и получи скидку 15%!

***



После прохождения курса вы научитесь создавать полноценные интерфейсы с использованием Figma, проектировать удобные и эффективные пользовательские сценарии, разрабатывать и внедрять дизайн-системы и разрабатывать качественный дизайн.

Этот курс подойдёт как для начинающих дизайнеров, так и для опытных специалистов, которые хотят углубить свои знания. Программа курса даст вам все необходимые навыки, чтобы уверенно начать свою карьеру в дизайне или выйти на фриланс, готовыми к реальным проектам.

⭐⭐⭐⭐⭐ Более 500 студентов уже прошли этот курс, и многие из них отметили значительное улучшение своих навыков.


***

Программа курса:

🏁 Раздел 1: Figma

• Вводное видео
• Слои, группы, фреймы и секшены
• Констрейнсы
• Автолейауты
• Компоненты
• Варианты
• Пропертис

💻 Раздел 2: Проектирование

• Что такое проектирование интерфейса и его важность
• User Story и базовое описание требований
• Карта путей пользователя
• Каталог и детальная
• Авторизация и блок оплаты
• Личный кабинет
• Дашборд. Роль «Администратор»
• Сборка User Flow
• Интерактивные прототипы
• Usability-тестирование

🧩Раздел 3: Дизайн-система

• Что такое дизайн-система и зачем она нужна
• Сбор компонентов
• Поиск визуального решения
• Токены дизайн-системы
• Кнопки
• Избранное, прогресс-бар, лого и аватар
• Рейтинг и теги
• Инпут
• Поле СМС и текстэрея
• Отзыв, табы и модальное окно
• Аккордеон и графики
• Карточки
• Хэдер и футер

🎨 Раздел 4: Дизайн веб-сервиса

• Итоговой дизайн: вводное видео
• Главная и каталог
• Детальная
• Авторизация
• Блок оплаты и личный кабинет
• Дашборд. Роль «Администратор»
• Передача макетов в разработку
• Заключение и секретный бонус