Урок 1Онлайн-курс по основам веб-дизайна и работе с интерфейсами.
Уже есть аккаунт? Войти
Регистрация бесплатная, без оплаты — меньше минуты
Ведёт курс
7 модулей · 23 урока
«Благодаря D-Spirit я с нуля освоила профессию графического дизайнера и теперь работаю в своё удовольствие.»
Ирина Зозуля«Очень классные курсы — не ожидала, что так понравится. Преподаватели отзывчивые: в любой момент можно написать, и обязательно ответят.»
Дади Дади«Самое главное в этой школе — все, кто там работает, любят своё дело и работают с удовольствием.»
Виктория НикулескуСоздайте аккаунт — первый урок курса «UX/UI Design» откроется сразу, без оплаты.
ЗарегистрироватьсяВведение в UI-дизайн, основные принципы создания визуально понятных и удобных интерфейсов. Разберём отличие UI и UX, роль UI-дизайнера и ключевые элементы качественного интерфейса.
Урок 6Введение в UX-дизайн: разберём понятие пользовательского опыта, его отличие от UI, историю развития UX и основные принципы создания удобных интерфейсов. Также рассмотрим реальные примеры хорошего и плохого UX и 10 эвристик Нильсена.
Урок 7Разберём UX-персоны — инструмент, который помогает проектировать интерфейсы на основе реальных потребностей пользователей. Рассмотрим методы исследования, этапы создания персоны и способы применения её в UX-дизайне.
Урок 8Изучим Customer Journey Map и пользовательские сценарии как инструменты анализа и проектирования пользовательского опыта. Разберём структуру CJM, работу с эмоциями и проблемными точками, а также основные типы сценариев взаимодействия.
Урок 9Разберём информационную архитектуру как основу UX-проекта: структуру контента, карты сайта, типы архитектур и принципы организации информации. Научимся выстраивать логичную структуру сайта с учётом целей и сценариев пользователей.
Урок 10Разберём вайрфреймы как основу для визуализации UX-решений: их структуру, принципы создания и связь с пользовательскими сценариями. Также рассмотрим прототипирование и тестирование интерфейсов перед переходом к UI-дизайну.
Урок 11Знакомство с Figma: регистрация, интерфейс и основные разделы платформы. Разберём базовые настройки аккаунта, работу со шрифтами, Community и основные возможности сервиса.
Урок 12Знакомство с рабочим пространством Figma и основными инструментами для создания интерфейсов. Разберём работу с фреймами, слоями, сетками, настройками объектов, навигацией и экспортом готовых материалов.
Урок 13Разберём работу со стилями в Figma: цветовые и текстовые стили, эффекты и сетки. Также изучим основные настройки текста и способы создания единообразной типографики в интерфейсе.
Урок 14Изучим компоненты в Figma и их роль в создании системных и повторяющихся элементов интерфейса. Разберём родительские компоненты и их копии, вложенные компоненты, варианты и управление изменениями.
Урок 15Изучим прототипирование и интерактивные элементы в Figma: анимации, состояния компонентов, hover-эффекты, overlay-меню и различные виды прокрутки. Также разберём настройку взаимодействий и предпросмотр прототипа.
Урок 16Разберём создание интерактивных прототипов в Figma: состояния компонентов, анимации, overlay-меню, прокрутку и взаимодействия для мобильных интерфейсов. Также изучим настройку предпросмотра и комментариев.
Урок 17Изучим Auto Layout в Figma и его роль в создании гибких и адаптивных интерфейсов. Разберём отступы, выравнивание, направления, перенос элементов, режимы размеров и адаптацию компонентов под разные экраны.
Урок 18Введение в веб-типографику и её роль в визуальной коммуникации бренда. Разберём типографическую иерархию, основные параметры текста, читаемость и разборчивость, а также особенности работы со шрифтами в адаптивном дизайне.
Урок 19Разберём принципы сочетания шрифтов и создания выразительной типографической иерархии в веб-дизайне. Изучим категории шрифтов, контраст, консистентность и создание текстовых стилей в Figma для разных устройств.
