• Знакомство с этапами проекта дизайна цифрового интерфейса.
• Обзор различных типов веб-сайтов и цифровых продуктов и их назначения.
• Понимание ориентированного на пользователя дизайна и дизайн-мышления.
• Знакомство с методами исследования пользователей UX и методами систематизации результатов исследований.

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

• Понимание принципов и компонентов информационной архитектуры.
• Знакомство с принципами адаптивного дизайна. Отображение контента на разных размерах экрана: адаптивные и отзывчивые методы, применение сетки и точек останова.
• Особенности пользовательских интерфейсов мобильных устройств.
• Создание и отработка эскизов конструкции (каркасов).

Практическая работа: анализ информационной архитектуры разрабатываемого сайта и создание карт сайта и вайрфреймов. Работа с программами Adobe XD / Figma.

• Введение в разработку фирменного стиля. Создание коллажа настроения.
• Понимание эскизов и создания логотипов.
• Теория шрифта и принципы создания типографской шкалы для цифровых интерфейсов.
• Теория цвета и дизайн палитры.
• Принципы композиции. Гештальт-законы визуального восприятия и их применение в дизайне цифровых интерфейсов.
• Создание, использование и применение иллюстраций и фотографий в дизайне пользовательского интерфейса.

Практическая работа: разработка рекомендаций по стилю логотипа и вывески сайта – шрифт, цветовая палитра, иллюстрации, фотографии. Корректировка эскизов конструкции (каркас).

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

Практическая работа: создание библиотеки компонентов пользовательского интерфейса. Анимируйте состояние компонента пользовательского интерфейса (фильтр, меню, вкладка и т. д.) в приложениях XD или Figma.

• Узнайте, как дизайнеры пользовательского интерфейса передают файлы и инструменты для программистов.
• Знакомство со структурой и синтаксисом HTML/CSS-документа, чтение HTML-файла в WEB-браузере.
• Подготовка готового портфолио дизайна сайта – графическая подготовка разных этапов, создание описания процессов.

Практическая (заключительная) работа: подготовка финального дизайна сайта WEB и мобильной версии. Создание дизайнерского портфолио и графическое представление этапов процесса курсового проекта в записи портфолио.

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