mcpField
A
apple-human-interface-guidelines

apple-human-interface-guidelines

github.com/milistuデザイン・UI986 回インストール14 週間前に更新
リポジトリ

apple-human-interface-guidelines について

apple-human-interface-guidelinesは、Apple各プラットフォームのUIを設計・レビューする人向けのリファレンススキルです。プラットフォーム、基礎原則、コンポーネント、パターン、テクノロジー別に情報を整理し、作業内容に応じた参照先を示します。

主な機能

  1. 01プラットフォーム別のデザイン資料
  2. 02アクセシビリティ・色・タイポグラフィの指針
  3. 03UIコンポーネントと操作パターン
  4. 04Appleテクノロジーの参照資料

活用シーン

  1. 01SwiftUIまたはUIKitのUIレビュー
  2. 02アクセシブルなフォームや設定画面の設計
  3. 03ナビゲーションやダークモードの検討
  4. 04Appleの原則をクロスプラットフォーム設計に適用

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/milistu/agent-skills --skill apple-human-interface-guidelines

インストール後、Claude Code で/apple-human-interface-guidelinesを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

reference/components/content/
components-charts.md
image-views.md
text-views.md
web-views.md
reference/components/layout-and-organization/
collections-component.md
column-views.md
components-boxes.md
components-labels.md
disclosure-controls.md
lists-and-tables.md
lockups-tvos.md
outline-views.md
split-views.md
tab-views.md
reference/components/menus-and-actions/
activity-views.md
buttons.md
context-menus.md
dock-menus.md
edit-menus.md
home-screen-quick-actions.md
menu-bar-guidelines.md
menus-design-guidelines.md
ornaments-visionos.md
pop-up-buttons.md
pull-down-buttons.md
toolbars.md
reference/components/navigation-and-search/
path-controls.md
search-fields.md
sidebars.md
tab-bars.md

詳細

Apple Human Interface Guidelines

すべての Apple プラットフォームを対象とした、包括的なデザインリファレンスです。次のような場合に、このスキルを使用してください。

  • Apple プラットフォーム向けの UI を設計またはレビューする
  • Apple の慣習に沿って SwiftUI または UIKit のコンポーネントを実装する
  • レイアウト、タイポグラフィ、カラー、アクセシビリティ、操作パターンについて判断する
  • Apple のテクノロジー(Apple Pay、HealthKit、Game Center など)を統合する
  • Web またはクロスプラットフォーム開発に Apple のデザイン原則を適用する

このスキルの使い方

  1. タスクのカテゴリ(プラットフォームのデザイン、コンポーネント、パターン、入力、テクノロジー)を特定します
  2. 以下から該当するリファレンスを探します
  3. 必要なリファレンスファイルを読み込みます
  4. アクセシビリティ、カラー、タイポグラフィなど、複数の領域に関わる項目については、コンポーネントのリファレンスと併せて関連する基礎リファレンスを読み込みます

クイックリファレンス:よくあるタスク

