UI компоненты, 1ч.

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

Модуль 1

Определения компонентов, их анатомия и состояния

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

Урок 1: Общие определения UI-компонентов I

Урок 2: Общие определения UI-компонентов II

Урок 3: Анатомия UI-компонентов

Урок 4: Состояния UI-компонентов

Модуль 2

Кнопки, кнопки и еще больше кнопок

Изучите все о кнопках: их анатомию, различные стили, лучшие практики проектирования и создание эффективных текстов для надписей на кнопках.

Урок 1: Введение в UI-кнопки

Урок 2: Распространенные стили UI-кнопок

Урок 3: Лучшие практики проектирования UI-кнопок

Урок 4: Лучшие практики проектирования подписей UI-кнопок

Модуль 3

Элементы управления выбором

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

Урок 1: Введение в элементы управления выбором в UI

Урок 2: Лучшие практики проектирования элементов управления выбором

Урок 3: Введение в UI-ползунки

Урок 4: Лучшие практики проектирования UI-ползунков

Урок 5: Введение в UI-пикеры

Модуль 4

Модуль 4: Поля ввода и формы

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

Урок 1: Введение в UI-поля ввода

Урок 2: Использование полей ввода в UI

Урок 3: Лучшие практики проектирования полей ввода в UI

Урок 4: Введение в формы в UI

Урок 5: Лучшие практики проектирования форм

Урок 6: Введение в индикаторы прогресса в UI

Модуль 5

Модуль 5: Карточки, меню и модальные окна

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

Урок 1: Введение в UI-карточки

Урок 2: Лучшие практики проектирования UI-карточек

Урок 3: Введение в меню в UI

Урок 4: Лучшие практики проектирования UI-меню

Урок 5: Введение в UI-модальные окна

Урок 6: Лучшие практики проектирования UI-модальных окон

Урок 7: Введение в значки в пользовательском интерфейсе

Урок 8: Введение в курсоры в пользовательском интерфейсе

Доступ к материалам в удобное время и в комфортном темпе

Без использования звука

Изучайте контент на любом устройстве и в любом удобном месте

Начните знакомство с платформой без вложений.