UX/UI в Figma с нуля для начинающих

UX/UI в Figma с нуля для начинающих

ФорматОнлайн

Длительность4-5 часов в неделю

Объём11 занятий

По окончанииStepik

Требования

Что нужно для старта

Достаточно простого ноутбука и доступа в интернет. Никакой сложной подготовки!

Результат

Что вы получите

Базовые навыки: Работать с Frame, Group, Section.
Создавать и работать с Grid сетками.
Научитесь работать с Autolayout для создания адаптивных интерфейсов.
Системный подход: создадите и будете управлять компонентами и стилями (цвет, текст, эффекты) для больших проектов.
Визуальный дизайн: научитесь применять эффекты (тени, размытия).
Научитесь создавать плавную анимацию для интерфейсов.
Профессиональная практика: разработаете полноценный UI KIT для проекта.
Реальный проект: создадите интерфейса мобильного приложения доставки еды "DeliveryPro" от идеи до готового дизайна!
Портфолио: оформление дизайн-проект в красивый кейс для Dprofile.
Создание сайта-портфолио на Tilda для презентации работ.
Узнаете что такое гайдлайны и как с ними работать.

Аудитория

Для кого этот курс

Этот курс идеально подходит вам, если вы хотите:
✅ Начать карьеру в IT и работать UX/UI дизайнером.
✅ С нуля освоить Figma — ведущий инструмент для дизайна интерфейсов.
✅ Получить практические навыки и реальное портфолио.
✅ Научиться создавать современные мобильные приложения и интерфейсы.
✅ Понимать процесс дизайна от идеи до презентации заказчику.

Содержание

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

11 занятий

№ТемаЧто внутри

01Введение

- Информация о курсе
- Как проходить курс
- Установка Figma

02Базовый модуль

- Знакомство с интерфейсом
- Работа с текстом и шрифтами
- Работа и настройка цвета
- Учимся создавать и работать со стилями

03Профильный модуль

- Учимся создавать и работать с Grid сетками
- Основы работы с Autolayout
- Учимся создавать и работать с компонентами ч. 1
- Учимся создавать и работать с компонентами ч. 2
- Работа с нейросетями для UI/UX дизайнера

04UX практикум

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

05Гайдлайны

- Что такое гайдлайны
- Гайдлайны IOS
- Гайдлайны Android

06Создаём UI KIT для мобильного приложения

- Создаём стили для текста
- Создаём стили для цветов
- Создаём кнопки ч. 1
- Создаём кнопки ч. 2
- Создаём Tabs
- Создаём фильтры
- Создаём Checkbox
- Создаём Radio Button и кнопку включения
- Создаём рейтинг
- Создаём счётчик
- Создаём Input
- Создаём Dropdown
- Создаём поиск

07Проектируем мобильное приложение доставки еды

- Создаём проект
- Создаём экран авторизации ч. 1
- Создаём экран авторизации ч. 2
- Создаём главный экран ч. 1
- Создаём главный экран ч. 2
- Создаём главный экран ч. 3
- Создаём блок "Рестораны" ч. 1
- Создаём блок "Рестораны" ч. 2
- Создаём меню ресторана ч. 1
- Создаём меню ресторана ч. 2
- Создаём меню ресторана ч. 3
- Создаём меню ресторана ч. 4
- Создаём экран с описанием блюда ч. 1
- Создаём экран с описанием блюда ч. 2
- Дорабатываем экран с меню
- Создаём экран с оформлением заказ ч. 1
- Создаём экран с оформлением заказ ч. 2
- Создаём экран с оформлением заказ ч. 3
- Создаём экран с оформлением заказ ч. 4
- Создаём экран с оформлением заказ ч. 5
- Создаём экран со статусами заказов ч. 1
- Создаём экран со статусами заказов ч. 2
- Создаём экран с настройками профиля
- Доделываем проект и исправляем ошибки

08Анимация мобильного приложения

- Анимация кнопок и экранов авторизации
- Анимация главного экрана и меню ресторана
- Анимация экранов заказа и остальных

09Оформление кейса

- Регистрация и знакомство с Dprofile
- Оформление кейса в Figma ч. 1
- Оформление кейса в Figma ч. 2
- Оформление кейса в Figma ч. 3
- Оформление кейса в Figma ч. 4
- Публикация кейса на Dprofile

10Создание сайта-портфолио на Tilda

- Создание сайта-портфолио
- Настройка сайта-портфолио

11Заключение

- Что делать дальше
- Получение сертификата

01Введение

- Информация о курсе
- Как проходить курс
- Установка Figma

02Базовый модуль

03Профильный модуль

04UX практикум

05Гайдлайны

- Что такое гайдлайны
- Гайдлайны IOS
- Гайдлайны Android

06Создаём UI KIT для мобильного приложения

07Проектируем мобильное приложение доставки еды

08Анимация мобильного приложения

09Оформление кейса

10Создание сайта-портфолио на Tilda

- Создание сайта-портфолио
- Настройка сайта-портфолио

11Заключение

- Что делать дальше
- Получение сертификата

Документ после выпуска

Stepik

Организатор

Автор курса

Stepik

4.6Нет отзывов

Stepik — образовательная платформа и конструктор онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки. Наша цель — сделать образование открытым и удобным. Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.

Подробнее об авторе

Мнения учеников