UX/UI-дизайнер: расширенный курс от Нетологии

Базовая ступень    

Освоите базовые навыки цифрового дизайнера, поработаете с веб-платформой, узнаете особенности создания сайтов, адаптивности и веб-анимации. Изучите Tilda Publishing — один из самых гибких и удобных инструментов UX/UI-дизайнера.

Основы Figma. Модуль от студии Mish.design

Вы получите необходимую базу для работы с графикой и дизайн-макетами в Figma. Познакомитесь с ключевыми инструментами приложения и сразу примените их на практике. В каждом занятии — задание для самостоятельной тренировки.

• Экскурсия по Figma
• Первые шаги в Figma
• Интерфейсы
• Основы веб-дизайна
• Подготовка веб-макета к жизни
• Основы работы с мобильными платформами
• Компоненты и стили
• Кликабельный прототип мобильного приложения

Основы веб-дизайна. Модуль от студии Mish.design

Изучите методы, которые помогают определить, каким должен быть интерфейс. Узнаете о техниках поиска идей для разработки интерфейса. На практике закрепите приёмы и принципы веб-дизайна, необходимые для создания современного сайта. Рассмотрите свойства формы и приёмы работы над композицией. Научитесь работать с цветом, подбирать шрифты, структурировать текст и использовать микротипографику. Освоите принципы создания визуальной иерархии в интерфейсе.

• Знакомство с веб-дизайном
• Модульные сетки
• Скетчинг и прототипирование
• Пользовательское взаимодействие
• Композиция
• Веб-типографика
• Теория цвета
• Вдохновение, творчество, импровизация

Создание проекта сайта. Модуль от студии Mish.design

Научитесь превращать статичный дизайн в проект сайта. Создадите анимации переходов и микровзаимодействий. Разработаете адаптивную версию макета в нескольких разрешениях, в том числе — мобильную версию. Научитесь взаимодействовать с разработчиками и управлять проектом.

• Адаптивный дизайн
• Веб-анимация
• Системы ведения проектов
• Составление технического задания для вёрстки

Сбор и анализ пользовательских данных UA  

Научитесь проводить анализ существующего или будущего проекта, выявлять проблемы бизнеса и соотносить их с проблемами целевой аудитории. Освоите аналитические инструменты и сконцентрируетесь на целях и ценностях пользователя.

• Роль аналитики в UX
• Инструменты дизайн‑мышления
• Методы анализа: основы
• Бизнес‑аналитика
• Феномены зрительного восприятия
• Моделирование поведения
• Методы анализа: customer development
• Особенности качественных исследований
• Особенности количественных исследований
• Обзор аналитических инструментов
• Особенности мобильной аналитики
• Математика A/B‑тестов
• Accessibility‑статистика
• Eye‑tracking‑тестирование

Проектирование UX и прототипирование

Изучите принципы построения пользовательских интерфейсов и рассмотрите их основные элементы. Углубитесь в методологию командной работы и формирование командного взаимодействия. Освоите инструменты для сбора и обработки данных о пользователях продукта, основы стратегии в концепции бережливого производства.

• Введение в предметную область
• Азбука пользовательского интерфейса
• Методологии командной работы — Kanban, Scrum
• Воркшоп: персоны
• Lean UX strategy
• Воркшоп: UX strategy
• Customer journey mapping — CJM
• Информационная архитектура
• Воркшоп: UX design
• Инструменты прототипирования
• Воркшоп: UI design

Создание сайтов на Tilda

Изучите стандартные блоки, возможности редактирования и настройки сервисов в Tilda. Узнаете все нюансы подготовки сайта к запуску. Разберётесь в возможностях кастомизации блоков и гибкости их использования. Научитесь создавать разные виды сайтов, подключать платёжные системы и работатьс заявками.

• Настройки сайта
• Настройки страницы
• Подключение домена
• Настройки и редактирование стандартных блоков 
• Адаптивность в стандартных блоках
• Подключение внешних шрифтов
• Многостраничные сайты
• Функционал для интернет-магазина и рассылок
• Функция «Потоки»
• Личный кабинет
• CRM Tilda

Tilda Zero Block

Научитесь работать во встроенном графическом редакторе Zero Block: создавать дизайн любой сложности, переносить макеты из Figma или Photoshop, создавать адаптивность и работать с анимациями. Познакомитесь с базовым функционалом Zero Block, а также со скрытыми функциями, которые позволяют делать сайты фестивального уровня.

• Работа в редакторе
• Адаптивность в Zero Block
• Базовая анимация
• Пошаговая анимация
• Триггерная анимация

Продвинутые навыки    

Начнёте работать с мобильной платформой. Разберётесь в тонкостях гайдлайнов iOS и Android, выясните, чем нативное приложение отличается от мобильной версии сайта. Узнаете, как проектируют интерфейсы в компании Agima. Научитесь создавать 3D-графику и анимацию интерфейсов.

Основы дизайна мобильных интерфейсов. Модуль от студии Mish.design

Погрузитесь в принципы дизайна мобильных интерфейсов. Научитесь использовать паттерны при разработке интерфейса. Изучите гайдлайны современных операционных систем и сможете использовать их в создании макетов.

