Курс на Stepik
Обложка курса «Практический UI дизайн буткемп» на Stepik
2 890 ₽

Практический UI дизайн буткемп ★ 4.800

Открыть на
STEPIK.ORG

Курс по с UI дизайну с нуля актуальному к международном рынке. Курс основан на практике: модули сопровождаются упражнениями, а в финальном проекте вы создадите лендинг себе в портфолио. Мы пройдем через все этапы UI дизайна: от брифа и бумажных прототипов до подготовки макетов к разработке. Курс построен так, что даже человек не имеющий никаких графических навыков сможет создавать современные интерфейсы. Я проведу вас за руку от абсолютного нуля до уверенного владения базой.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Практический UI дизайн буткемп»Учеников на курсе 171
Сертификаты, выданные на курсе «Практический UI дизайн буткемп»Сертификатов выдано 0
Отзывы о курсе «Практический UI дизайн буткемп»Отзывов получено 10
Рейтинг курса «Практический UI дизайн буткемп»Рейтинг курса 4.800
Уроки в курсе «Практический UI дизайн буткемп»Количество уроков 61
Время прохождения курса «Практический UI дизайн буткемп»Время прохождения курса —
Стоимость курса «Практический UI дизайн буткемп»Стоимость курса 2 890 ₽ —
Обновления курса «Практический UI дизайн буткемп»Обновления курса — —
Дата публикации курса «Практический UI дизайн буткемп»Дата публикации курса — ———
Последнее обновление курса «Практический UI дизайн буткемп»Последнее обновление — ———
Сложность easy — ———

Содержание курса

Разделы в курсе «Практический UI дизайн буткемп» 10 разделов Уроки в курсе «Практический UI дизайн буткемп» 61 урок Время прохождения курса «Практический UI дизайн буткемп» 6 ч. Последнее обновление курса «Практический UI дизайн буткемп» обн. 2 года назад

Введение

2 урока
1. Введение ↗
2. Как проходить курс ↗

Прототипирование в Фигма

12 уроков
1. Почему Фигма ↗
2. Создание нового аккаунта ↗
3. Организация проектов ↗
4. Обзор рабочей области ↗
5. Фреймы ↗
6. Частые проблемы ↗
7. Привязки ↗
8. Auto layout ↗
9. Компоненты ↗
10. УПРАЖНЕНИЕ: Создайте свой компонент с вариантами ↗
11. Построение интерактивных прототипов ↗
12. Базовая дизайн система ↗

Колористика

5 уроков
1. Физика цвета ↗
2. Цветовые модели ↗
3. Сочетание цветов ↗
4. Ресурсы для работы с цветами ↗
5. УПРАЖНЕНИЕ: Анализ цветовых палитр ↗

Типографика

6 уроков
1. Введение в типографику ↗
2. Шрифты в дизайн системе ↗
3. Гайд по шрифтам ↗
4. Памятка по работе со шрифтами ↗
5. Ресурсы для работы со шрифтами ↗
6. УПРАЖНЕНИЕ: Визуальная иерархия ↗

Композиция

5 уроков
1. Сетки в дизайне ↗
2. Построение сеток в Фигма ↗
3. Негативное пространство ↗
4. Гештальт принципы ↗
5. УПРАЖНЕНИЕ: Тренировка композиции ↗

Поиск визуального стиля

6 уроков
1. Насмотренность ↗
2. Ресурсы для вдохновения ↗
3. UI тренды ↗
4. Будущее дизайна интерфейсов ↗
5. Ресурсы для графических материалов ↗
6. УПРАЖНЕНИЕ: Работа над визуальным стилем ↗

Удобные и доступные интерфейсы

7 уроков
1. Доступный интерфейс ↗
2. Карточки по доступному интерфейсу ↗
3. Юзабилити эвристики ↗
4. Карточки по юзабилити эвристикам ↗
5. Как сделать интерфейс понятным ↗
6. Интерактивные элементы ↗
7. Работа с контентом ↗

Упражнения для тренировки

3 урока
1. УПРАЖНЕНИЕ: Карточка товара ↗
2. УПРАЖНЕНИЕ: Страница онлайн магазина ↗
3. УПРАЖНЕНИЕ: Корзина ↗

UI дизайн процесс и финальный проект

13 уроков
1. БРИФ ↗
2. ПРАКТИКА: Выберите бриф и детализируйте его ↗
3. Введение в бумажные прототипы ↗
4. Создание бумажных прототипов ↗
5. ПРАКТИКА: Создайте свои бумажные прототипы ↗
6. Введение в низкоуровневые прототипы ↗
7. Прототипирование в Фигма ↗
8. ПРАКТИКА: Создайте свои низкоуровневые прототипы ↗
9. Мудборды ↗
10. ПРАКТИКА: Мудборд ↗
11. Создание макетов ↗
12. Подготовка к разработке ↗
13. ПРАКТИКА: Макет лендинга и спецификация ↗

Заключение

2 урока
1. Рекомендованная литература ↗
2. Заключение ↗