Урок 1Офлайн - курс по основам веб-дизайна и работе с интерфейсами.
Уже есть аккаунт? Войти
Регистрация бесплатная, без оплаты — меньше минуты
Урок 1 · бесплатно
Урок №1 «Основы UI-дизайна»
Введение в UI-дизайн, основные принципы создания визуально понятных и удобных интерфейсов. Разберём отличие UI и UX, роль UI-дизайнера и ключевые элементы качественного интерфейса.
Откроется после регистрации
Ведут курс
7 модулей · 25 уроков
«Благодаря D-Spirit я с нуля освоила профессию графического дизайнера и теперь работаю в своё удовольствие.»
Ирина Зозуля«Очень классные курсы — не ожидала, что так понравится. Преподаватели отзывчивые: в любой момент можно написать, и обязательно ответят.»
Дади Дади«Самое главное в этой школе — все, кто там работает, любят своё дело и работают с удовольствием.»
Виктория НикулескуСоздайте аккаунт — первый урок курса «UX/UI Design • Offline» откроется сразу, без оплаты.
Смотреть первый урок бесплатноDaria
Введение в UI-дизайн, основные принципы создания визуально понятных и удобных интерфейсов. Разберём отличие UI и UX, роль UI-дизайнера и ключевые элементы качественного интерфейса.
Урок 6БесплатноЧто такое дизайн / Что такое UX дизайн / Отличия UX, UI и Product дизайнеров / UX Honeycomb / Принципы визуального восприятия в UX
Урок 7UX законы / Правила юзабилити / Эвристики Нильсена / Фреймворк Эвристический анализ
Урок 8Double Diamond и дизайн-мышление / Зачем нужны исследования / JTBD / 4 Forces / Разбор продуктового кейса от бизнес-задачи до финального результата
Урок 9Качественные и количественные / Гайд исследования / Правила сценария / Техники интервью / Сложные респонденты / Транскрибация и синтез / Презентация результатов
Урок 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.
Урок 20Выразительная типографика, ритм, масштаб, многослойность, текст как графический элемент, баланс выразительности и UX.
