Top.Mail.Ru
Закрыть меню
Доступ к материалам в удобное время и в комфортном темпе
Без использования звука
Изучайте контент на любом устройстве и в любом удобном месте
Начните знакомство с платформой без вложений.

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

Познакомьтесь с тонкостями продвинутых компонентов пользовательского интерфейса (UI) и овладейте искусством их применения в соответствии с лучшими практиками.

Модуль 1

Вспомогательные элементы дизайна

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

Введение в подсказки интерфейса (Tooltips)

Урок 1: Введение в подсказки интерфейса (Tooltips)

Введение в уведомления в интерфейсе (Notifications)

Урок 2: Введение в уведомления в интерфейсе (Notifications)

Лучшие практики в дизайне уведомлений

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

Введение в разделители интерфейса (Dividers)

Урок 4: Введение в разделители интерфейса (Dividers)

Введение в загрузчики интерфейса (Loaders)

Урок 5: Введение в загрузчики интерфейса (Loaders)

Введение в UI-чипсы (Chips)

Урок 6: Введение в UI-чипсы (Chips)

Лучшие практики проектирования сеток (Grids)

Урок 7: Лучшие практики проектирования сеток (Grids)

Модуль 2

Организация и визуализация данных

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

Введение в списки в интерфейсе (Lists)

Урок 1: Введение в списки в интерфейсе (Lists)

Лучшие практики проектирования списков

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

Аккордеоны в интерфейсе: основы и лучшие практики

Урок 3: Аккордеоны в интерфейсе: основы и лучшие практики

Введение в таблицы в интерфейсе

Урок 4: Введение в таблицы в интерфейсе

Лучшие практики проектирования таблиц

Урок 5: Лучшие практики проектирования таблиц

Введение в графики/диаграммы в интерфейсе

Урок 6: Введение в графики/диаграммы в интерфейсе

Лучшие практики проектирования графиков

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

Модуль 3

Навигационные компоненты

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

Введение в функцию поиска в интерфейсе

Урок 1: Введение в функцию поиска в интерфейсе

Лучшие практики проектирования функции поиска

Урок 2: Лучшие практики проектирования функции поиска

Введение в хлебные крошки в UI

Урок 3: Введение в хлебные крошки в UI

Лучшие практики для создания хлебных крошек

Урок 4: Лучшие практики для создания хлебных крошек

Введение в таб-навигацию (вкладки)

Урок 5: Введение в таб-навигацию (вкладки)

Лучшие практики проектирования таб-навигации

Урок 6: Лучшие практики проектирования таб-навигации

Введение в пагинацию в интерфейсе

Урок 7: Введение в пагинацию в интерфейсе

Проверенные практики пагинации

Урок 8: Проверенные практики пагинации

Модуль 4

Компоненты структуры страницы

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

Введение в хедеры в UI

Урок 1: Введение в хедеры в UI

Лучшие практики при создании хедеров

Урок 2: Лучшие практики при создании хедеров

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

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

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

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

Wybex Платформа постоянно обновляется

Новые материалы уже в пути — скоро будет ещё интереснее!

↑ Наверх