タスク読み込むリファレンス
ログイン/認証画面の構築foundations/privacy.md、technologies/sign-in-with-apple.md、patterns/managing-accounts.md
設定画面のデザインpatterns/patterns-settings.md、components/selection-and-input/toggles-guidelines.md
カラー/ダークモードの選択foundations/color-guidelines.md、foundations/dark-mode.md
ナビゲーションの実装components/navigation-and-search/tab-bars.md、components/navigation-and-search/sidebars.md、components/layout-and-organization/split-views.md
タイポグラフィ/テキストサイズfoundations/typography-guidelines.md、foundations/writing-guidelines.md
アクセシビリティ監査foundations/accessibility.md、technologies/voiceover-guidelines.md
フォームのデザインpatterns/entering-data.md、components/selection-and-input/text-fields.md、components/selection-and-input/pickers.md
リスト/テーブルビューの構築components/layout-and-organization/lists-and-tables.md、components/presentation/scroll-views.md
検索の追加patterns/searching-patterns.md、components/navigation-and-search/search-fields.md
アプリアイコンの作成foundations/app-icons.md
通知のデザインpatterns/managing-notifications.md、components/system-experiences/notifications-component.md
ウィジェットの構築components/system-experiences/widgets-design-guidelines.md
支払いの実装technologies/apple-pay.md、technologies/in-app-purchase.md
チャート/データ可視化のデザインpatterns/charting-data.md、components/content/components-charts.md
visionOS 向けの構築getting-started/designing-for-visionos.md、foundations/spatial-layout.md、foundations/immersive-experiences.md
モーダル表示patterns/modality-guidelines.md、components/presentation/sheets-guidelines.md、components/presentation/alerts-component.md
オンボーディングフローpatterns/onboarding.md、patterns/launching.md
ビデオ/オーディオ再生patterns/playing-video.md、patterns/playing-audio.md
ゲームデザインgetting-started/designing-for-games.md、inputs/game-controls.md、technologies/game-center.md
RTL/国際化foundations/right-to-left.md、foundations/inclusion-guidelines.md
共有/コラボレーションpatterns/collaboration-and-sharing.md、components/menus-and-actions/activity-views.md
生成 AI 機能technologies/generative-ai-guidelines.md、technologies/machine-learning-design.md

1. はじめに — プラットフォーム設計の基本

特定のプラットフォーム向けに設計を始めるときや、プラットフォームの制約(画面サイズ、入力方法、人間工学)を把握する必要があるときに参照してください。

リファレンス参照するタイミング
reference/getting-started/designing-for-ios.mdiPhone アプリの設計:ディスプレイの特性、人間工学、コントロールの配置、外観の適応
reference/getting-started/designing-for-ipados.mdiPad アプリの設計:大画面、マルチタスク、複数の入力モード、ウィジェット
reference/getting-started/designing-for-macos.mdmacOS アプリの設計:ウィンドウ管理、メニューバー、キーボードショートカット、Dock
reference/getting-started/designing-for-tvos.mdtvOS/Apple TV:8 フィート以上離れて視聴する環境、フォーカスシステム、Siri Remote、映画のようなプレゼンテーション
reference/getting-started/designing-for-visionos.mdvisionOS/Vision Pro:空間デザイン、没入度、目と手による入力、快適性
reference/getting-started/designing-for-watchos.mdwatchOS:ひと目で確認できる UI、Digital Crown、コンプリケーション、常時表示
reference/getting-started/designing-for-games.mdプラットフォーム横断のゲーム設計:テキストサイズ、操作方法、オンボーディング、アクセシビリティ

2. 基礎 — プラットフォームを横断するデザイン原則

プラットフォームを問わず適用できる中核的なデザイン原則です。多くはウェブ開発やクロスプラットフォーム開発にも当てはまります。

