レイアウト




アラートテンプレート


アラートテンプレートには、購入の確認や削除などの破壊的なアクションを実行する許可を求めるメッセージが表示されます。


アラート も参照してください。







カタログテンプレート

カタログテンプレートを使用して、映画やテレビ番組のジャンルなど、関連するアイテムのグループを表示します。人々は左側にグループのリストを表示し、右側にそのアイテムを表示するために 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





目次
Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

    プラットフォームの考慮事項

    リソース


    アプリのアイコン

    ベストプラクティス

    プラットフォームの考慮事項

    仕様

    リソース


    ブランド化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

    プラットフォームの考慮事項

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

    プラットフォームの考慮事項

    リソース


    アイコン

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    マテリアル(材料)

    ベストプラクティス

    プラットフォームに関する考慮事項

    リソース


    モーション

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

    インターフェイスアイコン

    プラットフォームの考慮事項

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

    プラットフォームの考慮事項

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

    プラットフォームの考慮事項

    仕様

    リソース


    記載

    始めましょう

    ベストプラクティス

    リソース

    変更記録




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

    プラットフォームの考慮事項

    リソース


    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

    プラットフォームの考慮事項

    リソース


    データ入力

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    フィードバック

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

    クイックルックプレビュー

    プラットフォームの考慮事項

    リソース


    全画面表示

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    起動

    ベストプラクティス

    起動画面

    プラットフォームの考慮事項

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

    プラットフォームの考慮事項

    リソース


    ロード中

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

    TV プロバイダーアカウント

    プラットフォームの考慮事項

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

    プラットフォームの考慮事項

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    助けの提供

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    搭載

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

    プラットフォームの考慮事項

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

    プラットフォームの考慮事項

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

    プラットフォームの考慮事項

    リソース


    印刷

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    格付けとレビュー

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    検索

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    設定

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    取り消しとやり直し

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    トレーニング

    ベストプラクティス

    プラットフォームの考慮事項

    リソース




    部品

    全ての部品


    コンテンツ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー


    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

    スクリーン上のキーボード

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    レベルインジケータ

    進捗インジケータ


    システムの体験

    複雑化

    ホーム画面のクイックアクション

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の表

    ウィジェット




    入力

    概観


    Apple Pencil と落書き

    ベストプラクティス

    落書きのサポート

    カスタムの描画

    プラットフォームの考慮事項

    リソース


    デジタルの竜頭

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    焦点と選択

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ゲームコントローラー

    ベストプラクティス

    ボタン

    プラットフォームの考慮事項

    リソース


    ジャイロスコープと加速度計

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    キーボード

    ベストプラクティス

    キーボードショートカット

    カスタムキーボードショートカット

    プラットフォームの考慮事項

    仕様

    リソース


    ポインティングデバイス

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    リモコン

    ベストプラクティス

    ジェスチャ

    ボタン

    互換性のあるリモコン

    プラットフォームの考慮事項

    リソース


    空間的相互作用

    ベストプラクティス

    デバイスの使用法

    プラットフォームの考慮事項

    リソース


    タッチバー

    ジェスチャ

    ベストプラクティス

    インターフェイスアイコン

    コントロールとビュー

    プラットフォームの考慮事項

    リソース


    タッチスクリーンジェスチャ

    ベストプラクティス

    標準的なジェスチャ

    プラットフォームの考慮事項

    リソース




    プラットフォーム

    概観

    iOS 用デザイン

    ベストプラクティス

    リソース


    iPadOS 用デザイン

    ベストプラクティス

    リソース


    macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

    ベストプラクティス

    リソース




    テクノロジー

    AirPlay

    序文

    アイコン

    編集者用


    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

    サブスクリプションと寄付

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化


    CarPlay

    序文

    アーキテクチャ

    操作

    視覚的デザイン

    アイコンとイメージ

    システム要素


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

    カスタムダッシュボードのリンク


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    序文

    自動更新可能なサブスクリプト


    ライブ写真

    Mac Catalyst

    序章

    アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の慣用句


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン














    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