Онлайн-курс «UX/UI-дизайнер»

UX/UI-дизайн — сфера, в которой можно реализовать творческие способности и получать достойную плату за свой труд. Веб-дизайнеры востребованы в различных отраслях, а работать можно из любой точки планеты. Если интересуетесь компьютерным дизайном, желаете освоить новую профессию «UX/UI-дизайнер» и трудоустроиться сразу после получения диплома, то этот онлайн-курс для вас. За 10 месяцев эксперты онлайн-школы ProductStar научат дизайну интерфейсов и как найти оплаченный заказ.

В процессе подготовки вы узнаете, как разработать пользовательский интерфейс, который будет удобен и понятен для пользователя. Вы освоите инструменты и методы UX/UI-дизайна, работу в конструкторах Figma и Tilda, научитесь анализировать информацию, разрабатывать и внедрять эффективные решения. 70% программы — практика. На протяжении курса осуществляется поддержка кураторов.

Краткая программа курса «UX/UI-дизайнер»:

1. Основы web-дизайна. Работа с Figma и Tilda.
2. Создание дизайн-концепции сайта, интернет-магазина и адаптация под мобильные устройства.
3. Дизайн мобильный интерфейсов. Специфика работы с Android и iOS.
4. Дизайн-мышление. Тестирование интерфейсов.
5. Продвижение приложений и сайтов.

В результате научитесь делать привлекательные интерфейсы, которые будут способствовать повышению удовлетворенности пользователей. Полученные знания позволят работать в различных отраслях и реализовывать интересные проекты.

Ступень №1

Основы web-дизайна

Освоите Figma. Научитесь разрабатывать анимированные прототипы и элементы интерфейса. Научитесь верстать сайты на Tilda с модификациями, zero-блоками, анимацией и настройкой интеграций.

Блок 1. Работа с Figma

• Знакомство с Figma.
• Работа с фигурами и инструментами.
• Создание дизайна интерфейса в Figma.
• Констрейнты, компоненты и auto layout.
• Варианты и библиотеки.
• Прототипирование и анимация.
• Figma Community и FigmaJam.
• Совместная работа и передача дизайна.

Блок 2: Работа с Tilda

• Создание собственной страницы.
• Работа в Zero-BlockРабота с модификациями.
• Настройки проекта в Tilda.
• Базовые интеграции в Tilda.
• Превращаем Tilda в полноценный сервис.
• Персонализация личного кабинета.
• Автоматизация управления доступами.
• Создание сайта с нуля: перенос дизайна из Figma на Tilda.
• Создание сайта с нуля: доработка дизайна и подключение базы данных.

Ступень №2

UX/UI – пользовательский интерфейс

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

Блок 3. Дизайн-система

• Колористика.
• Типографика.
• Композиция и модульные сетки.
• Иконографика: из чего состоит иконка.
• Иконографика: рисуем иконки в Figma.
• Библиотеки компонентов.
• Дизайн-система.
• Верстка и дизайн-система.

Блок 4. UI-дизайн

• Интерактив.
• Usability.
• Адаптивность.
• Дизайн-концепция веб-сайта.
• Мудборд, референсы, стайлборд.
• Дизайн-концепция и макет веб-сайта.
• Практика: рисуем лендинг.
• Практика: рисуем интернет-магазин.
• Создание кейса для портфолио.
• Передача проекта.
• UX/UI-дизайнер VS Искусственный интеллект.

Блок 5: Дизайн мобильных интерфейсов

• Типы мобильных приложений.
• Проектирование мобильного приложения.
• Дизайн мобильного приложения.
• Mobile шаблоны UI.
• Мобильная анимация.
• Создание интерактивных прототипов.
• Специфика работы с iOS.
• Специфика работы с Android.
• Гайдлайны AppStore и Google Play.

Блок 6: Дизайн-мышление

