注目のセクション

hero

概要

スポットライト セクションは、セクション アイテム テンプレート内の視認性の高いビジュアル レイアウト ブロックで、おすすめのコンテンツ コレクションや編集者の推奨事項を表示するように設計されています。目立つヒーロー画像と隣接する凝縮されたアイテムを組み合わせることで、ブランド表現を高める動的なブラウジング構造が作成されます。

構成

スポットライト セクションは、次の 2 つの主要なレイアウト コンポーネントで構成されています。

  • メイン画像: 片側に表示される、目立つ単一のビジュアル グラフィック。
  • 凝縮されたアイテム: ヒーロー画像のすぐ横にレンダリングされる、凝縮されたアイテムのコンパニオン列。
hero

1. ヒーロー画像

2. 縮小されたアイテム

UX の要件

すべてのアプリで安全で一貫したエクスペリエンスを確保するため、次の設計要件に準拠してください。

要件レベル

コンテンツ

必須

ヒーロー画像と、少なくとも 1 つの要約されたアイテムを含めます。

必須

ヒーロー画像がアルバム アートなどの視覚的なコンテキストをサポートする機能として動作し、ドライバーが読まなければならないテキストが埋め込まれていないことを確認します。

すべきである

ヒーロー画像の横に少なくとも 3 つの凝縮されたアイテムを表示して、バランスの取れた視覚的に完全なレイアウトを確立します。