あらゆるプラットフォームに適用可能
リファレンス参照するタイミング
reference/foundations/accessibility.md視覚、聴覚、運動、発話、認知に関するアクセシビリティ要件とコントラスト比
reference/foundations/color-guidelines.md色の選択、テーマ設定、コントラスト、システムカラーの仕様、ダークモードの色の値
reference/foundations/dark-mode.mdダークモードの実装:適応型カラー、コントラスト(最小 4.5:1)、アイコンや画像の適応
reference/foundations/typography-guidelines.mdフォントサイズ、ウェイト、行送り、Dynamic Type の仕様、プラットフォームごとのテキストスタイル
reference/foundations/writing-guidelines.mdUX ライティング:文体とトーン、ボタンラベル、エラーメッセージ、大文字・小文字の使い分け
reference/foundations/inclusion-guidelines.mdインクルーシブな表現、多様な人々の描写、文化的配慮
reference/foundations/layout-guidelines.md視覚的階層、適応型レイアウト、セーフエリア、デバイスの寸法
reference/foundations/motion-guidelines.mdアニメーションのベストプラクティス、アクセシビリティ、フレームレート
reference/foundations/privacy.md権限の取得フロー、目的を説明する文字列、トラッキングのルール、データ保護
reference/foundations/branding-guidelines.mdブランドの組み込み:アクセントカラー、カスタムフォント、ロゴ、コンテンツを中心としたデザイン
Apple プラットフォーム固有
リファレンス参照するタイミング
reference/foundations/app-icons.mdアプリアイコンの設計:レイヤー、形状、サイズ、ダーク/色合い付き、プラットフォーム固有の仕様
reference/foundations/icons-guidelines.mdインターフェイスのアイコン/グリフ、SF Symbols の名称対応、macOS の書類アイコン
reference/foundations/images-guidelines.md画像の解像度、スケール係数、ファイル形式、tvOS のレイヤー付き画像
reference/foundations/sf-symbols.mdSF Symbols:レンダリングモード、可変カラー、ウェイト、アニメーション、カスタムシンボル
reference/foundations/materials-guidelines.mdLiquid Glass、ビブランシー、マテリアルの厚み、プラットフォーム固有のマテリアル
reference/foundations/right-to-left.mdRTL インターフェイス:テキストの配置、数字の扱い、コントロールや画像の反転
reference/foundations/spatial-layout.mdvisionOS:視野、奥行き、中心間の最小間隔 60pt
reference/foundations/immersive-experiences.mdvisionOS の没入型体験:ミックス/プログレッシブ/フル、パススルー、快適性

3. パターン — インタラクションと UX のパターン

繰り返し登場する UX パターンです。多くはApple プラットフォーム以外にも適用できます。

データとコンテンツ
リファレンス参照するタイミング
reference/patterns/charting-data.mdデータの視覚化:グラフのシンプルさ、アクセシビリティ、グラフの種類の選択
reference/patterns/entering-data.mdフォーム設計:検証、安全な入力、テキスト入力より選択肢を提示する方法
reference/patterns/searching-patterns.md検索:フィールドの配置、候補、プライバシー、Spotlight との統合
reference/patterns/file-management.md書類アプリ:自動保存、Quick Look、開く/保存ダイアログ
フィードバックとステータス
リファレンス参照するタイミング
reference/patterns/feedback-patterns.mdステータス、エラー、タスクの完了、警告
reference/patterns/loading-patterns.md進行状況インジケーター、プレースホルダーコンテンツ、バックグラウンドでのダウンロード
reference/patterns/playing-haptics.md触覚フィードバック:定義済みパターン、カスタム触覚
ライフサイクルとナビゲーション
リファレンス参照するタイミング
reference/patterns/launching.md起動画面(テキストやブランディングなし)、状態の復元
reference/patterns/onboarding.md初回起動:対話型の説明、TipKit、権限を求めるタイミング
reference/patterns/modality-guidelines.mdモーダルの使用:使用するタイミング、閉じる際の規則、モーダルの多重表示の回避
reference/patterns/going-full-screen.mdフルスクリーンモード:レイアウト、コントロールの表示、ジェスチャーの保留
reference/patterns/multitasking.mdアプリの切り替え、バックグラウンドタスク、マルチウインドウ
メディア
リファレンス参照するタイミング
reference/patterns/playing-audio.mdオーディオカテゴリ、中断、空間オーディオ
reference/patterns/playing-video.mdビデオ再生:アスペクト比、PiP、システムプレーヤー、visionOS のイマーシブビデオ
reference/patterns/live-viewing-apps.mdライブテレビ/ストリーミング:EPG、コンテンツのフッター、クラウド DVR
ソーシャルとコマース
リファレンス参照するタイミング
reference/patterns/collaboration-and-sharing.md共有ボタン、コラボレーションのポップオーバー、共有シート
reference/patterns/managing-accounts.mdログインフロー、パスキー、生体認証、アカウント削除の要件
reference/patterns/managing-notifications.md割り込みレベル、集中モード、マーケティング通知の規則
reference/patterns/ratings-and-reviews.md評価の依頼:タイミング、頻度、システムプロンプト
ユーティリティ
リファレンス参照するタイミング
reference/patterns/drag-and-drop.mdドラッグ&ドロップ:移動/コピー、視覚的フィードバック、複数アイテム、アクセシビリティ
reference/patterns/offering-help.mdTipKit、ツールチップ(macOS/visionOS)、コンテキストヘルプ
reference/patterns/printing-pattern.mdプリントアクションの配置、macOS のプリントパネルのカスタマイズ
reference/patterns/undo-and-redo.md取り消し/やり直し:複数レベル、プラットフォーム固有のショートカット/ジェスチャー
reference/patterns/patterns-settings.md設定の配置、デフォルト、macOS の設定ウインドウ
reference/patterns/workouts-pattern.mdフィットネス/ワークアウト UI:セッション画面、指標、アクティビティリング

