Stepik Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство
Требования
Что нужно для старта
- Компьютер или ноутбук и главное - желание учиться
Результат
Что вы получите
- Создавать дизайны веб-сайтов
- Самостоятельно выполнять домашние задания
- Создавать личный проект по выбранной теме
- Анализировать цели и задачи проекта
- Работать с цветом, шрифтами и изображениями
- Проектировать сложные интерфейсы
- Разрабатывать CRM системы
- Работать с фотографией в веб-среде
- Оформлять кейсы для Dprofile
- Создавать сайты-портфолио в Tilda
Аудитория
Для кого этот курс
- Этот курс подойдёт начинающим дизайнерам и даже ни разу не открывавшим Figma.
Содержание
12 занятийПрограмма курса
№ТемаЧто внутри
01Знакомство
- Информация о курсе
- Как проходить курс
- Установка Figma
- Как отправлять домашние задания на проверку
02Базовый модуль по Figma
- Создание первого проекта
- Учимся работать со шрифтами
- Изучаем направляющие и Grid сетки
- Учимся работать с цветами и градиентами
- Домашнее задание. Подбор шрифта и цветов для проекта
03Профильный модуль по Figma
- Учимся работать с Autolayout
- Разбираемся что такое компоненты и для чего они нужны
- Учимся работать со стилями
- Знакомимся с эффектами
- Домашнее задание. Проектирование компонента инпута
04Создаём лендинг для аренды спецтехники
- Создаём UI KIT: стили для текста
- Создаём UI KIT: стили для цветов
- Создаём UI KIT: создаём кнопки
- Создаём UI KIT: создаём поля ввода
- Создаём первый экран ч. 1
- Создаём первый экран ч. 2
- Создаём каталог спецтехники ч. 1
- Создаём каталог спецтехники ч. 2
- Создаём форму обратной связи
- Создаём блок с контактами
- Создаём подвал сайта
- Адаптируем сайт под мобильные устройства ч. 1
- Адаптируем сайт под мобильные устройства ч. 2
- Домашнее задание. Ревью проделанной работы
05Правила создания композиции
- Что такое F-паттерн
- Что такое Z-паттерн
06UX-дизайн
- Визуальная коммуникация
- Портрет аудитории и мудборд
- Пользовательские сценарии и паттерны их использования
- Юзабилити
- Гипотезы
07Итоговая работа UX-дизайн
- Итоговая работа
08Создаём дизайн интерфейса CRM системы
- Создаём блок навигации ч. 1
- Создаём блок навигации ч. 2
- Создаём информационные блоки
- Создаём блок "Последние заказы"
- Создаём блок "Постоянные клиенты"
- Создаём страницу с задачами ч. 1
- Создаём страницу с задачами ч. 2
- Создаём страницу с задачами ч. 3
- Создаём кнопку добавления новой задачи
- Создаём страницу с заказами
- Создаём страницу с добавлением нового заказа ч. 1
- Создаём страницу с добавлением нового заказа ч. 2
- Создаём страницу с добавлением нового заказа ч. 3
- Создаём страницу с клиентами
- Создаём кнопку добавления нового клиента
- Создаём страницу с отчётами
- Создаём страницу с настройками
- Домашнее задание. Ревью проделанной работы
09Создаём кейс для Dproifle
- Создаём кейс в Figma ч. 1
- Создаём кейс в Figma ч. 2
- Публикуем кейс на Dprofile
10Создаём сайт-портфолио на Tilda
- Создаём главный экран
- Создаём блок с портфолио
- Создаём блок с контактами и публикуем сайт
11Личный проект
- Что предстоит сделать
- Выбор темы проекта
- Дизайн-система
- Первая страница
- Вторая страница
- Третья страница
- Четвёртая страница
- Пятая страница
- Шестая страница
- Оформление кейса
12Финал
- Получение сертификата
01Знакомство
- Информация о курсе
- Как проходить курс
- Установка Figma
- Как отправлять домашние задания на проверку
02Базовый модуль по Figma
- Создание первого проекта
- Учимся работать со шрифтами
- Изучаем направляющие и Grid сетки
- Учимся работать с цветами и градиентами
- Домашнее задание. Подбор шрифта и цветов для проекта
03Профильный модуль по Figma
- Учимся работать с Autolayout
- Разбираемся что такое компоненты и для чего они нужны
- Учимся работать со стилями
- Знакомимся с эффектами
- Домашнее задание. Проектирование компонента инпута
04Создаём лендинг для аренды спецтехники
- Создаём UI KIT: стили для текста
- Создаём UI KIT: стили для цветов
- Создаём UI KIT: создаём кнопки
- Создаём UI KIT: создаём поля ввода
- Создаём первый экран ч. 1
- Создаём первый экран ч. 2
- Создаём каталог спецтехники ч. 1
- Создаём каталог спецтехники ч. 2
- Создаём форму обратной связи
- Создаём блок с контактами
- Создаём подвал сайта
- Адаптируем сайт под мобильные устройства ч. 1
- Адаптируем сайт под мобильные устройства ч. 2
- Домашнее задание. Ревью проделанной работы
05Правила создания композиции
- Что такое F-паттерн
- Что такое Z-паттерн
06UX-дизайн
- Визуальная коммуникация
- Портрет аудитории и мудборд
- Пользовательские сценарии и паттерны их использования
- Юзабилити
- Гипотезы
07Итоговая работа UX-дизайн
- Итоговая работа
08Создаём дизайн интерфейса CRM системы
- Создаём блок навигации ч. 1
- Создаём блок навигации ч. 2
- Создаём информационные блоки
- Создаём блок "Последние заказы"
- Создаём блок "Постоянные клиенты"
- Создаём страницу с задачами ч. 1
- Создаём страницу с задачами ч. 2
- Создаём страницу с задачами ч. 3
- Создаём кнопку добавления новой задачи
- Создаём страницу с заказами
- Создаём страницу с добавлением нового заказа ч. 1
- Создаём страницу с добавлением нового заказа ч. 2
- Создаём страницу с добавлением нового заказа ч. 3
- Создаём страницу с клиентами
- Создаём кнопку добавления нового клиента
- Создаём страницу с отчётами
- Создаём страницу с настройками
- Домашнее задание. Ревью проделанной работы
09Создаём кейс для Dproifle
- Создаём кейс в Figma ч. 1
- Создаём кейс в Figma ч. 2
- Публикуем кейс на Dprofile
10Создаём сайт-портфолио на Tilda
- Создаём главный экран
- Создаём блок с портфолио
- Создаём блок с контактами и публикуем сайт
11Личный проект
- Что предстоит сделать
- Выбор темы проекта
- Дизайн-система
- Первая страница
- Вторая страница
- Третья страница
- Четвёртая страница
- Пятая страница
- Шестая страница
- Оформление кейса
12Финал
- Получение сертификата
Документ после выпуска
Stepik
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 17 августа 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
