Цена
600 000 тенге
Продолжительность
28 недель
(149 академических часов)
Формат обучения
2 раза в неделю по 2 часа, онлайн
и 1 офлайн-лекция по выходным
Описание курса
Курс «Продуктовый UX/UI дизайн» предназначен для начинающихдизайнеров, желающих освоить продуктовый дизайн с нуля. В рамках курса студенты изучат основы дизайн-мышления, пользовательского опыта (UX) и интерфейсов (UI), а также получат практические навыки работы с Figma и ее новейшими инструментами (Figma Make, Draw, Buzz, FigJam). Добавлены блоки по использованию AI в контексте продуктового дизайна
Критерий отбора
3
Видеопрезентация студента
3
Видеопрезентация студента
3
Видеопрезентация студента
3
Видеопрезентация студента
3
Видеопрезентация студента
3
Видеопрезентация студента
Программа
Неделя 1 (4 часа)
Урок 1 (2 часа): Введение в продуктовый дизайн
Что такое продуктовый дизайн
Роли и обязанности продуктового дизайнера
Введение в дизайн-мышление: этапы Эмпатия и Определение
Практическое задание: Анализ популярного приложения на предмет сильных и слабых сторон его продуктового дизайна
Урок 2 (2 часа): Введение в нейросети для дизайнеров
Как повысить скорость выполнения задач с помощью нейросетей
Use Cases нейросетей для продуктового дизайна: поиск идеи, быстрая генерация артефактов дизайн-мышления, генерация набросков
Домашнее задание: Сгенерировать основные артефакты дизайн-процесса гипотетического приложения: User Flow, User Stories, User Story Map (разбить на релизы и MVP), анализ конкурентов
Неделя 1 (4 часа)
Урок 1 (2 часа): Введение в продуктовый дизайн
Что такое продуктовый дизайн
Роли и обязанности продуктового дизайнера
Введение в дизайн-мышление: этапы Эмпатия и Определение
Практическое задание: Анализ популярного приложения на предмет сильных и слабых сторон его продуктового дизайна
Урок 2 (2 часа): Введение в нейросети для дизайнеров
Как повысить скорость выполнения задач с помощью нейросетей
Use Cases нейросетей для продуктового дизайна: поиск идеи, быстрая генерация артефактов дизайн-мышления, генерация набросков
Домашнее задание: Сгенерировать основные артефакты дизайн-процесса гипотетического приложения: User Flow, User Stories, User Story Map (разбить на релизы и MVP), анализ конкурентов
Неделя 2 (4 часа)
Урок 1 (2 часа): Знакомство с Figma
Интерфейс Figma и основные инструменты
Работа с фреймами, фигурами, текстом
Настройка проекта и организация файлов
Практическое задание: Воссоздание простых UI-элементов в Figma
Урок 2 (2 часа): Основы работы в Figma
Работа со слоями и группами
Введение в Auto Layout
Организация элементов на рабочем пространстве
Домашнее задание: Организация набора UI-элементов с использованием слоев, групп и auto layout
Неделя 2 (4 часа)
Урок 1 (2 часа): Знакомство с Figma
Интерфейс Figma и основные инструменты
Работа с фреймами, фигурами, текстом
Настройка проекта и организация файлов
Практическое задание: Воссоздание простых UI-элементов в Figma
Урок 2 (2 часа): Основы работы в Figma
Работа со слоями и группами
Введение в Auto Layout
Организация элементов на рабочем пространстве
Домашнее задание: Организация набора UI-элементов с использованием слоев, групп и auto layout
Неделя 3 (4 часа):
Урок 1 (2 часа): Основы визуального дизайна
Теория цвета и ее применение в UI
Основы типографики для цифровых интерфейсов
Создание цветовых палитр
Практическое задание: Создание цветовой палитры и типографической шкалы для вымышленного бренда
Урок 2 (2 часа): Введение в продуктовый дизайн
Использование изображений и иконок в интерфейсах
Введение в сетки и макеты
Принципы визуальной иерархии
Домашнее задание: Разработка простой UI-карточки с использованием сеток, изображений и иконок
Неделя 3 (4 часа):
Урок 1 (2 часа): Основы визуального дизайна
Теория цвета и ее применение в UI
Основы типографики для цифровых интерфейсов
Создание цветовых палитр
Практическое задание: Создание цветовой палитры и типографической шкалы для вымышленного бренда
Урок 2 (2 часа): Введение в продуктовый дизайн
Использование изображений и иконок в интерфейсах
Введение в сетки и макеты
Принципы визуальной иерархии
Домашнее задание: Разработка простой UI-карточки с использованием сеток, изображений и иконок
Неделя 4 (4 часа):
Урок 1 (2 часа): Введение в FigJam
Основы работы с FigJam
Инструменты для мозгового штурма и генерации идей
Изучение FigJam для генерации идей
Практическое задание: Проведение мозгового штурма функций для нового приложения с использованием FigJam
Урок 2 (2 часа): Первый Whiteboarding Challenge
Методика решения задач на доске
Структурирование мыслей и идей
Домашнее задание: Решение простой дизайн-задачи на доске (например, улучшение приложения)
Неделя 4 (4 часа):
Урок 1 (2 часа): Введение в FigJam
Основы работы с FigJam
Инструменты для мозгового штурма и генерации идей
Изучение FigJam для генерации идей
Практическое задание: Проведение мозгового штурма функций для нового приложения с использованием FigJam
Урок 2 (2 часа): Первый Whiteboarding Challenge
Методика решения задач на доске
Структурирование мыслей и идей
Домашнее задание: Решение простой дизайн-задачи на доске (например, улучшение приложения)
Неделя 5 (4 часа):
Урок 1 (2 часа): User Stories, User Flow и User Storie Map
Создание детальных пользовательских персон
Разработка карт пути пользователя (User Journey Maps)
Выявление болевых точек и возможностей
Практическое задание: Разработка пользовательской персоны и карты пути пользователя для заданного сценария
Урок 2 (2 часа): Основы вайрфреймов
Введение в вайрфрейминг
Создание низкодетализированных макетов в Figma
Принципы информационной архитектуры и Service Blueprint
Домашнее задание: Создание низкодетализированных вайрфреймов для простого User Flow мобильного приложения
Неделя 5 (4 часа):
Урок 1 (2 часа): User Stories, User Flow и User Storie Map
Создание детальных пользовательских персон
Разработка карт пути пользователя (User Journey Maps)
Выявление болевых точек и возможностей
Практическое задание: Разработка пользовательской персоны и карты пути пользователя для заданного сценария
Урок 2 (2 часа): Основы вайрфреймов
Введение в вайрфрейминг
Создание низкодетализированных макетов в Figma
Принципы информационной архитектуры и Service Blueprint
Домашнее задание: Создание низкодетализированных вайрфреймов для простого User Flow мобильного приложения
Неделя 6 (4 часа):
Урок 1 (2 часа): Основы прототипирования в Figma
Базовое прототипирование: связывание фреймов
Настройка переходов и оверлеев
Демонстрация прототипов
Практическое задание: Соединение экранов вайрфреймов для создания базового кликабельного прототипа
Урок 2 (2 часа): Создание интерактивного прототипа
Расширенные возможности прототипирования
Создание интерактивных элементов
Тестирование прототипов
Домашнее задание: Создание прототипа для концепции мобильного приложения из 3-4 экранов
Неделя 6 (4 часа):
Урок 1 (2 часа): Основы прототипирования в Figma
Базовое прототипирование: связывание фреймов
Настройка переходов и оверлеев
Демонстрация прототипов
Практическое задание: Соединение экранов вайрфреймов для создания базового кликабельного прототипа
Урок 2 (2 часа): Создание интерактивного прототипа
Расширенные возможности прототипирования
Создание интерактивных элементов
Тестирование прототипов
Домашнее задание: Создание прототипа для концепции мобильного приложения из 3-4 экранов
Неделя 3 (4 часа):
Урок 1 (2 часа): Основы визуального дизайна
Теория цвета и ее применение в UI
Основы типографики для цифровых интерфейсов
Создание цветовых палитр
Практическое задание: Создание цветовой палитры и типографической шкалы для вымышленного бренда
Урок 2 (2 часа): Введение в продуктовый дизайн
Расширенные возможности прототипирования
Создание интерактивных элементов
Тестирование прототипов
Домашнее задание: Создание прототипа для концепции мобильного приложения из 3-4 экранов
Неделя 3 (4 часа):
Урок 1 (2 часа): Основы визуального дизайна
Теория цвета и ее применение в UI
Основы типографики для цифровых интерфейсов
Создание цветовых палитр
Практическое задание: Создание цветовой палитры и типографической шкалы для вымышленного бренда
Урок 2 (2 часа): Введение в продуктовый дизайн
Расширенные возможности прототипирования
Создание интерактивных элементов
Тестирование прототипов
Домашнее задание: Создание прототипа для концепции мобильного приложения из 3-4 экранов
Неделя 7 (4 часа):
Урок 1 (2 часа): Компоненты в Figma
Создание и использование компонентов
Работа с кнопками и полями ввода
Организация компонентов
Практическое задание: Создание переиспользуемых компонентов кнопок и полей ввода
Урок 2 (2 часа): Стили в Figma
Текстовые стили и их применение
Цветовые стили для согласованности
Стили эффектов
Домашнее задание: Определение и применение текстовых и цветовых стилей к дизайну
Неделя 7 (4 часа):
Урок 1 (2 часа): Компоненты в Figma
Создание и использование компонентов
Работа с кнопками и полями ввода
Организация компонентов
Практическое задание: Создание переиспользуемых компонентов кнопок и полей ввода
Урок 2 (2 часа): Стили в Figma
Текстовые стили и их применение
Цветовые стили для согласованности
Стили эффектов
Домашнее задание: Определение и применение текстовых и цветовых стилей к дизайну
Неделя 7 (4 часа):
Урок 1 (2 часа): Компоненты в Figma
Создание и использование компонентов
Работа с кнопками и полями ввода
Организация компонентов
Практическое задание: Создание переиспользуемых компонентов кнопок и полей ввода
Урок 2 (2 часа): Стили в Figma
Текстовые стили и их применение
Цветовые стили для согласованности
Стили эффектов
Домашнее задание: Определение и применение текстовых и цветовых стилей к дизайну
Неделя 7 (4 часа):
Урок 1 (2 часа): Компоненты в Figma
Создание и использование компонентов
Работа с кнопками и полями ввода
Организация компонентов
Практическое задание: Создание переиспользуемых компонентов кнопок и полей ввода
Урок 2 (2 часа): Стили в Figma
Текстовые стили и их применение
Цветовые стили для согласованности
Стили эффектов
Домашнее задание: Определение и применение текстовых и цветовых стилей к дизайну
Неделя 7 (4 часа):
Урок 1 (2 часа): Компоненты в Figma
Создание и использование компонентов
Работа с кнопками и полями ввода
Организация компонентов
Практическое задание: Создание переиспользуемых компонентов кнопок и полей ввода
Урок 2 (2 часа): Стили в Figma
Текстовые стили и их применение
Цветовые стили для согласованности
Стили эффектов
Домашнее задание: Определение и применение текстовых и цветовых стилей к дизайну
Неделя 7 (4 часа):
Урок 1 (2 часа): Компоненты в Figma
Создание и использование компонентов
Работа с кнопками и полями ввода
Организация компонентов
Практическое задание: Создание переиспользуемых компонентов кнопок и полей ввода
Урок 2 (2 часа): Стили в Figma
Текстовые стили и их применение
Цветовые стили для согласованности
Стили эффектов
Домашнее задание: Определение и применение текстовых и цветовых стилей к дизайну
Неделя 7 (4 часа):
Урок 1 (2 часа): Компоненты в Figma
Создание и использование компонентов
Работа с кнопками и полями ввода
Организация компонентов
Практическое задание: Создание переиспользуемых компонентов кнопок и полей ввода
Урок 2 (2 часа): Стили в Figma
Текстовые стили и их применение
Цветовые стили для согласованности
Стили эффектов
Домашнее задание: Определение и применение текстовых и цветовых стилей к дизайну
Неделя 7 (4 часа):
Урок 1 (2 часа): Компоненты в Figma
Создание и использование компонентов
Работа с кнопками и полями ввода
Организация компонентов
Практическое задание: Создание переиспользуемых компонентов кнопок и полей ввода
Урок 2 (2 часа): Стили в Figma
Текстовые стили и их применение
Цветовые стили для согласованности
Стили эффектов
Домашнее задание: Определение и применение текстовых и цветовых стилей к дизайну