4. コンポーネント — UI の構成要素

コンテンツ
リファレンス参照するタイミング
reference/components/content/components-charts.mdグラフコンポーネント:マークの種類、軸、色、インタラクション、アクセシビリティ
reference/components/content/image-views.md画像の表示:オーバーレイ、アニメーション、tvOS のレイヤー表示、visionOS の空間表示
reference/components/content/text-views.md複数行テキストビュー:使用場面、読みやすさ、編集
reference/components/content/web-views.md埋め込みウェブコンテンツ:ナビゲーション、ブラウザーの再現を避ける方法
レイアウトと構成
リファレンス参照するタイミング
reference/components/layout-and-organization/components-boxes.mdGroupBox/NSBox:コンテンツのグループ化、タイトル、入れ子構造
reference/components/layout-and-organization/collections-component.mdグリッド/行の視覚的なレイアウト:ギャラリー、パディング、動的な変更
reference/components/layout-and-organization/column-views.md深い階層構造に対応するmacOSのカラム(ブラウザー)ビュー
reference/components/layout-and-organization/disclosure-controls.md開閉用の三角形/ボタン:展開可能なセクション
reference/components/layout-and-organization/components-labels.md静的ラベル:色の階層(プライマリ→クォータナリ)、読みやすさ
reference/components/layout-and-organization/lists-and-tables.mdリスト/テーブル:スタイル、編集、選択、プラットフォームごとのルール
reference/components/layout-and-organization/lockups-tvos.mdtvOSのロックアップ:カード、ポスター、フォーカス時の拡大
reference/components/layout-and-organization/outline-views.mdmacOSのアウトラインビュー:階層データ、並べ替え、開閉
reference/components/layout-and-organization/split-views.md複数ペインのレイアウト:区切り線、サイズ変更、プラットフォームごとのルール
reference/components/layout-and-organization/tab-views.mdタブ付きコンテンツペイン:タブの最大数、ラベル付け、代替手段
メニューとアクション
リファレンス参照するタイミング
reference/components/menus-and-actions/activity-views.md共有シート:カスタムアクティビティ、アイコンのサイズ
reference/components/menus-and-actions/buttons.mdボタンのデザイン:ヒット領域、スタイル、役割、プラットフォームごとの種類
reference/components/menus-and-actions/context-menus.mdコンテキストメニュー:順序、プレビュー、破壊的なアクション
reference/components/menus-and-actions/dock-menus.mdmacOSのDockメニュー
reference/components/menus-and-actions/edit-menus.md編集メニュー:システム標準とカスタム、プラットフォームごとの動作
reference/components/menus-and-actions/home-screen-quick-actions.mdiOS/iPadOSの長押しクイックアクション(最大4件)
reference/components/menus-and-actions/menus-design-guidelines.mdメニューのデザイン:ラベル付け、アイコン、グループ化、サブメニュー
reference/components/menus-and-actions/ornaments-visionos.mdvisionOSのオーナメント:ウインドウに関連付けられたフローティングコントロール
reference/components/menus-and-actions/pop-up-buttons.mdポップアップボタン:相互排他的なオプションの選択
reference/components/menus-and-actions/pull-down-buttons.mdプルダウンボタン:アクションメニュー、破壊的なアクション
reference/components/menus-and-actions/menu-bar-guidelines.mdmacOS/iPadOSのメニューバー:標準メニュー、必須項目、ショートカット
reference/components/menus-and-actions/toolbars.mdツールバー:項目のグループ化、オーバーフロー、ナビゲーションバー
ナビゲーションと検索
リファレンス参照するタイミング
reference/components/navigation-and-search/path-controls.mdmacOSのパスコントロール:標準スタイル/ポップアップスタイル
reference/components/navigation-and-search/search-fields.md検索フィールド:配置、範囲コントロール、トークン
reference/components/navigation-and-search/sidebars.mdサイドバー:階層、表示/非表示、プラットフォームごとのルール
reference/components/navigation-and-search/tab-bars.mdタブバー:タブの数、バッジ、Liquid Glass、サイドバーへの適応
reference/components/navigation-and-search/token-fields.mdmacOSのトークンフィールド:テキストからトークンへの変換
プレゼンテーション
参照確認するタイミング
reference/components/presentation/action-sheets.mdアクションシート:破壊的なボタン、「キャンセル」、アラート/メニューとの違い
reference/components/presentation/alerts-component.mdアラート:タイトル、ボタンの配置、破壊的なスタイル
reference/components/presentation/page-controls.mdページインジケーター:配置、操作、カスタマイズ
reference/components/presentation/panels.mdmacOS のパネル/HUD:浮動する補助ウィンドウ
reference/components/presentation/popovers.mdポップオーバー:位置、サイズ、閉じ方
reference/components/presentation/scroll-views.mdスクロールビュー:入れ子、ページング、端のエフェクト、ズーム
reference/components/presentation/sheets-guidelines.mdシート:デテント、ボタンの配置、グラバー、モーダル/非モーダル
reference/components/presentation/windows-component.mdウィンドウ:種類、状態、visionOS のボリューム、ガラスの背景
選択と入力
参照確認するタイミング
reference/components/selection-and-input/color-wells.mdカラーピッカー/カラーウェル
reference/components/selection-and-input/combo-boxes.mdmacOS のコンボボックス
reference/components/selection-and-input/digit-entry-views.mdtvOS の PIN/数字入力
reference/components/selection-and-input/image-wells.mdmacOS のイメージウェル(ドラッグ&ドロップによる画像編集)
reference/components/selection-and-input/pickers.mdピッカー/日付ピッカー:スタイル、モード、プラットフォームごとの違い
reference/components/selection-and-input/segmented-controls.mdセグメントコントロール:モード、セグメント数の上限
reference/components/selection-and-input/sliders.mdスライダー:方向、目盛り、ラベル、円形(macOS)
reference/components/selection-and-input/components-steppers.mdステッパー:値の表示、テキストフィールドとの組み合わせ
reference/components/selection-and-input/text-fields.mdテキストフィールド:サイズ、プレースホルダー、検証、キーボードの種類
reference/components/selection-and-input/toggles-guidelines.mdトグル/スイッチ/チェックボックス/ラジオボタン
reference/components/selection-and-input/virtual-keyboards.md仮想キーボード:種類、カスタム入力ビュー、拡張機能
ステータス
参照確認するタイミング
reference/components/status/activity-rings.mdアクティビティリング:色、背景、ラベルの RGB 値
reference/components/status/gauges.mdゲージ/レベルインジケーター:スタイル、グラデーション
reference/components/status/progress-indicators.mdプログレスバー、スピナー、更新コントロール
reference/components/status/rating-indicators.md星評価(macOS のみ)
システムエクスペリエンス
参照確認するタイミング
reference/components/system-experiences/app-shortcuts.mdApp Shortcuts:Siri、Spotlight、音声操作のデザイン
reference/components/system-experiences/watchos-complications.mdwatchOS のコンプリケーション:ファミリー、画像サイズ、テンプレート
reference/components/system-experiences/controls-system-experience.mdiOS のコントロール:コントロールセンター、ロック画面、アクションボタン
reference/components/system-experiences/live-activities.mdLive Activities:構成、レイアウト、デバイスごとの寸法
reference/components/system-experiences/notifications-component.md通知コンテンツ、アクション(最大 4 つ)、バッジ、watchOS の表示スタイル
reference/components/system-experiences/status-bars.mdiOS/iPadOS のステータスバー:表示、読みやすさ
reference/components/system-experiences/top-shelf.mdtvOS の Top Shelf:テンプレート、画像の寸法
reference/components/system-experiences/watch-faces.mdwatchOS の文字盤:共有、コンプリケーション、プレビュー
reference/components/system-experiences/widgets-design-guidelines.mdウィジェット:ファミリー、サイズ、レンダリングモード、正確な寸法

