— Введение: Интерфейс и инструменты Figma. Горячие клавиши. Модульные сетки.
– Figma: от прототипирования к проектированию. Создание прототипа сайта и этапы работы
— Этап дизайна: работа с цветом. Основы работы с цветами, подбор палитры сайта.
– Этап дизайна: работа с текстом и шрифтами. Основы типографики
– Плагины в фигме: как ускорить работу дизайнера и сделать работу ещё круче.
– Адаптация сайта под другие устройства
– Готовим сайт к передаче клиенту: пишем пояснение, наводим порядок в слоях
10 урок. Презентация себя и своих работ. Упаковываем кейс на Behance.
11-15 урок. Поднимаем стоимость своих работ: Основы работы в Photoshop.
— Основные инструменты
— Слои и артборды
— Работа с изображениями, цветокоррекция
– Работа с пером и масками
– Крутые эффекты для сайтов
16 урок. Улучшаем нашу работу и делаем её дороже. Упаковыем 2й кейс
17 урок. Юридические аспекты работы: лицензии и документы. Как обезопасить себя от проблем
18 урок. Основы работы с клиентами и как вести переговоры.
19 урок. Где искать клиентов: топ 10 способов найти клиента за неделю.
ВТОРОЯ ЧАСТЬ КУРСА - ВЕБ-ПРО:
Цель: работа с интернет-магазином и создание мобильного приложения. обучение быстрой работе в фигме.
ЦКП: - базовые UX-исследования (анализ конкурентов, портрет пользователя, карта эмпатии, user flow)
- интернет-магазин (3 экрана + моб версия по желанию)
- мобильное приложение с анимацией
1. Теория. Понятие целевой аудитории, анализ и UX исследования
2. Теория. Виды документации в UX-дизайне
3. Практика. Как работать с Pen Tool, Masks и Boolean groups. Плагины.
4. Практика. Сomponents, Variants, Style, Constraints и Auto Layout
5. Практика. Создание главной страницы интернет-магазина
6. Практика. Создание каталога
7. Практика. Создание карточки товара
8. Практика. Оформление для Behance и Dribbble
9. Теория. Разработка мобильного приложения.
10. Практика. Архитектура мобильного приложения и User Flow
11. Практика. Создание варфрейма мобильного приложения.
12. Практика. Дизайн мобильного приложения.
13. Практика. Анимация в Figma. Виды анимаций и возможности.
14. Практика. Создание интерактивного прототипа. Работа через Figma Mirror.
15. Практика. Оформление мобильного приложения для Behance
16. Защита