• Основы дизайн-мышления.
• Эмпатия: карты эмпатии, персонажи, CJM.
• Постановка UX задач.
• Генерация UX идей.
• Прототипирование.
• Юзабилити-тестирование.

Блок 7: UX advanced

• Контент-стратегия и UX.
• UX-сторителлинг.
• HCI: интерактивный дизайн.
• Визуальный дизайн.
• Инструменты Jobs To Be Done.
• JTBD и UX.
• Use case подход.
• User Story и UXUX-бенчмаркинг.

Специализации

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

Специализация №1

UX-RESEARCHER

Научитесь анализировать поведения пользователей, проводить A/B-тестирования, CustDev и анализ рынка.

Блок 8: Исследования и аналитика

• Продуктовый подход.
• Иерархия метрик и метрики дизайна.
• Быстрая проверка гипотез и MVP.
• UX: CustDevМокапы, UI и CustDev.
• UX: анализ рынка.
• Количественные и качественные UX-исследования.
• UX-аналитика.
• UX: А/В тестирование.
• Дизайн-исследование.

Специализация №2

Team lead UX/UI

Научитесь планировать дизайн-проект с командой дизайнеров. Работе с AppStore и Google Play. Научитесь презентовать и защищать свои идеи.

Блок 9: Управление командой UX/UI

• Планирование дизайн-проекта.
• Продуктовые команды дизайнеров.
• Методологии управления командой дизайна.
• Стейкхолдеры UX-проекта.
• Презентация дизайна.

Блок 10: Продвижение мобильного приложения: AppStore и Google Play

• Создание и тестирование прототипа мобильного приложения.
• Промоутирование мобильного приложения существующей аудитории.
• Как сделать конверсионный Onboarding.
• Работа с Appstore и Google Play.
• Мобильный маркетинг.

Блок 11: Soft skills: защита идей

• Смежники
• Защита и презентация своих идей
• Storytelling: интересное и запоминающееся выступление
• Как побороть страх перед выступлением
• Дизайнер-верстальщик.

Специализация №3

Дизайнер-верстальщик

Научитесь верстать сайты с использованием HTML, CSS и JavaScript и улучшать пользовательский опыт.

Блок 12: Основы вёрстки: HTML и CSS

• Структура веб страницы, базовый HTML
• Базовый CSS, селекторы и каскад
• Продвинутый CSS, адаптивность и кроссбраузерность
• Основы JavaScript, инструменты для разработки и отладки
• Объекты, массивы, функции в JavaScript
• DOM-модель и работа со страницей
• Обработка событий
• Взаимодействие с сервером

Блок 13: Основы JavaScript

• Введение. Переменные и работа с числами.
• Константы.
• Строки, boolean и условные операторы.
• Преобразование типов и нестрогие сравнения.
• Массивы и циклы. Объекты.
• Функции. Области видимости и замыкания.
• Обработка событий и пользовательский ввод.
• Подключение библиотек.
• Регулярные выражения. Форматирование. Работа с датами.
• Mикро и макротаски. Цикл событий.
• Анимации и CSS фреймворки.
• Структуры данных и алгоритмы.

Блок 14. Инструменты верстки и UX

• Основы тестирования верстки + DevTools.
• Улучшаем пользовательский опыт (UX) с помощью CSS-анимаций.
• Идеальная верстка: делаем Pixel Perfect по макету в Figma.

• Формат
  В группе с наставником
  Видеоуроки
  Обучение в ЛК на сайте автора
• Количество уроков
  108
• Продолжительность
  10 месяцев
• Уровень сложности
  Для новичков
• Когда вы будете учиться
  В любой день в любое время
• Домашние задания
  Есть
• Документ об обучении
  Сертификат
• Сопровождение
  Куратором
• Техническая поддержка
  В рабочее времяЧат на сайтеЭлектронная почтаТелефон
• Перспективы после обучения
  Трудоустройство
• Срок доступа к материалам
  3 года с даты покупки
• Безопасная покупка