5. 入力 — 操作方法

参照先確認するタイミング
reference/inputs/action-button.mdiPhone/Watch のアクションボタン:ラベル(最大3語)、動作
reference/inputs/apple-pencil-and-scribble.mdApple Pencil:ホバー、ダブルタップ、スクイーズ、スクリブル、PencilKit
reference/inputs/camera-control.mdiPhone 16 のカメラコントロール:オーバーレイ、ビューファインダーのレイアウト
reference/inputs/digital-crown.mdDigital Crown:watchOS のスクロール/ナビゲーション、visionOS でのシステム利用
reference/inputs/visionos-eyes-input.mdvisionOS の視線入力:ホバーエフェクト、間隔(中心間60pt)、快適さ
reference/inputs/focus-and-selection.mdフォーカスナビゲーション:iPadOS、tvOS(5つの状態)、visionOS
reference/inputs/game-controls.mdゲーム入力:タッチ、ゲームコントローラー、キーボード、visionOS の空間入力
reference/inputs/gestures.md各プラットフォームのジェスチャー仕様、カスタムジェスチャー、visionOS の直接/間接操作
reference/inputs/gyro-and-accelerometer.mdモーションセンシング:許可に関する文言、アクセシビリティ
reference/inputs/keyboards-guidelines.md物理キーボードのショートカット、修飾キー、フルキーボードアクセス
reference/inputs/nearby-interactions.md超広帯域無線による近接/空間認識
reference/inputs/pointing-devices.mdポインター/マウス/トラックパッド:エフェクト、ヒット領域、吸着
reference/inputs/remotes-tvos.mdSiri Remote:ジェスチャー、ボタンの動作、フォーカスとの連携

