Избранные карусели

Избранные карусели демонстрируют подборку контента, интересного пользователю.

Крышка

Ресурсы

Тип Связь Положение дел
Дизайн Исходный код дизайна (Фигма) Доступный
Выполнение Реактивный ранец Доступный

Основные моменты

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

Варианты

Существует два разных способа интеграции избранных каруселей:

  1. захватывающий
  2. Карта

Иммерсивная карусель избранных

Карусель избранных карточек

Блок контента

Анатомия

Анатомия блока контента

  1. Надчеркенный текст
  2. Заголовок
  3. Описание
  4. Кнопка

Характеристики

Спецификация блока контента с эффектом погружения

Пагинация

Анатомия

Пагинатон

  1. Фон
  2. Активный элемент
  3. Неактивные элементы
  4. Всего элементов

Характеристики

Спецификация нумерации страниц

захватывающий

Анатомия

Иммерсивная анатомия

Иммерсивная фоновая анатомия

  1. Фон изображения
    1. Кинематографическая сетка
    2. Плакат
    3. Фоновый цвет
  2. Блок контента
  3. Пагинация
  4. Сетка контента

Характеристики

Захватывающие характеристики

Карта

Анатомия

Карточка Избранная анатомия карусели

Карточка Рекомендуемая карусельная анатомия изображения

  1. Фон изображения
    1. Кинематографическая сетка
    2. Плакат
    3. Фон карты
  2. Блок контента
  3. Пагинация
  4. Сетка контента

Характеристики

Спецификация избранной карусели карты

Применение

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

Изображения в фоновом режиме

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

Высококачественные изображения

Используйте изображения с высоким разрешением, которые визуально привлекательны и соответствуют содержанию выбранной карточки.

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

Очевидная визуальная иерархия

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

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