Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство

Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство

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

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

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

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

Требования

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

Компьютер или ноутбук и главное - желание учиться

Результат

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

Создавать дизайны веб-сайтов
Самостоятельно выполнять домашние задания
Создавать личный проект по выбранной теме
Анализировать цели и задачи проекта
Работать с цветом, шрифтами и изображениями
Проектировать сложные интерфейсы
Разрабатывать 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

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

04Создаём лендинг для аренды спецтехники

05Правила создания композиции

- Что такое F-паттерн
- Что такое Z-паттерн

06UX-дизайн

07Итоговая работа UX-дизайн

- Итоговая работа

08Создаём дизайн интерфейса CRM системы

09Создаём кейс для Dproifle

- Создаём кейс в Figma ч. 1
- Создаём кейс в Figma ч. 2
- Публикуем кейс на Dprofile

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

- Создаём главный экран
- Создаём блок с портфолио
- Создаём блок с контактами и публикуем сайт

11Личный проект

12Финал

- Получение сертификата

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

Stepik

Организатор

Автор курса

Stepik

4.6Нет отзывов

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

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

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