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

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

Ресурсы

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

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

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

Варианты

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

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

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

Анатомия

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

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

Пагинация

Анатомия

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

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

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

Анатомия

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

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

Карта

Анатомия

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

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

Применение

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

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

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

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

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

check_circle

Делать

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

cancel

Не

Избегайте использования изображений с текстом на заднем плане.

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

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

check_circle

Делать

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

cancel

Не

Убедитесь, что фон не влияет на читаемость и видимость остального контента на экране.