• Принципы дизайна мобильных интерфейсов
• Системная аналитика  
• Принципы проектирования UX
• Анатомия iOS-приложения
• Основные принципы Material Design
• Композиция, цвет и типографика в диджитале
• Основы работы в Figma
• Модульная сетка в дизайне интерфейсов

Запуск и тестирование мобильного приложения. Модуль от студии Mish.design

Научитесь создавать анимации и микровзаимодействия, готовить макет для передачи в разработку. Разберётесь в особенностях взаимодействия с разработчиками, в нюансах составления технического задания. Научитесь проводить юзабилити-тестирование и использовать полученные данные для улучшения интерфейса.

• Анимация интерфейсов. Микровзаимодействия
• Практическое прототипирование
• Основы прототипирования
• Юзабилити-тестирование мобильных приложений
• Работа с брендбуком
• Передача проекта разработчикам
• Навыки создания презентации на Behance

Опыт AGIMA. Проектирование интерфейсов

Узнаете, как устроена работа над прототипированием и проектированием интерфейсов в агентстве AGIMA. Эксперты компании расскажут про цели и особенности анализа целевой аудитории при создании продукта, основные этапы и артефакты прототипирования. Вы потренируетесь разрабатывать в Figma веб- и мобильные интерфейсы разной степени детализации. Научитесь презентовать прототип в нестандартных форматах.

• История дизайна интерфейсов   
• Цели исследований продукта и аудитории
• Методы исследований
• Введение в проектирование 
• Что проектируем: основные артефакты
• UX-проектирование: принципы и инструменты анализа
• Основы работы в Figma
• Инструменты и паттерны прототипирования
• Прототип высокой детализации в Figma 
• Гайдлайны iOS и Android. Особенности проектирования мобильного приложения
• Презентация прототипа
• Что выбрать UX-проектировщику: работу в агентствеили в продукте

3D-графика для интерфейсов в Cinema 4D

Погрузитесь в работу с 3D. Изучите функционал Cinema 4D — одного из популярных ПО для работы с 3D-графикой. Освоите навыки моделирования и анимирования объекта. Научитесь создавать материалы и подбирать свет для создания реалистичных сцен. Поймёте основные принципы использования 3D в работе с интерфейсами. Изучите Blender как альтернативный вариант создания 3D-графики.

• Введение в 3D
• Введение в Cinema 4D
• Параметрическое моделирование
• Полигональное моделирование
• Материалы
• Свет и рендер в Cinema 4D
• MoGraph
• Анимация в Cinema 4D
• Cinema 4D в работе с интерфейсами. Часть 1
• Cinema 4D в работе с интерфейсами. Часть 2
• Альтернативные инструменты моделирования: Blender

Анимация интерфейсов в ProtoPie и After Effects

Изучите основные принципы анимации и поймёте, как превратить статичный дизайн в динамичный креативный интерфейс. Разберёте основы веб- и мобильной анимации. Освоите ProtoPie для создания интерактивных интерфейсов. Изучите основной функционал After Effects, научитесь работать с масками и слоями и поймёте, как работать с анимациями в сочетаниис 3D-элементами.

• История анимации в интерфейсах
• 10 принципов Уолта Диснея и как это связано с интерфейсами
• Ограничения и возможности
• Инструменты для анимации
• Введение в After Effects и ProtoPie
• Воркшоп. Работа в After Effects
• Воркшоп. Работа в ProtoPie
• Создание анимации в Rive и Haiku
• Вдохновение, идеи, поиск
• Взаимодействие с фронтендом, CodePen
• Разбор кейсов

CX: Как собирать фидбек внутри продукта. Опыт компании UX Feedback 

Научитесь работать с гипотезами, выбирать правильные точки на пути пользователядля постановки вопросов. Узнаете, что такое хорошие и плохие вопросы, сможете тестировать опросы на реальных пользователях. Потренируетесь обрабатывать и категоризировать фидбек. Научитесь определять нужды пользователя и учитывать их при доработке продукта.

• Введение в работу с фидбеком внутри продукта
• Сбор фидбека: от целей и гипотез к созданию первых опросов
• Обработка фидбека. Превращение «хотелок» в нужды
• Принятие решения на основе фидбека

Дизайн-менеджмент 

Научитесь управлять креативной командой и создавать масштабные дизайн-проекты.

• Введение в арт-дирекшн
• Обработка брифа и проектирование
• Тренды в диджитале
• Инструменты дизайнера. Разбор кейсов
• Цифровая графика и анимация. Разбор кейсов
• Формирование дизайн-системы
• Креативные методики
• Формирование команды и управление
• Постановка и контроль задач
• Работа с мотивацией и коммуникация внутри команды
• Анализ эффективности и аналитика проекта. Продуктовый подход
• Презентация и защита проекта
• PR и личный бренд

Дипломный проект

Создадите полноценный цифровой продукт на основе полученных во время обучения навыков.Вы пройдёте все этапы создания продукта. Начнёте с исследования аудитории и анализа конкурентов. Спроектируете пользовательский опыт и займётесь прототипированием. Создадите визуальный дизайн с использованием 3D-графики и анимации. Адаптируете своё решение под разные платформы.