レイアウト
アラートテンプレート
アラートテンプレートには、購入の確認や削除などの破壊的なアクションを実行する許可を求めるメッセージが表示されます。
アラート も参照してください。
カタログテンプレート
カタログテンプレートを使用して、映画やテレビ番組のジャンルなど、関連するアイテムのグループを表示します。人々は左側にグループのリストを表示し、右側にそのアイテムを表示するために 1 つに焦点を合わせます。
コンパイルテンプレート
コンパイルテンプレートには、アルバムの曲やプレイリストのトラックなど、アイテムに含まれる要素が表示されます。このテンプレートは、オーディオ関連のコンテンツを表示する場合に特に効果的です。
説明的なアラートテンプレート
説明的なアラートテンプレートは、利用規約への同意や閲覧などのアクションの実行をユーザーに求める長いメッセージを表示します。
見せて、告げないで。 可能な限り、説明的なアラートテキストは避けてください。イメージなど、よりわかりやすい方法で同じ情報を提示することを目指します。
アラートを短くし、人々にスクロールさせないようにします。 離れたスクリーンでたくさんのテキストを読むと、目を痛め、あまり楽しくありません。あなたのアプリが表示するテキストの量を最小限に抑えます。
メッセージがスクロール可能である場合は、ボタンを並べて配置します。 このレイアウトでは、上下にスクロールするとテキストがスクロールし、左右にスクロールするとボタン間でフォーカスが切り替わります。
ガイダンスについては、アラート を参照してください。
フォームテンプレート
フォームテンプレートには、キーボードと、視聴者が名前や電子メールアドレスなどの情報を入力できる 1 つ以上のテキストフィールドが表示されます。
テキストと検索 も参照してください。
(*)このリンク、実際はどこにリンクしていたのかは不明である。
リストテンプレート
リストテンプレートには、映画やテレビ番組などのアイテムのリストが右側に表示されます。人々は 1 つのアイテムに焦点を合わせて、左側にあるアートワークや説明などの関連コンテンツを表示します。
ロードテンプレート
サーバーがコンテンツを取得している間、ロードテンプレートには進捗インジケータと説明テキストが一時的に表示されます。何かが起こっていることを人々に知らせるので、あなたのアプリがフリーズしているようには見えません。
簡潔で有益なテキストをロードし続けます。 ロードが速いと、テキストが消える前に長いテキストを読む時間がないため、何かを見逃したように感じる可能性があります。
進捗インジケータ も参照してください。
メニューバーテンプレート
メニューバーテンプレートは、コンテンツへのエントリページなどの最上位レベルのナビゲーション用に設計されています。上部にアイテムのメニューが含まれています。人々はメニューの下の関連コンテンツを見るためにアイテムに焦点を合わせます。
メニューバーをすっきり保ちます。 表示するアイテムを追加するたびに、選択肢が増え、アプリの複雑さが増します。
メニュー項目をスクリーン上に表示します。 メニューバーにフォーカスがある場合は、そのすべてのアイテムが表示されていることを確認してください。一般に、コンテンツが混雑してアイテムがスクリーンからスクロールアウトするのを防ぐために、含めるのは短いラベルの付いたアイテムを 7 つ以下にします。
タブバー も参照してください。
パレードテンプレート
パレードテンプレートには、特定のジャンルの映画やアルバムなど、コンテンツの焦点を絞ったグループ化のための回転プレビューが表示されます。グループ化のリストは右側に表示されます。人々は 1 つのグループに焦点を合わせて、左側の要素の操作できない回転プレビューを表示します。
製品テンプレート
製品テンプレートは、映画、テレビ番組、またはその他の製品を宣伝します。通常、製品のイメージ、背景、および説明情報が含まれます。製品コンテンツの下の棚には関連製品が表示され、人々は下にスクロールして配役たちのリスト、格付け、レビューなどの詳細情報を表示できます。
背景をカスタマイズする場合は、あなたの他のコンテンツと衝突しないようにしてください。 背景をカスタマイズする前に、イメージとテキストの色を慎重に検討してください。デフォルトでは、背景には製品イメージのぼやけたコピーが表示され、補完的な視覚効果が得られます。
製品バンドルテンプレート
製品バンドルテンプレートは、一連の関連するテレビ番組、映画、およびその他の製品を宣伝します。通常、イメージ、背景、説明情報が含まれます。コンテンツの下の棚には、TV シーズンのエピソードなど、バンドルに含まれる製品が表示されます。人々は下にスクロールして、キャストなどのリスト、格付け、レビューなどの詳細情報を表示できます。
格付けテンプレート
格付けテンプレートを使用すると、人々は映画や曲などの特定のアイテムの評価を調整できます。
検索テンプレート
検索テンプレートを使用すると、人々はコンテンツを検索して結果を表示できます。検索フィールド、キーボード、および結果のリストが含まれています。
スタックテンプレート
スタックテンプレートには、さまざまなジャンルの映画などの製品のグループが行に表示されます。製品の各グループは、前のグループのすぐ下に表示されます。
アラートテンプレート |
カタログテンプレート |
コンパイルテンプレート |
説明的なアラートテンプレート |
フォームテンプレート |
リストテンプレート |
ロードテンプレート |
メニューバーテンプレート |
パレードテンプレート |
製品テンプレート |
製品バンドルテンプレート |
格付けテンプレート |
検索テンプレート |
スタックテンプレート |
2列 | 3列 | 4列 | 5列 | 6列 | 7列 | 8列 | 9列 |
3列のグリッド
属性 | 値 |
焦点の合っていないコンテンツの幅 | 560pt |
水平方向の間隔 | 40pt |
最小垂直間隔 | 100pt |
4列のグリッド
属性 | 値 |
焦点の合っていないコンテンツの幅 | 410pt |
水平方向の間隔 | 40pt |
最小垂直間隔 | 100pt |
5列のグリッド
属性 | 値 |
焦点の合っていないコンテンツの幅 | 320pt |
水平方向の間隔 | 40pt |
最小垂直間隔 | 100pt |
6列のグリッド
属性 | 値 |
焦点の合っていないコンテンツの幅 | 260pt |
水平方向の間隔 | 40pt |
最小垂直間隔 | 100pt |
7列のグリッド
属性 | 値 |
焦点の合っていないコンテンツの幅 | 217pt |
水平方向の間隔 | 40pt |
最小垂直間隔 | 100pt |
8列のグリッド
属性 | 値 |
焦点の合っていないコンテンツの幅 | 184pt |
水平方向の間隔 | 40pt |
最小垂直間隔 | 100pt |
9列のグリッド
属性 | 値 |
焦点の合っていないコンテンツの幅 | 160pt |
水平方向の間隔 | 40pt |
最小垂直間隔 | 100pt |