注目のカルーセル

注目のカルーセルは、ユーザーに関連するコンテンツのセレクションを表示します。

リソース

タイプ	リンク	ステータス
デザイン	デザインソース（Figma）	利用可能
実装	Jetpack Compose	利用可能

ハイライト

• 注目のカルーセルを使用して、特定のコンテンツをハイライト表示します。
• 注目のカルーセルには、画像、見出し、コンテンツの詳細、動画、アクション、ページ設定コントロールなどの UI 要素を含めることができます。
• カルーセルは通常、アプリのホームページまたはランディング ページに配置されるため、簡単にアクセスできます。
• 注目のカルーセルは、ユーザーの関心を引き、臨場感あふれるエクスペリエンスを実現するため、視覚的にアピールします。
• 表示されるコンテンツは、ユーザーの閲覧履歴、好み、現在の傾向に基づいてカスタマイズできます。

バリエーション

注目のカルーセルを統合するには、次の 2 つの方法があります。

1. 臨場感
2. カード

コンテンツ ブロック

構造

1. テキストを上書き
2. タイトル
3. 説明
4. ボタン

仕様

ページ分け

構造

1. 背景
2. 有効な要素
3. 無効な要素
4. 合計要素数

仕様

臨場感

構造

1. 画像の背景
   1. シネマティックなスクリム
   2. Poster
   3. 背景色
2. コンテンツ ブロック
3. ページ分け
4. コンテンツ グリッド

仕様

カード

構造

1. 画像の背景
   1. シネマティックなスクリム
   2. Poster
   3. カードの背景
2. コンテンツ ブロック
3. ページ分け
4. コンテンツ グリッド

仕様

Usage

注目のカルーセルを使用すると、厳選されたコンテンツの厳選されたコンテンツを、魅力的で視覚的に魅力のある操作しやすいフォーマットで紹介および宣伝できます。

背景に画像がある

背景画像は、ストリーミング アプリの注目のカルーセルでユーザー エンゲージメントを高めるうえで重要な役割を果たします。

高品質の画像

フォーカスのあるカードのコンテンツとの関連性が高く、視覚的に魅力のある高解像度の画像を使用します。

わかりやすい視覚的な階層

画像の上にスクリムを使用して、フォーカスされているカードのコンテンツから背景が注意をそらさないようにします。これにより、ユーザーがカードのタイトル、説明、行動を促すフレーズのボタンにフォーカスを合わせることができます。