Курсы UX/UI-дизайна
Кому подойдёт курс
- Новичкам в дизайне
С нуля освоите новую профессию и сможете найти работу на фрилансе или в агентстве - Дизайнерам с небольшим опытом
Систематизируете свои знания и дополните профессиональные навыки - Специалистам смежных профессий
Сможете расширить свои навыки и применять их в рабочих проектах
Чему научитесь
- Создавать интерфейсы, которые приведут пользователя к цели максимально просто
- Работать с композицией, типографикой и шрифтами при разработке интерфейса
- Создавать адаптивные дизайн-макеты веб- и мобильных интерфейсов
- Работать с гайдлайнами Android и iOS и создавать интерактивные прототипы
- Проводить юзабилити-тестирование мобильных приложений и передавать проект в разработку
- Упаковывать и презентовать проект заказчику, оформлять собственное портфолио
Программа курса
Основы Adobe Photoshop
Если вы никогда не открывали Photoshop, этот модуль поможет получить необходимую базу для работы с фотографиями и дизайн-макетами. Вы познакомитесь с ключевыми инструментами приложения и сразу примените их на практике. В каждом занятии — задание для самостоятельной тренировки.
- Введение в Photoshop
- Двойная экспозиция
- Ретушь и цветокоррекция
- Постер
- Тонированное изображение
- Сайт в Photoshop
- Мокап
- Gif-анимация
- Иллюстрация
Прототипирование сайта
Изучите методы, чтобы определить, каким должен быть интерфейс, а также техники поиска идей для его разработки. На практике закрепите приёмы и принципы веб-дизайна, которые необходимы для создания современного сайта.
- Знакомство с веб-дизайном
- Модульные сетки
- Скетчинг и прототипирование
- Пользовательское взаимодействие
- Адаптивный дизайн
Иерархия дизайн-проекта
Изучите свойства формы и приёмы для создания композиции. Научитесь работать с цветом, подбирать шрифты, структурировать текст и использовать микротипографику. Освоите принципы, необходимые для создания визуальной иерархии в интерфейсе.
- Композиция
- Веб-типографика
- Теория цвета
- Веб-анимация
- Системы ведения проектов
- Составление технического задания
- Вдохновение, творчество, импровизация
Гайдлайны и архитектура приложения
Освоите ключевые особенности создания дизайна мобильных приложений. Узнаете, какие паттерны используются и как строится процесс работы с гайдалайнами платформ. Научитесь строить структурные схемы экранов и создавать интерактивные прототипы с анимацией.
- Принципы дизайна мобильных интерфейсов
- Принципы проектирования UX
- Анатомия iOS- приложения
- Основные принципы material design
- Анимация интерфейсов. Микровзаимодействия
- Дизайн графики для мобильных приложений
- Основы прототипирования
- Практическое прототипирование
Эргономика и юзабилити
Научитесь проводить тестирование пользовательского интерфейса и его эргономичности. Создадите руководство по стилю для передачи проекта в разработку. Изучите принципы оформления презентации, которые помогут оформить портфолио и донести ваши идеи до заказчика или будущего работодателя.
- Юзабилити-тестирование мобильных приложений
- Передача проекта разработчикам
- Презентация работ и подготовка портфолио
Основные принципы работы в Tilda
Изучите особенности и функционал онлайн-платформы Tilda, принципы и настройки редактирования нулевого блока — Zero Block.
- Базовые возможности платформы Tilda
- Работа с нулевым блоком платформы Tilda
Итоговый проект
Разработаете дизайн-макет сайта и интерактивный прототип мобильного приложения под руководством экспертов курса.
Ключевые навыки
- Работа с модульной сеткой
- Разработка адаптивного макета
- Применение основ композиции и работы с цветом
- Умение работать с веб-типографикой
- Умение работать с гайдлайнами для iOS и Android
- Проектирование и дизайн мобильных интерфейсов
- Создание интерактивных мобильных прототипов
- Анимация мобильных интерфейсов
- Подготовка портфолио
Кому подойдёт курс
- Начинающим аналитикам и исследователям
Получите системное видение профессии и освоите необходимые для старта навыки - Веб- и mobile-дизайнерам
Совершите переход в UX и научитесь создавать удобные интерфейсы - Менеджерам в диджитале
Научитесь анализировать пользовательский опыт и грамотно ставить задачи по доработке интерфейса
Чему вы научитесь на курсе
- Анализировать существующий или будущий проект
- Выявлять проблемы бизнеса и соотносить их с проблемами целевой аудитории
- Исследовать поведение пользователей
- Выявлять сегменты и потребности клиентов, использовать инструменты дизайн-мышления
- Использовать инструменты UX-исследователя
- Подбирать связки количественных и качественных методов, визуализировать опыт клиента с помощью инструмента Customer Journey Map
- Проводить A/B-тесты и юзабилити-исследования
- Определять задачу и формулировать гипотезу, запускать тесты и анализировать результаты
Программа курса
Вы узнаете, как проводить анализ проекта, выявлять и соотносить проблемы бизнеса с проблемами целевой аудитории. Сможете выбирать для исследования нужные инструменты и проводить его, концентрируясь на целях и ценностях пользователя.
Первые шаги в UX
Узнаете, что такое UX-аналитика и чем занимается UX-исследователь. Научитесь сегментировать целевую аудиторию, брифовать заказчика и создавать ценностное предложение. Сможете выявлять пользователя продукта, что поможет правильно определять респондентов для дальнейших исследований.
- Роль аналитики в UX
- Бизнес-аналитика: анализ ЦА
- Бизнес-аналитика
- Дизайн-мышление
Качественные и количественные исследования
Узнаете, какие бывают исследования и чем они отличаются. Разберёте, как готовиться к разным исследованиям и вести себя во время их проведения, как систематизировать и анализировать полученные результаты. Научитесь формулировать гипотезы, выбирать и проводить исследования для их проверки. Визуализируете опыт клиента с помощью CJM.
- Введение в методы исследования
- Особенности количественных исследований
- Качественные исследования
- Проведение качественного исследования
- Глубинные интервью
- Моделирование поведения с помощью Customer Journey Map
Инструменты для проведения исследований
Узнаете, какие дополнительные инструменты можно применять и для каких исследований. Разберёте особые моменты, которые необходимо учитывать UX-аналитику: доступность (accessibility), системные требования. Научитесь писать системные требования в формате ТЗ, выстраивать порядок тестирования гипотез с помощью A/B-тестов.
- Системная аналитика в UX
- Обзор аналитических инструментов
- A/B-тестирования
- Немодерируемые удалённые тесты
- Accessibility-статистика
- Феномены зрительного восприятия
- Eye-tracking-тестирования
Данные в аналитике
Узнаете, почему данные определяют то, как они будут храниться и научитесь выбирать нужный способ хранения. Разберёте когнитивные искажения и этические моменты в работе UX-исследователя и сможете определять баланс между применением тёмных паттернов в интересах бизнеса и соблюдением интересов пользователя.
- Системы хранения
- Тёмные паттерны и вопросы этики
CX: как собирать фидбек внутри продукта. Опыт компании UX Feedback
Научитесь работать с гипотезами, выбирать правильные точки на пути пользователя для постановки вопросов. Узнаете, что такое хорошие и плохие вопросы, сможете тестировать опросы на реальных пользователях. Потренируетесь в обработке и категоризации фидбека. Научитесь определять нужды пользователя и учитывать их при доработке продукта.
- Введение в работу с фидбеком внутри продукта
- Сбор фидбека: от целей и гипотез к созданию первых опросов
- Обработка фидбека. Превращение пожеланий в нужды
- Принятие решения на основе фидбека
Исследования: от аналитики до результатов
За время курса вы проведёте бизнес-анализ, качественные и количественные исследования и системный анализ, соберёте их вместе, доработаете и оформите в виде кейса. На основе полученных выводов сможете дать рекомендации для бизнеса.
- Консультация по дипломной работе: координатор рассказывает о ходе работы над дипломом
- Самостоятельная работа: анализ результатов. Дополнительные исследования. Мобильное тестирование или тестирование на доступность
- Оформление кейса и подготовка к защите
- Защита итогового проекта
Ключевые навыки
- Анализ и сегментирование пользователей
- Брифование заказчика
- Создание ценностного предложения
- Разработка сценариев использования
- Применение дизайн-мышления в исследованиях
- Исследование опыта пользователей и нахождение разрывов в пользовательских сценариях
- Построение гипотез на основе аналитики
- Выбор метода исследования и сбор репрезентативной выборки
- Написание сценария исследования
- Проведение глубинного интервью, выстраивание раппорта и ведение записей в стиле inscription, description или transcription
- Фиксация и кодирование результатов, анализ полученной информации
- Визуализация опыта клиента с помощью инструмента Customer Journey Map
- Подготовка системных требований в виде технического задания
- Применение инструментов аналитики
- Использование данных для принятия решений
- Проведение А/В-тестирования, юзабилити-исследований и немодерируемых удалённых тестов, тестирование на доступность
Кому подойдёт курс
- Начинающим дизайнерам и UX-аналитикам
Получите системный взгляд на профессию и освоите ключевые навыки, необходимые для старта - Веб- и mobile дизайнерам
Сможете перейти в UX и усилить себя в разработке дружественных интерфейсов - Менеджерам в digital
Научитесь анализировать пользовательский опыт и грамотно ставить задачи по доработке интерфейса
Чему научитесь
- Проводить исследования от постановки гипотезы до сбора инсайтов после тестирования
- Выявлять проблемы бизнеса и соотносить их с проблемами целевой аудитории
- Подбирать связки количественных и качественных методов, визуализировать опыт клиента с помощью инструмента Customer Journey Map
- Проектировать удобные интерфейсы: тестировать гипотезы и создавать прототипы
- Выстраивать итерационную работу над интерфейсом и взаимодействие в команде
- Узнаете об опыте проектирования сайтов в компании Agima и погрузитесь в процессы ведущего агентства
Программа курса
Вы узнаете, как проводить анализ проекта, выявлять проблемы бизнеса и соотносить их с потребностями аудитории. Научитесь выбирать и проводить исследования, формулировать на их основе гипотезы, встраивать их в процесс разработки пользовательских интерфейсов и формировать информационную архитектуру и карты пользовательских сценариев.
Первые шаги в UX
Узнаете, что такое UX-аналитика и чем занимается UX-исследователь. Научитесь сегментировать целевую аудиторию, брифовать заказчика и создавать ценностное предложение. Сможете выявлять пользователя продукта, что поможет правильно определять респондентов исследований.
- Роль аналитики в UX
- Бизнес-аналитика: анализ ЦА
- Бизнес-аналитика
- Дизайн-мышление
Качественные и количественные исследования
Узнаете, какие бывают исследования и чем они отличаются. Разберёте, как готовиться к разным исследованиям и вести себя во время их проведения, как систематизировать и анализировать полученные результаты. Научитесь формулировать гипотезы, выбирать и проводить исследования для их проверки. Визуализируете опыт клиента с помощью CJM.
- Введение в методы исследования
- Особенности количественных исследований
- Качественные исследования
- Проведение качественного исследования
- Глубинные интервью
- Моделирование поведения с помощью Customer Journey Map
Инструменты для проведения исследований
Узнаете, какие дополнительные инструменты можно применять и для каких исследований. Разберёте особые моменты, которые необходимо учитывать UX-аналитику: доступность (accessibility), системные требования. Научитесь писать системные требования в формате технического задания и выстраивать порядок тестирования гипотез с помощью A/B-тестов.
- Системный аналитик в UX
- Обзор аналитических инструментов
- Математика A/B тестов
- Немодерируемые удалённые тесты
- Accessibility статистика
- Феномены зрительного восприятия
- Eye-tracking тестирования
Опыт компании Agima. Проектирование интерфейсов
Узнаете, как устроена работа над прототипированием и проектированием интерфейсов в агентстве Agima. Эксперты агентства расскажут про цели и особенности анализа целевой аудитории при создании продукта, основные этапы и артефакты прототипирования. Вы потренируетесь разрабатывать веб- и мобильные интерфейсы в Figma разной степени детализации. Научитесь презентовать прототип в нестандартных форматах.
- Введение. Этапы работы над проектом
- История дизайна интерфейсов
- Цели и методы исследований продукта и аудитории
- Кейс по проектированию
- Разбор кейса
- Введение в проектирование
- Что проектируем: основные артефакты
- UX-проектирование: принципы и инструменты анализа
- Разбор работ одного блока
- Figma: основы работы
- UX-проектирование: инструменты и паттерны прототипирования
- Кейс по проектированию
- Figma: создание прототипа высокой детализации
- Язык дизайна. Анатомия интерфейса
- Гайдлайны iOS и Android. Особенности проектирования мобильного приложения
- Примеры и кейсы мобильных приложений
- Презентация проекта
- Как попасть в агентство или продукт
- Как справиться со сложностями на проекте
Проектирование пользовательского опыта
Изучите принципы построения пользовательских интерфейсов и рассмотрите их основные элементы. Углубитесь в методологии командной работы и формирование командного взаимодействия. Освоите инструменты для сбора и обработки данных о пользователях продукта, основы стратегии в концепции бережливого производства.
- Введение в предметную область
- Азбука пользовательского интерфейса
- Культура работы в команде
- Презентация собственного проекта для работы над курсом
- Качественные исследования аудитории
- Воркшоп: персоны
- Lean UX strategy
- Воркшоп: UX strategy
Прототипирование интерфейсного решения
Научитесь формировать информационную архитектуру и карты пользовательских сценариев. Освоите инструменты прототипирования и поработаете с интерактивными прототипами. Погрузитесь в основные методики юзабилити-тестирования. Изучите инструменты, которые используют дизайнеры интерфейсов для управления проектами.
- Customer Journey Mapping (CJM)
- Информационная архитектура
- Воркшоп: UX Design
- Воркшоп: UI design
- Инструменты прототипирования
Как собирать фидбек внутри продукта. Опыт компании UX Feedback
Научитесь работать с гипотезами, выбирать правильные точки на пути пользователя для постановки вопросов. На примерах узнаете, что такое хорошие и плохие вопросы, и научитесь тестировать опросы на реальных пользователях. Потренируетесь обрабатывать и категоризировать фидбек. Научитесь определять нужды пользователя и учитывать их при доработке продукта.
- Введение в работу с фидбеком внутри продукта
- Сбор фидбека: от целей и гипотез к созданию первых опросов
- Обработка фидбека. Превращение «хотелок» в нужды
- Принятие решения на основе фидбека
Итоговые проекты
За время обучения вы выполните три итоговых проекта:
- Проведёте UX-анализ сайта и UX-исследование пользователей
- Создадите высокодетализированный интерактивный прототип сервиса и мобильного приложения
- Спроектируете со своей командой пользовательский интерфейс под бизнес-задачи
Ключевые навыки
- Анализ потребностей пользователей
- Сегментирование пользователей
- Разработка сценариев использования
- Создание информационной архитектуры
- Визуализация опыта клиента с помощью инструмента Customer Journey Map
- Проведение А/В-тестирования, юзабилити-исследований
- Проведение количественных и качественных исследований, глубинных интервью
- Создание карты пользовательского опыта и воронки продаж
- Применение инструментов аналитики
- Создание интерактивного прототипа
- Разработка MVP и планирование этапов разработки
- Формирование стратегии продукта
- Защита дизайн-решения
- Работа в команде
Кому подойдёт курс
- Тем, кто хочет поменять профессию
Сможете освоить профессию UX/UI-дизайнера с нуля и работать на фрилансе или в продуктовой компании - Начинающим UX/UI-дизайнерам
Систематизируете свои знания и дополните профессиональные навыки, чтобы применить их на практике - Дизайнерам из других сфер
Поймёте, как применить свои знания в UX/UI-дизайне, расширите свои навыки и сможете сменить квалификацию
Чему научитесь
- Проводить исследования от постановки гипотезы до инсайтов после тестирования
- Проектировать пользовательское взаимодействие
- Создавать интерфейс продукта с учётом интересов аудитории и бизнеса
- Продумывать визуальную коммуникацию с пользователями
- Разрабатывать адаптивные версии сайтов, макеты приложений под iOS и Android
- Выстраивать рабочий процесс по методологиям Scrum и Kanban
Программа курса
Основы Figma. Опыт компании Mish.design
Вы получите необходимую базу для работы с графикой и дизайн-макетами в Figma. Познакомитесь с ключевыми инструментами приложения и сразу примените их на практике. В каждом занятии — задание для самостоятельной тренировки.
- Экскурсия по Figma
- Первые шаги в Figma
- Интерфейсы
- Основы дизайна в вебе
- Подготовка веб-макета к жизни
- Основы работы с мобильными платформами
- Компоненты и стили
- Кликабельный прототип мобильного приложения
Основы Adobe Photoshop и Illustrator
Если вы никогда раньше не открывали Photoshop и Illustrator, то в подготовительном модуле получите необходимую базу для работы с векторной и растровой графикой. Вы познакомитесь с ключевыми возможностями инструментов и сразу примените их на практике. В каждом занятии — задание для самостоятельной тренировки.
- Введение в Photoshop
- Двойная экспозиция
- Ретушь и цветокоррекция
- Постер
- Тонированное изображение
- Сайт в Photoshop
- Мокап
- GIF-анимация
- Иллюстрация
- Отрисовка логотипа в Illustrator
Веб-дизайн
Разберёте, как эффективнее организовать процесс создания сайта. Научитесь работать в Figma и создавать кликабельные прототипы. Освоите базовые принципы UX-проектирования, узнаете о роли композиции, цвета и типографики. Погрузитесь в полный цикл создания сайта: от поиска дизайн-концепции до анимаций и презентации проекта на Behance. По итогу выполните дипломный проект на закрепление полученных навыков.
- Введение в профессию веб-дизайнера
- Основы работы в Figma
- Адаптивный дизайн
- Состоятние элементов
- Подходы к проектированию интерфейсов
- Прототипирование и тестирование прототипа
- Фреймворки CJM / Метод персон / Jobs to be done
- Композиция
- Теория цвета
- Типографика
- Модульные сетки
- Дизайн-концепция веб-сайта
- Основы анимации интерфейсов в Principle
- Презентация работ и подготовка портфолио на Behance
Дизайн мобильных интерфейсов
Погрузитесь в принципы дизайна мобильных интерфейсов. Научитесь использовать паттерны при разработке интерфейса. Изучите гайдлайны современных операционных систем и научитесь применять их в создании макетов.
- История дизайна мобильных интерфейсов
- Основы дизайна мобильных приложений
- Получение брифа и работа с ним
- Системная аналитика
- Гайдлайны IOS и Android
- Основы прототипирования
- Проектная коммуникация с заказчиком
- Основы работы в Figma
- Работа с брендбуком
- Композиция и цвет в диджитале
- Типографика в диджитале
- Основы анимации интерфейсов в Principle
- Юзабилити-тестирование мобильных приложений
- Создание кейса для Behance
Исследование пользовательского опыта
Научитесь проводить анализ существующего или будущего проекта, выявлять проблемы бизнеса и соотносить их с проблемами целевой аудитории. Освоите аналитические инструменты и сконцентрируетесь на целях и ценностях пользователя.
- Роль аналитики в UX
- Бизнес‑аналитика: анализ ЦА
- Бизнес‑аналитика
- Дизайн-мышление
- Введение в методы исследования
- Особенности количественных исследований
- Качественные исследования
- Проведение качественного исследования
- Глубинные интервью
- Моделирование поведения: CJM
- Сиcтемная аналитика в UX
- Обзор аналитических инструментов
- A/B‑тестирования
- Немодерируемые удалённые тесты
- Accessibility‑статистика
- Феномены зрительного восприятия
- Eye‑tracking‑тестирование
Проектирование интерфейсов. Опыт компании AGIMA
Узнаете, как устроена работа над прототипированием и проектированием интерфейсов в агентстве AGIMA. Эксперты агентства расскажут про цели и особенности анализа целевой аудитории при создании продукта, основные этапы и артефакты прототипирования. Вы потренируетесь разрабатывать в Figma веб- и мобильные интерфейсы разной степени детализации. Научитесь презентовать прототип в нестандартных форматах.
- История дизайна интерфейсов
- Цели исследований продукта и аудитории
- Методы исследований
- Введение в проектирование
- Что проектируем: основные артефакты
- UX-проектирование: принципы и инструменты анализа
- Основы работы в Figma
- Инструменты и паттерны прототипирования
- Прототип высокой детализации в Figma
- Гайдлайны iOS и Android. Особенности проектирования мобильного приложения
- Презентация прототипа
- Что выбрать UX-проектировщику: работу в агентстве или в продукте
Проектирование UX и прототипирование
Изучите принципы построения пользовательских интерфейсов и рассмотрите их основные элементы. Углубитесь в методологии командной работы и формирование командного взаимодействия. Освоите инструменты для сбора и обработки данных о пользователях продукта, основы стратегии в концепции бережливого производства.
- Введение в предметную область
- Азбука пользовательского интерфейса
- Методологии командной работы (Kanban, Scrum)
- Воркшоп: персоны
- Lean UX Strategy
- Воркшоп: UX Strategy
- Customer Journey Mapping (CJM)
- Информационная архитектура
- Воркшоп: UX Design
- Инструменты прототипирования
- Воркшоп: UI Design
CX: как собирать фидбек внутри продукта. Опыт UX Feedback
Научитесь работать с гипотезами, выбирать правильные точки на пути пользователя для постановки вопросов. На примерах узнаете, что такое хорошие и плохие вопросы, и научитесь тестировать опросы на реальных пользователях. Потренируетесь обрабатывать и категоризировать фидбек. Научитесь определять нужды пользователя и учитывать их при доработке продукта.
- Введение в работу с фидбеком внутри продукта
- Сбор фидбека: от целей и гипотез к созданию первых опросов
- Обработка фидбека. Превращение «хотелок» в нужды
- Принятие решения на основе фидбека
Дизайн-менеджмент
Научитесь управлять креативной командой и создавать масштабные дизайн-проекты.
- Введение в арт-дирекшн
- Обработка брифа и проектирование
- Тренды в digital
- Инструменты дизайнера. Разбор кейсов
- Цифровая графика и анимация. Разбор кейсов
- Формирование дизайн-системы
- Креативные методики (2 занятия)
- Формирование команды и управление
- Постановка и контроль задач
- Работа с мотивацией и коммуникация внутри команды
- Анализ эффективности и аналитика проекта. Продуктовый подход
- Презентация и защита проекта
- PR и личный бренд
Основные принципы работы в Tilda
Изучите интерфейс и базовые функциональные возможности Tilda. Рассмотрите стандартные блоки и способы их кастомизации. Научитесь собирать простой лендинг на стандартных блоках.
- Знакомство с интерфейсом. Стандартные и Zero-блоки в Tilda.
- Детальный разбор стандартных блоков Tilda
- Глубокие настройки сайта и страниц. Публикация проекта Tilda
Насмотренность в дизайне
Вы узнаете, как лучше тренировать насмотренность — один из основных навыков в профессии дизайнера. Будете анализировать работы из разных сфер искусства и дизайна и одновременно углублять навыки работы с цветом, композицией и типографикой. В итоге соберёте референсы, которые сможете использовать в своих проектах.
- Насмотренность: почему она так важна для профессионального развития
- Принципы построения композиции, использования цветов и типографики
- Насмотренность на практике: пополняем и структурируем библиотеку изображений
Дипломный модуль
Создадите полноценный цифровой продукт, используя полученные навыки.
Вы пройдёте все этапы создания продукта. Начнёте с исследования аудитории и анализа конкурентов. Затем спроектируете пользовательский опыт и займётесь прототипированием. Разработаете дизайн и адаптируете его под разные платформы.
Программа трудоустройства
Научитесь оформлять резюме и портфолио, справляться со сложными вопросами на собеседовании и искать актуальные вакансии. Центр развития карьеры отправит ваше резюме партнёрам Нетологии и будет присылать подборки подходящих вакансий.
- Узнаете, как составить резюме, оформить портфолио и написать сопроводительное письмо так, чтобы вас пригласили на собеседование
- Научитесь презентовать себя и отвечать на самые каверзные вопросы на интервью
- Разберётесь, как и на каких площадках ищут работу IT-специалисты
- Рассмотрите вакансии и стажировки от наших партнёров
- Получите приглашение в сообщество выпускников, где сможете поделиться своими успехами, получить советы и поддержку
Ключевые навыки
- Проведение количественных и качественных исследований пользователей
- Формулирование гипотез на основе аналитики
- Проработка сценариев использования продукта
- Подготовка прототипов по сценариям
- Разработка интерактивного варианта прототипа
- Построение композиции и использование сетки в её проектировании
- Подбор шрифтов и работа с типографикой
- Создание дизайн-макетов веб-интерфейсов и разработка адаптивных вариантов
- Умение работать с гайдлайнами Apple и Google
- Создание дизайн-макетов мобильных интерфейсов
- Презентация своего проекта
Кому подойдёт курс
- Тем, кто хочет сменить сферу деятельности
Освоите новую высокооплачиваемую профессию и сможете найти работу на фрилансе или в агентстве - Графическим дизайнерам
Поймёте, как применить свои знания в UX/UI-дизайне, расширите свои навыки и сможете сменить квалификацию - Новичкам в UX/UI-дизайне
Систематизируете свои знания и дополните профессиональные навыки, чтобы применить их на практике
Чему научитесь
- Работать с основными инструментами UX/UI-дизайнера
- Создавать сложный дизайн сайтов в Figma
- Разрабатывать анимацию интерфейса
- Создавать мобильные приложения под iOS и Android
- Проводить UX-исследования и работать
с гипотезами - Внедрять 3D-графику в дизайн-макет
Программа курса
Базовая ступень
Освоите базовые навыки цифрового дизайнера, поработаете с веб‑платформой, узнаете особенности создания сайтов, адаптивности и веб-анимации. Изучите Tilda Publishing — один из самых гибких и удобных инструментов UX/UI-дизайнера.
Основы Adobe Photoshop и Illustrator
Если вы никогда раньше не открывали Photoshop и Illustrator, то в подготовительном модуле получите необходимую базу для работы с векторной и растровой графикой. Вы познакомитесь с ключевыми возможностями инструментов и сразу примените их на практике. В каждом занятии — задание для самостоятельной тренировки.
- Введение в Photoshop
- Двойная экспозиция
- Ретушь и цветокоррекция
- Постер
- Тонированное изображение
- Сайт в Photoshop
- Мокап
- GIF-анимация
- Иллюстрация
- Отрисовка логотипа в Illustrator
Опыт Mish.design. Основы Figma
Вы получите необходимую базу для работы с графикой и дизайн-макетами в Figma. Познакомитесь с ключевыми инструментами приложения и сразу примените их на практике. В каждом занятии — задание для самостоятельной тренировки.
- Экскурсия по Figma
- Первые шаги в Figma
- Интерфейсы
- Основы веб-дизайна
- Подготовка веб-макета к жизни
- Основы работы с мобильными платформами
- Компоненты и стили
- Кликабельный прототип мобильного приложения
Основы веб-дизайна
Изучите методы, которые помогают определить, каким должен быть интерфейс. Узнаете о техниках поиска идей для разработки интерфейса. На практике закрепите приёмы и принципы веб-дизайна, необходимые для создания современного сайта.
Рассмотрите свойства формы и приёмы работы над композицией. Научитесь работать с цветом, подбирать шрифты, структурировать текст и использовать микротипографику. Освоите принципы создания визуальной иерархии в интерфейсе.
- Знакомство с веб-дизайном
- Модульные сетки
- Скетчинг и прототипирование
- Пользовательское взаимодействие
- Композиция
- Веб-типографика
- Теория цвета
- Вдохновение, творчество, импровизация
Создание проекта сайта
Научитесь превращать статичный дизайн в проект сайта. Создадите анимации переходов и микровзаимодействий. Разработаете адаптивную версию макета в нескольких разрешениях, в том числе — мобильную версию. Научитесь взаимодействовать с разработчиками и управлять проектом.
- Адаптивный дизайн
- Веб-анимация
- Системы ведения проектов
- Составление технического задания для вёрстки
- Модульный проект
Исследование пользовательского опыта
Научитесь проводить анализ проекта, выявлять проблемы бизнеса и соотносить их с проблемами целевой аудитории. Освоите аналитические инструменты и сконцентрируетесь на целях и ценностях пользователя.
- Роль аналитики в UX
- Бизнес аналитика: анализ ЦА
- Бизнес-аналитика
- Системная аналитика в UX
- Дизайн-мышление
- Введение в методы исследования
- Особенности количественных исследований
- Качественные исследования
- Проведение качественного исследования
- Глубинные интервью
- Моделирование поведения: CJM
- Системная аналитика в UX
- Обзор аналитических инструментов
- A/B‑тестирования
- Немодерируемые удалённые тесты
- Accessibility-статистика
- Феномены зрительного восприятия
- Eye-tracking-тестирование
Опыт MateÇa. Создание сайтов на Tilda
Изучите стандартные блоки, возможности редактирования и настройки сервисов в Tilda. Узнаете все нюансы подготовки сайта к запуску. Разберётесь в возможностях кастомизации блоков и гибкости их использования. Научитесь создавать разные виды сайтов, подключать платёжные системы и работать с заявками.
- Настройки сайта
- Настройки страницы
- Подключение домена
- Настройки и редактирование стандартных блоков
- Адаптивность в стандартных блоках
- Подключение внешних шрифтов
- Многостраничные сайты
- Функционал для интернет-магазина и рассылок
- Функция «Потоки»
- Личный кабинет
- CRM Tilda
Опыт MateÇa. Tilda Zero Block
Научитесь работать во встроенном графическом редакторе Zero Block: создавать дизайн любой сложности, переносить макеты из Figma или Photoshop, создавать адаптивность и работать с анимациями. Познакомитесь с базовым функционалом Zero Block, а также со скрытыми функциями, которые позволяют делать сайты фестивального уровня.
- Работа в редакторе
- Адаптивность в Zero Block
- Базовая анимация
- Пошаговая анимация
- Триггерная анимация
- Модульный проект
Продвинутые навыки
Начнёте работать с мобильной платформой. Разберётесь в тонкостях гайдлайнов iOS и Android, выясните, чем нативное приложение отличается от мобильной версии сайта. Узнаете, как проектируют интерфейсы в компании Agima. Научитесь создавать 3D-графику и анимацию интерфейсов.
Основы дизайна мобильных интерфейсов
Погрузитесь в принципы дизайна мобильных интерфейсов. Научитесь использовать паттерны при разработке интерфейса. Изучите гайдлайны современных операционных систем и сможете использовать их при создании макетов.
- Принципы дизайна мобильных интерфейсов
- Системная аналитика
- Принципы проектирования UX
- Анатомия iOS-приложения
- Основные принципы Material Design
- Композиция, цвет и типографика в диджитале
- Основы работы в Figma
- Модульная сетка в дизайне интерфейсов
Запуск и тестирование мобильного приложения
Научитесь создавать анимации и микровзаимодействия, готовить макет для передачи в разработку. Разберётесь в особенностях взаимодействия с разработчиками, в нюансах составления технического задания. Научитесь проводить юзабилити-тестирование и использовать полученные данные для улучшения интерфейса.
- Анимация интерфейсов. Микровзаимодействия
- Практическое прототипирование
- Основы прототипирования
- Юзабилити-тестирование мобильных приложений
- Работа с брендбуком
- Передача проекта разработчикам
- Навыки создания презентации на Behance
- Модульный проект
Опыт AGIMA. Проектирование интерфейсов
Узнаете, как устроена работа над прототипированием и проектированием интерфейсов в агентстве AGIMA. Эксперты компании расскажут про цели и особенности анализа целевой аудитории при создании продукта, основные этапы и артефакты прототипирования. Вы потренируетесь разрабатывать в Figma веб- и мобильные интерфейсы разной степени детализации. Научитесь презентовать прототип в нестандартных форматах.
- История дизайна интерфейсов
- Цели исследований продукта и аудитории
- Методы исследований
- Введение в проектирование
- Что проектируем: основные артефакты
- UX-проектирование: принципы и инструменты анализа
- Основы работы в Figma
- Инструменты и паттерны прототипирования
- Прототип высокой детализации в Figma
- Гайдлайны iOS и Android. Особенности проектирования мобильного приложения
- Презентация прототипа
- Что выбрать UX-проектировщику: работу в агентстве
или в продукте - Модульный проект
Проектирование UX и прототипирование
Изучите принципы построения пользовательских интерфейсов и рассмотрите их основные элементы. Углубитесь в методологию командной работы и формирование командного взаимодействия. Освоите инструменты для сбора и обработки данных о пользователях продукта, основы стратегии в концепции бережливого производства.
- Введение в предметную область
- Азбука пользовательского интерфейса
- Методологии командной работы: Kanban, Scrum
- Воркшоп. Персоны
- Lean UX strategy
- Воркшоп. UX strategy
- Customer journey mapping — CJM
- Информационная архитектура
- Воркшоп. UX design
- Инструменты прототипирования
- Воркшоп. UI design
- Модульный проект
Опыт ITECH. 3D-графика для интерфейсов в Cinema 4D
Погрузитесь в работу с 3D. Изучите функционал Cinema 4D — одного из популярных ПО для работы с 3D-графикой. Освоите навыки моделирования и анимирования объекта. Научитесь создавать материалы и подбирать свет для создания реалистичных сцен. Поймёте основные принципы использования 3D в работе с интерфейсами.
- Введение в 3D
- Cinema 4D. Основные возможности программы
- Камера и сцена
- Материалы, свет, рендер
- Воркшоп. Практика создания 3D-графики
- Примитивы, деформеры, альтернативные способы
- Полигональное моделирование
- Генеративное и параметрическое моделирование. Часть 1
- Генеративное и параметрическое моделирование. Часть 2
- Mograph
- Воркшоп. Практика создания 3D-графики
- Анимация сцены
- Подготовка и оформление проекта
- Модульный проект
Опыт «Атвинта». Анимация интерфейсов в ProtoPie и After Effects
Изучите основные принципы анимации и поймёте, как превратить статичный дизайн в динамичный креативный интерфейс. Разберёте основы веб- и мобильной анимации. Освоите ProtoPie для создания интерактивных интерфейсов. Изучите основной функционал After Effects, научитесь работать с масками и слоями и поймёте, как работать с анимациями в сочетании
с 3D-элементами.
- История анимации в интерфейсах
- 10 принципов Уолта Диснея и как это связано с интерфейсами
- Ограничения и возможности
- Инструменты для анимации
- Введение вAfter Effects и ProtoPie
- Воркшоп. Работа в After Effects
- Воркшоп. Работа в ProtoPie
- Создание анимации в Rive и Haiku
- Вдохновение, идеи, поиск
- Взаимодействие с фронтендом, CodePen
- Разбор кейсов
- Модульный проект
Насмотренность в дизайне
Вы узнаете, как лучше тренировать насмотренность — один из основных навыков в профессии дизайнера. Будете анализировать работы из разных сфер искусства и дизайна и одновременно углублять навыки работы с цветом, композицией и типографикой. В итоге соберёте референсы, которые сможете использовать в своих проектах.
- Насмотренность: почему она так важна для профессионального развития
- Принципы построения композиции, использования цветов и типографики
- Насмотренность на практике: пополняем и структурируем библиотеку изображений
CX: как собирать фидбек внутри продукта. Опыт компании UX Feedback
Научитесь работать с гипотезами, выбирать правильные точки на пути пользователя
для постановки вопросов. Узнаете, что такое хорошие и плохие вопросы, сможете тестировать опросы на реальных пользователях. Потренируетесь обрабатывать и категоризировать фидбек. Научитесь определять нужды пользователя и учитывать их при доработке продукта.
- Введение в работу с фидбеком внутри продукта
- Сбор фидбека: от целей и гипотез к созданию первых опросов
- Обработка фидбека. Превращение «хотелок» в нужды
- Принятие решения на основе фидбека
Дизайн-менеджмент
Научитесь управлять креативной командой и создавать масштабные дизайн-проекты.
- Введение в арт-дирекшн
- Обработка брифа и проектирование
- Тренды в диджитале
- Инструменты дизайнера. Разбор кейсов
- Цифровая графика и анимация. Разбор кейсов
- Формирование дизайн-системы
- Креативные методики
- Формирование команды и управление
- Постановка и контроль задач
- Работа с мотивацией и коммуникация внутри команды
- Анализ эффективности и аналитика проекта. Продуктовый подход
- Презентация и защита проекта
- PR и личный бренд
Дипломный проект
Создадите полноценный цифровой продукт на основе полученных во время обучения навыков.
Вы пройдёте все этапы создания продукта. Начнёте с исследования аудитории и анализа конкурентов. Спроектируете пользовательский опыт и займётесь прототипированием. Создадите визуальный дизайн с использованием 3D-графики и анимации. Адаптируете своё решение под разные платформы.
Ключевые навыки
- Проектирование пользовательского опыта
- Построение композиции и использование сетки в её проектировании
- Подбор шрифтов и работа с типографикой
- Создание нужного впечатления с помощью психологии цвета
- Кернинг, треккинг, интерлиньяж, оптические компенсации
- Взаимодействие с разработчиками и контроль качества
- Работа с гайдлайнами для iOS и Android
- Тестирование и оптимизация дизайна
- Создание 3D-графики для интерфейсов в Cinema 4D
- Подбор и настройка рендеров для достижения реалистичной сцены
- Внедрение 3D-графики в интерфейсы с учётом композиции
- Оценка логики интерфейсов сайтов и приложений
- Проведение количественных и качественных исследований пользователей
- Создание в ProtoPie и After Effects анимации для веб- и мобильных интерфейсов
- Разработка анимации с учётом логики интерфейса
- Создание анимированной 3D-графики в After Effects
- Разработка концептов, выбор релевантных методологий
- Создание писем для email-рассылок в Tilda
- Работа по методологии Agile
Кому подойдет курс
- Тем, кто хочет освоить творческую профессию с нуля
Вы получите все необходимые инструменты для быстрого старта в профессии UX/UI-дизайнер, научитесь мыслить и действовать креативно и соберёте портфолио, которое впечатлит работодателей. - Тем, кто хочет сменить рутину на креативные задачи
Вы освоите востребованную профессию дизайнера интерфейсов и получите новые возможности для реализации идей. Научитесь проводить исследования, работать с Tilda и сможете создавать крутые интерфейсы с нуля, опираясь на опыт пользователей. - Тем, кто хочет стать фрилансером и работать на себя
Вы узнаете, как разрабатывать цифровые продукты от идеи до готового макета, разберетесь в бизнес-требованиях, сможете проводить исследования и работать с гипотезами. А еще – находить клиентов и работать без офиса из любой точки мира.
Программа курса
I четверть
Основы дизайна. Погружение в профессию
Вы познакомитесь с ключевыми инструментами проектирования и дизайна интерфейсов, получите представление о визуальной коммуникации и научитесь применять её на практике. Создадите работы в Figma и Adobe Illustrator и потренируетесь в оформлении портфолио.
- Вводный вебинар
- История и основные принципы дизайна
- Miro
- Аccessibility
- Командная работа
- Типографика и композиция в вебе. Расширенный курс
- Figma: от проектирования к прототипированию
- Adobe Illustrator для UX и веб-дизайнеров
- Рефлексия. Работа с портфолио
II четверть
Погружение в UI
Вы углубитесь в UI — разработку веб- и мобильных интерфейсов. Научитесь создавать веб-сервисы в Тильде и верстать. Создадите веб-сервис и его адаптивные версии.
- Введение в дизайн цифровых продуктов
- Основы вёрстки для UI-дизайнера
- Онлайн-конструкторы сайтов: Tilda
- Рефлексия. Работа с портфолио
III четверть
Погружение в дизайн цифровых продуктов
В этой четверти вы познакомитесь с особенностями дизайна интерфейсов и создадите прототипы интерфейсов для мобильного, десктоп- и веб-приложения.
Итоги четверти
Научитесь работать с Adobe Photoshop и After Effects и управлять проектами.
- Адаптивный дизайн + веб-приложение
- Мобильное приложение
- Десктоп приложение
- Adobe After Effects. Базовый
- Менеджмент проекта
- Adobe Photoshop. Основы. Интерактивный курс
- Рефлексия. Работа с портфолио
IV четверть
Погружение в UX. Командная работа
Вы разделитесь на команды, выберете проект и отработаете в нем все этапы разработки цифрового продукта: от идеи до макета. Разберетесь в бизнес-требованиях и документации, научитесь проводить исследования, формировать гипотезы и проверять их.
Итоги четверти
Итогом работы вашей команды под руководством ментора станет прототип сервиса на основе данных исследования и требований заказчика.
- Брифинг + игра в бриф
- Исследования
- Формирование низкодетализированного прототипа
- Промежуточная защита
- Интерактивный курс
- Поиск работы
- Формирование финального прототипа
- Защита
Ключевые навыки
- Работаю в Figma, Adobe After Effects, Invision, Adobe Illustrator, Power Point, Keynot, Tilda
- Умею исследовать аудиторию, собирать CJM
- Создаю интерфейсы на основе ТЗ заказчика и результатов исследований
- Разрабатываю и тестирую прототипы
- Знаю основы HTML/CSS-верстки и JavaScript
Чему Вы научитесь
- Подбирать метод исследования под определенную задачу
- Правильно формулировать гипотезы и проверять их в рамках задачи
- Применять фреймворки, отталкиваясь от задач продукта
- Использовать полученные данные в проектировании интерфейса
- Проектировать интерфейс, используя полученные данные исследований
- Проводить качественные и количественные исследования
- Выбирать методы исследований под задачу
- Составлять портрет пользователя
- Строить информационную архитектуру
- Проектировать пользовательские сценарии и собирать их в прототип
- Строить гипотезы и проверять их
Программа курса
- Вводная лекция
- Типы исследований и задачи, которые решают исследования, поведение интервьюера
- Качественные (CustDev)
- Количественные (цифры)
- Исследование конкурентов
- Методологии проектной работы
- Аудитория User story
- Генерация гипотез
- Приоритизация гипотез
- Способы проверки гипотез. Занятие 1
- Способы проверки гипотез. Занятие 2
- Начало работы над проектом CJM Тригеры, ограничения
- Информационная архитектура Функциональная архитектура и сценарии пользования
- Воркшоп по архитектурам
- Прототип (в фигме) Тестирование (как провести)
- Анализ результатов и фидбека
- Q&A
Кому подойдёт этот курс
- Новичкам в дизайне
С нуля разберётесь в UX-дизайне, научитесь анализировать пользователей, создавать макеты и делать крутые продукты — начнёте карьеру в UX. - Начинающим специалистам
Углубите знания в UX-дизайне, узнаете о новых приёмах и последних тенденциях рынка. Повысите свою квалификацию и сможете зарабатывать больше. - Дизайнерам из других сфер
Поймёте специфику UX-дизайна, научитесь проектировать интерфейсы, работать с аналитикой и дополните портфолио проектом для крупной компании.
Чему вы научитесь
- Создавать удобные интерфейсы
Сможете разрабатывать крутой дизайн интерфейсов и создавать впечатляющую интерфейсную графику. - Проектировать опыт пользователя
Научитесь проводить исследования аудитории и рынка, делать юзабилити-тестирование и адаптировать продукт под мобильные устройства. - Разрабатывать дизайн сайтов
Разберётесь в трендах веб-дизайна: освоите метод декомпозиции, типографику, способы визуализации данных и работу с сеткой. - Делать рабочие прототипы в Figma
Узнаете, как настраивать артборды, быстро создавать макеты для устройств с разным разрешением и готовить их для вёрстки. - Работать с заказчиками
Научитесь понимать потребности бизнеса, брифовать клиента и презентовать готовые проекты заказчику. - Разбираться в сервисном и продуктовом дизайне
Поймёте, какие особенности есть в работе над продуктом. Научитесь создавать эффективный дизайн и взаимодействовать с разработчиками.
Программа курса
- Веб-дизайн с нуля
Вы научитесь создавать дизайн сайтов и приложений, работать с реальными заказчиками и презентовать свои проекты.
- Введение и первый результат.
- Тренды в дизайне. Подготовка к работе и создание мудбордов.
- Работа со стилями. Создание GUI.
- Главная страница, первые шаги.
- Основы работы с графикой.
- Декомпозиция.
- Навигация и структура.
- Интересная подача информации.
- Формы и кнопки.
- Адаптивность и мобильная версия.
- Цвета, атмосфера, настроение. Промостраница мероприятия.
- Декомпозиция промостраницы.
- 3D-элементы в Photoshop.
- Разработка презентации проекта.
- Передача проекта в вёрстку.
- Первый кейс на Behance.
- Бонус-модуль. Введение в вёрстку.
- Figma
Вы освоите популярный сервис для разработки интерфейсов Figma. Сможете создавать дизайн-проекты, делать прототипы и использовать этот инструмент для командной работы.
- Введение в Figma. Обзор возможностей.
- Работа с графикой.
- Редактор Figma: модульные сетки и монтажные области.
- Создание и настройка компонентов, работа с эффектами.
- Создание вложенных компонентов. Auto Layout.
- Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
- Прототипирование.
- Figma Animate.
- Бонус-модуль. Обзор и применение Figma plugins.
- UX-дизайн
Вы узнаете, как проводить UX-исследования и проектировать удобные интерфейсы. Научитесь создавать сайты и приложения, которые точно понравятся пользователям.
- Профессия дизайнера в эпоху цифровых перемен.
- Основные этапы работы над проектом.
- Service design: теория и практика.
- UX-проектирование. Паттерны и психология пользователя.
- Бонус. Эффектный кейс в 20 000 пикселей высоты.
- UX-проектирование. Исследование интерфейсов.
- Data driven design: теория и практика.
- Бонус. Дизайн-концепция за 60 минут.
- Concept design: творчество в дизайне.
- Бонус. Создание рабочего UI-кита.
- Visual design: теория и практика.
- Бонус. Анимация интерфейсных элементов.
- Техника успешной презентации.
- Отраслевая специфика.
- Бонус. Как дизайнеру переехать в NY.
- Разбор кейсов из практики «1С-Битрикс» и «Битрикс24» — разработка дизайна сайта, продуктов и единой экосистемы интерфейсов.
- Разбор кейсов из практики: Госуслуги — проектирование и дизайн интерфейсов.
- Разбор кейсов из практики: «НТВ-плюс» — разработка и развитие сайта.
- Карьера дизайнера.
- Сервисный дизайн и клиентский опыт
Вы изучите основы сервисного мышления и получите базовые навыки сервис-дизайнера. Сможете создавать продукты и вовлекающие пользовательские сценарии, которые решают задачи бизнеса и улучшают его взаимодействие с клиентами.
- Сервисный дизайн
- Роль сервисного дизайнера
- Виды пользовательских путей Journey Mapping
- Измерения пользовательских путей
- Фиджитал-интерфейсы
- Принципы вовлечения пользователей
- Сервисные слои
- Механики удержания
- Мотивы перехода
- Принцип MAYA
- Service Design Blueprint
- Проектирование через противоречия
- Employee Experience Frame
- Сервисная лаборатория
- Инструменты развития сервисного мышления
Профессиональные навыки:
- Аналитика, оценка проекта, написание ТЗ
- Проведение юзабилити-тестов
- Проведение А/B-тестирований
- Создание прототипов и макетов в Figma
- Составление Customer Journey Maps
- Проектирование интерфейсов и разработка сайтов
- Разработка дизайна под разные устройства
- Презентация проекта клиенту
Кому подойдёт этот курс
- Новичкам в UX/UI-дизайне
Научитесь с нуля разрабатывать интерфейсы. Узнаете, как решать проблемы пользователей с помощью дизайна. Сможете стать востребованным специалистом. - Джуниор-дизайнерам
Узнаете, как анализировать путь пользователей и улучшать свои проекты на основе полученных данных. Сможете выйти на новый уровень — станете middle или senior-специалистом. - Опытным дизайнерам
Получите навыки в продуктовом и UX-дизайне, заполните пробелы в знаниях. Сможете создавать прототипы приложений и повысить стоимость своей работы.
Чему вы научитесь
- Проектировать интерфейсы
Научитесь визуализировать прототипы, создавать анимацию, кнопки, слайдеры. Сможете проектировать удобные интерфейсы по правилам юзабилити. - Проводить UX-исследования
Узнаете, как создавать дизайн на основе данных, научитесь проводить юзабилити- и A/B-тесты. Сможете создавать продукты, которые будут решать проблемы пользователя. - Работать в Figma
Освоите программу на профессиональном уровне. Сможете создавать дизайн-макеты разной сложности и адаптировать их под любые устройства. - Улучшать опыт пользователя
Научитесь проводить интервью с целевой аудиторией и строить пути пользователей. Сможете дорабатывать и улучшать свои проекты. - Развивать продукты на основе данных
Поймёте, как анализировать метрики продукта: распознавать проблемы и находить точки роста. Сможете осмысленно развивать продукт. - Общаться с клиентом
Научитесь использовать мудборды и UI-киты для быстрого согласования проектов. Узнаете, как представить продукт в выгодном свете и обосновать стоимость своих услуг.
Программа курса
Основные курсы
- Figma 2.0
Вы на профессиональном уровне освоите самую популярную программу для веб-дизайна. Научитесь создавать интерактивные прототипы, передавать макеты разработчикам и экономить время на рутинных задачах.
- Интерфейс Figma
- Работа с графикой
- Модульные сетки и монтажные области
- Настройка компонентов и работа с эффектами
- Создание вложенных компонентов. Auto Layout
- Командная работа, контроль версий и передача макета в разработку
- Прототипирование
- Анимация макетов
- Бонус-модуль. Figma plugins
- Веб-дизайн с нуля на Figma
Вы научитесь создавать дизайн для сайтов, лендингов, презентаций и мобильных приложений. Поймёте, как презентовать свою работу заказчику. Сделаете первую работу для портфолио.
- Введение и первый результат
- Бонус-модуль. Горячие клавиши
- Тренды, подготовка, мудборды
- Работа со стилями. Создание GUI
- Главная страница. Первые шаги
- Основы работы с графикой
- Бонус-модуль. Личное позиционирование
- Декомпозиция
- Навигация и структура
- Интересная подача информации
- Формы и кнопки
- Адаптивность и мобильная версия
- Цвета и настроение. Промостраница мероприятия
- Личное позиционирование
- Концептуальный дизайн
- Введение в UX
- Портреты пользователей и CJM
- Иконки
- Типографика PRO
- UX-дизайнер с нуля до PRO
Поймёте, как делать удобные и понятные интерфейсы, опираясь на исследования. Создадите пять работ для портфолио на основе заданий от компаний: YouMeal, Сбербанк, «Домодедово», «Детский мир», «Альфа-Банк». Узнаете, как аргументировать свои решения заказчику.
- Профессия дизайнера в эпоху цифровых перемен
- Дизайн-мышление
- UX-проектирование. Паттерны и психология пользователей
- Бонус-модуль. Удобный интерфейс
- Основы юзабилити
- Юзабилити-тестирование
- Сервисный дизайн
- Формы и UX-исследования
- Бонус-модуль. Кейс по сервисному дизайну
- Бонус-модуль. Проектирование CRM-систем
- E-commerce
- UI или визуальная концепция
- Бонус-модуль. Дизайн-системы и паттерны
- Мобильный UX/UI
- Текст в интерфейсе
- Бонус-модуль. Анимация элементов интерфейса
- Бонус-модуль. Проектирование для юридических лиц
- Дизайн на основе данных
- Бонус-модуль. A/B-тесты
- Бонус-модуль. Работа над проектом
- Успешная презентация
- Бонус-модуль. UX + Agile
- Карьера в UX
Дополнительные курсы
- Сервисный дизайн
Вы научитесь создавать сложные интерфейсы и сервисы на основе пользовательских исследований. Узнаете, как управлять продуктом и корпоративными сервисами.
- Что такое сервисный дизайн
- Роль сервисного дизайнера
- Виды Customer Journey Map
- Измерения пользовательских путей
- Фиджитал-интерфейсы
- Принципы вовлечения пользователей
- Сервисные слои
- Механики удержания
- Бонус-модуль. Мотивы перехода
- Принцип MAYA
- Service Design Blueprint
- Проектирование через противоречия
- Employee Experience Frame
- Сервисная лаборатория
- Инструменты развития сервисного мышления
- Продуктовый дизайнер
Вы научитесь продумывать бизнес-стратегию, работать с IT-командой, проводить исследования и проектировать дизайн-системы.
- Введение
- Предпроектная работа
- Исследования
- Базовое проектирование
- Специфика платформ
- Продвинутое проектирование
- Бонус-модуль. Аптечка продуктового дизайнера № 1
- Дизайн-теория
- Дизайн-система
- Анимации
- Бонус-модуль. Аптечка продуктового дизайнера № 2
- Работа в команде
- Бонус-модуль. Аптечка продуктового дизайнера № 3
- Передача в разработку
- Работа с готовым продуктом
- Бонус-модуль. Аптечка продуктового дизайнера № 4
- UX-аналитика для продуктового дизайнера
Научитесь собирать данные сайтов и мобильных приложений, проводить интервью и юзабилити-тесты. Сможете проверять гипотезы — и улучшать продукт на основе грамотной аналитики.
- Концепции и стратегии развития digital-продукта
- Data-исследования
- UX-исследования
- Формирование и проверка гипотез
Инструментальные курсы
- Photoshop с нуля
Вы научитесь работать в Adobe Photoshop с изображениями, текстом и композицией. Освоите одну из самых востребованных программ для дизайнеров и сможете создавать профессиональные макеты, которые понравятся заказчикам.
- Введение в Photoshop
- Инструменты
- Работа с файлами и изображениями
- Принципы работы со слоями и масками
- Бонус-модуль. Выделения и маски
- Эффекты
- Продвинутые приёмы обтравки и ретуши
- Принципы построения растровых изображений
- Бонус-модуль. Как освоить Pen tool
- Коллажирование для создания Key-Visual
- Бонус-модуль. Причиняй добро
- Бонус-модуль. Оригинальные мемы для социальных сетей
- Principle
Научитесь добавлять анимацию в макеты и создавать интерактивные прототипы в программе Principle.- Введение.
- Анимация и её настройки.
- Скролл, драг и пэйдж.
- Управление анимацией при помощи драйверов.
- Разбор проектов из практики AIC.
- Импорт в рабочий прототип или видео.
Профессиональные навыки:
- Аналитика и оценка проекта, написание ТЗ
- Составление Customer Journey Maps
- Презентация работ клиенту
- Развитие готового продукта
- Использование принципов юзабилити
- Адаптивный дизайн
- Проведение А/B-тестирований
- Оценка обратной связи от пользователей
- UX-аналитика и работа с метриками
Кому подойдёт этот курс
- Начинающим дизайнерам продукта
Вы прокачаете навыки в разработке дизайн-систем для любых платформ. Научитесь проводить исследования, выявлять инсайты и улучшать продукт. Сможете устроиться в компанию мечты. - Веб-дизайнерам
Вы погрузитесь в специфику продуктового дизайна, освоите UX и UI, научитесь предлагать эффективные дизайн-решения. Усилите свои компетенции и сможете работать с более интересными и дорогими проектами. - UX/UI-дизайнерам
Вы сможете не только проектировать интерфейсы, но и контролировать разработку дизайна на каждом этапе. Поймёте, как подготовить продукт к выходу на рынок и как работать с ним после релиза.
Чему вы научитесь
- Разрабатывать дизайн в рамках ограничений
Сможете выпускать качественные и успешные продукты даже в условиях жёсткого технического задания и сжатых сроков. - Управлять вниманием пользователя
Разберётесь в особенностях восприятия разной целевой аудитории и сможете предлагать рабочие дизайн-решения. - Создавать дизайн мобильных приложений
Узнаете особенности работы с iOS и Android, сможете создавать и адаптировать дизайн для каждой из этих платформ. - Проводить исследования
Научитесь анализировать рынок, выявлять инсайты, определять целевую аудиторию продукта и тестировать дизайн-идеи до выпуска продукта на рынок. - Анимировать интерфейсы
Научитесь анимировать дизайн-макеты, чтобы сделать продукт ярким и привлекательным для заказчиков и пользователей. - Работать с продуктовой командой
Научитесь правильно ставить и делегировать задачи, а также оценивать результаты работы. Сможете уверенно общаться с менеджерами, разработчиками, маркетологами и аналитиками.
Программа курса
- Введение
Узнаете, какими бывают продуктовые команды, и изучите роль дизайнера в них.
- Типы продуктовых команд.
- Различия в работе продуктового и агентского дизайнеров.
- Домашняя работа. Тренируемся задавать вопросы, чтобы сформировать цель проекта.
- Предпроектная работа
Научитесь планировать работу, оценивать и декомпозировать задачи. Узнаете особенности восприятия разной аудитории и поймёте, как проектировать пользовательский опыт.
- Зачем нужна предпроектная работа?
- Планирование работы, оценка задачи и декомпозиция.
- Как смотреть на продукт глазами бизнеса и пользователей?
- Как понимать особенности восприятия разной целевой аудитории и проектировать соответствующий опыт?
- Домашняя работа. Учимся точно формулировать вопросы для описания продукта, определять целевую аудиторию и анализировать конкурентов.
- Исследования
Изучите типы исследований, интерфейсную аналитику и A/B-тесты. Сможете ставить задачи на исследования, выявлять инсайты, генерировать и тестировать новые идеи. Узнаете, какие исследования работают на практике, а какие — нет.
- Методы исследований.
- Интерфейсная аналитика и A/B-тесты.
- Постановка задачи на исследование.
- Организация юзабилити-тестирования.
- Проведение исследования.
- Интерпретация результатов исследования.
- Домашняя работа. Готовимся к удалённому юзабилити-исследованию и учимся интерпретировать результаты.
- Базовое проектирование
Узнаете, как создать объектную модель и построить пользовательский путь. Потренируетесь в работе с фреймворками объектной модели и сможете сформулировать необходимость такого подхода. Научитесь описывать задачу так, чтобы учитывать пользовательский путь и главную цель сервиса.
- Объектное проектирование.
- Создание объектной модели.
- Что такое пользовательские пути?
- Построение пользовательского пути.
- Домашняя работа. Разработка объектной модели и пользовательского пути.
- Специфика платформ
Изучите особенности работы с iOS, Android, веб-интерфейсами, сайтами и промостраницами.
- iOS.
- Android.
- Веб-интерфейсы.
- 7 принципов построения интерфейсов.
- Сайты.
- Промостраницы.
- Домашняя работа. Анализ выбранной платформы.
- Продвинутое проектирование
Научитесь создавать интерактивные прототипы и карты вайрфреймов. Сможете адаптировать прототипы под разные платформы.
- Создание карты вайрфреймов.
- Создание интерактивного прототипа.
- Согласование прототипа.
- Домашняя работа. Разработка карты вайрфреймов и интерактивного прототипа.
- Бонус-модуль. Аптечка продуктового дизайнера № 1
Поймёте, без каких знаний, навыков и личных качеств не обойтись продуктовому дизайнеру.
- 7 ключевых качеств продуктового дизайнера.
- Матрица навыков продуктового дизайнера по версии Кори Джиннивана.
- Дизайн-теория
Узнаете, что такое концептуальная модель и семантика макета. Научитесь работать с композицией и текстом в интерфейсе, сможете управлять вниманием пользователя.
- Концептуальные модели, обозначаемые и обозначающие.
- Семантика макета.
- Управление вниманием и когнитивной нагрузкой.
- Текст в интерфейсе.
- Композиционная целостность.
- Домашняя работа. Создание макета.
- Дизайн-система
Узнаете, как развить системное мышление и что такое компонентный подход и алгоритмический дизайн. Научитесь строить дизайн-систему для проекта.
- Зачем нужна дизайн-система?
- Системный подход.
- Компонентный подход.
- Алгоритмический дизайн.
- Чем дизайн-система отличается от UI-кита?
- Внедрение дизайн-системы.
- Развитие дизайн-системы.
- Домашняя работа. Создание компонентной системы.
- Анимации
Изучите тренды и разновидности анимации и узнаете, как создавать её в Principle, Figma и After Effects. Научитесь делать микроанимации и пользоваться прелоадерами.
- Тренды, разновидности и применение анимации.
- 12 принципов Disney.
- Principle, Figma, Adobe After Effects.
- Домашняя работа. Создание анимации.
- Бонус-модуль. Аптечка продуктового дизайнера № 2
Поймёте, с какими сложностям сталкиваются пользователи продукта. Узнаете, почему важна доступность в интерфейсах и от каких принципов в дизайне нельзя отступать.
- Проблемы в интерфейсах.
- Доступность в интерфейсах.
- Принципы дизайна.
- Работа в команде
Поймёте, как работает продуктовая команда и как устроены дизайн-отделы. Научитесь проводить брейнштормы и синхронизации, а также делегировать задачи.
- Процесс выполнения.
- Делегирование задач.
- Демо.
- Недельное ретро.
- Месячное ретро для отдела.
- Дизайн-отдел.
- Домашняя работа. Проведение ретро по своим кейсам.
- Бонус-модуль. Аптечка продуктового дизайнера № 3
Изучите особенности взаимодействия со всеми участниками продуктовой команды: менеджерами, разработчиками, аналитиками, маркетологами и техподдержкой. Сможете говорить с ними на одном языке.
- Работа с менеджментом.
- Работа с разработчиками.
- Работа с поддержкой.
- Работа с аналитиками.
- Работа с маркетингом.
- Работа с копирайтерами.
- Передача в разработку
Узнаете, когда нужно обсуждать макет с разработчиками и как его подготовить для передачи. Научитесь контролировать качество работы с вашим макетом.
- Когда начинать обсуждать макеты с разработчиками?
- Контроль качества разработки.
- Домашняя работа. Подготовка макета для разработчика.
- Работа с готовым продуктом
Научитесь работать с метриками, собирать пользовательский фидбек и вносить правки в готовый продукт.
- Работа с метриками.
- Пользовательский фидбек.
- Внесение изменений (быстро и медленно).
- Домашняя работа. Составить критерии для оценки успешности дизайн-решения.
- Бонус-модуль. Аптечка продуктового дизайнера № 4
Узнаете, как развиваться в профессии, и составите индивидуальный план.
- Как не застыть в рутине.
- Индивидуальный план развития.
- Дипломный проект. Дизайн стримингового сервиса
- Вы выясните потребности заказчика, проведёте исследование, разработаете дизайн-концепцию и создадите готовые кликабельные прототипы для сайта и мобильного приложения стримингового сервиса.
Профессиональные навыки:
- Создание интерфейсов для iOS, Android и сайтов
- Создание компонентных систем
- Работа с IT-отделом и постановка задач
- Проведение исследований
- Управление вниманием пользователя
- Работа с метриками готового продукта и фидбэком по нему
- Создание прототипов и карт вайрфреймов
- Создание анимации
- Разработка дизайна для разных аудиторий
- Подготовка макетов для передачи разработчикам