6. テクノロジー — プラットフォームとの統合

決済とコマース
参照先確認するタイミング
reference/technologies/apple-pay.mdApple Pay:ボタンの種類/スタイル/サイズ、チェックアウト、サブスクリプション
reference/technologies/in-app-purchase.mdIAP:サブスクリプション登録、オファーコード、返金、ファミリー共有
reference/technologies/tap-to-pay-on-iphone.mdTap to Pay:加盟店向けフロー、チェックアウトのUX、エラー処理
アイデンティティとプライバシー
参照先確認するタイミング
reference/technologies/sign-in-with-apple.mdAppleでサインイン:ボタン仕様(最小140×30pt)、カスタムボタン、UXフロー
reference/technologies/id-verifier.mdID Verifier:年齢/本人確認、データの最小化
reference/technologies/wallet-design-guidelines.mdWalletパス:スタイル、画像仕様、注文追跡、アイデンティティ
ヘルスケアとフィットネス
参照先確認するタイミング
reference/technologies/healthkit-guidelines.mdHealthKit:プライバシー、アクティビティリングのルール、Healthアイコンの使用
reference/technologies/carekit.mdCareKit:タスクビュー、グラフ、連絡先、ケアプラン
reference/technologies/researchkit.mdResearchKit:オンボーディングフローの順序、アンケート、アクティブタスク
メディアとコミュニケーション
参照先確認するタイミング
reference/technologies/airplay-guidelines.mdAirPlay:ストリーミング、ミラーリング、アイコン仕様、用語
reference/technologies/shareplay.mdSharePlay:アクティビティ共有、visionOSのPersonaテンプレート
reference/technologies/live-photos.mdLive Photos:フレーム調整、共有、バッジ
reference/technologies/shazamkit.mdShazamKit:マイクのプライバシー、iCloudのオプトイン
reference/technologies/imessage-apps-and-stickers.mdiMessageアプリ/ステッカー:ビュー、アイコン/ステッカーのサイズ、形式
AIと機械学習
参照先確認するタイミング
reference/technologies/generative-ai-guidelines.md生成AI:透明性、プライバシー、ハルシネーションの軽減
reference/technologies/machine-learning-design.mdMLのUX:フィードバック、キャリブレーション、信頼度、修正
プラットフォーム拡張機能
リファレンス参照するタイミング
reference/technologies/app-clips.mdApp Clips:カードの仕様、Code のサイズ、プライバシー上の制約
reference/technologies/mac-catalyst.mdMac Catalyst:iPad から Mac への適応、デバイスの種類の選択、ナビゲーションの対応付け
reference/technologies/carplay-design-guidelines.mdCarPlay:レイアウトの仕様、アイコンのサイズ、オーディオの動作
reference/technologies/siri-integration-guidelines.mdSiri/ショートカット:インテント、音声 UX、ショートカットのフレーズ、カスタム UI
アクセシビリティ
リファレンス参照するタイミング
reference/technologies/voiceover-guidelines.mdVoiceOver:代替ラベル、画像の説明、読み上げ順序、ローター
その他の統合
リファレンス参照するタイミング
reference/technologies/always-on-display.md常時表示:プライバシー保護のための情報の非表示、減光、レイアウトの一貫性
reference/technologies/augmented-reality.mdAR/ARKit:オブジェクトの配置、ガイド用オーバーレイ、マルチユーザー
reference/technologies/game-center.mdGame Center:アクセスポイント、実績、リーダーボード、画像の仕様
reference/technologies/homekit-guidelines.mdHomeKit:用語、セットアップのフロー、Siri のパターン、ブランディング
reference/technologies/icloud-guidelines.mdiCloud:同期、競合の解決、ストレージ、ゲームのセーブデータ
reference/technologies/maps-guidelines.mdMapKit:注釈、オーバーレイ、クラスタリング、場所カード
reference/technologies/nfc-guidelines.mdNFC:スキャン時の UX、用語、バックグラウンドでのタグ読み取り
reference/technologies/photo-editing-extensions.md写真編集拡張機能:ツールバー、プレビュー、キャンセルの確認

クロスプラットフォームでの適用

これらのリファレンスには、Apple プラットフォーム以外(ウェブ、Android、クロスプラットフォーム)にも役立つ原則が含まれています。

  • アクセシビリティ(foundations/accessibility.md、technologies/voiceover-guidelines.md)— コントラスト比、スクリーンリーダーのパターン、認知面への配慮
  • 色とダークモード(foundations/color-guidelines.md、foundations/dark-mode.md)— テーマ設定、コントラスト、適応型デザイン
  • タイポグラフィ(foundations/typography-guidelines.md)— 階層、サイズ設定、ダイナミックタイプの概念
  • ライティング(foundations/writing-guidelines.md)— UX の文言、エラーメッセージ、トーン
  • インクルージョン(foundations/inclusion-guidelines.md)— インクルーシブな言葉遣い、表現
  • プライバシー(foundations/privacy.md)— 許可を求めるパターン、データの最小化
  • モーション(foundations/motion-guidelines.md)— アニメーションのアクセシビリティ、視差効果の低減
  • レイアウト(foundations/layout-guidelines.md)— レスポンシブ/適応型のパターン、視覚的な階層
  • 生成 AI(technologies/generative-ai-guidelines.md)— 責任ある AI デザインの原則
  • ML デザイン(technologies/machine-learning-design.md)— 信頼度の表示、修正のパターン
  • パターン — ほとんどのパターン(オンボーディング、フィードバック、読み込み、モダリティ、検索、設定、データ入力)には、普遍的な UX の知見が反映されています

コメント