apple-human-interface-guidelines について
apple-human-interface-guidelinesは、Apple各プラットフォームのUIを設計・レビューする人向けのリファレンススキルです。プラットフォーム、基礎原則、コンポーネント、パターン、テクノロジー別に情報を整理し、作業内容に応じた参照先を示します。
主な機能
- 01プラットフォーム別のデザイン資料
- 02アクセシビリティ・色・タイポグラフィの指針
- 03UIコンポーネントと操作パターン
- 04Appleテクノロジーの参照資料
活用シーン
- 01SwiftUIまたはUIKitのUIレビュー
- 02アクセシブルなフォームや設定画面の設計
- 03ナビゲーションやダークモードの検討
- 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.mdimage-views.mdtext-views.mdweb-views.mdreference/components/layout-and-organization/collections-component.mdcolumn-views.mdcomponents-boxes.mdcomponents-labels.mddisclosure-controls.mdlists-and-tables.mdlockups-tvos.mdoutline-views.mdsplit-views.mdtab-views.mdreference/components/menus-and-actions/activity-views.mdbuttons.mdcontext-menus.mddock-menus.mdedit-menus.mdhome-screen-quick-actions.mdmenu-bar-guidelines.mdmenus-design-guidelines.mdornaments-visionos.mdpop-up-buttons.mdpull-down-buttons.mdtoolbars.mdreference/components/navigation-and-search/path-controls.mdsearch-fields.mdsidebars.mdtab-bars.md詳細
Apple Human Interface Guidelines
すべての Apple プラットフォームを対象とした、包括的なデザインリファレンスです。次のような場合に、このスキルを使用してください。
- Apple プラットフォーム向けの UI を設計またはレビューする
- Apple の慣習に沿って SwiftUI または UIKit のコンポーネントを実装する
- レイアウト、タイポグラフィ、カラー、アクセシビリティ、操作パターンについて判断する
- Apple のテクノロジー(Apple Pay、HealthKit、Game Center など)を統合する
- Web またはクロスプラットフォーム開発に Apple のデザイン原則を適用する
このスキルの使い方
- タスクのカテゴリ(プラットフォームのデザイン、コンポーネント、パターン、入力、テクノロジー)を特定します
- 以下から該当するリファレンスを探します
- 必要なリファレンスファイルを読み込みます
- アクセシビリティ、カラー、タイポグラフィなど、複数の領域に関わる項目については、コンポーネントのリファレンスと併せて関連する基礎リファレンスを読み込みます
クイックリファレンス:よくあるタスク
| タスク | 読み込むリファレンス |
|---|---|
| ログイン/認証画面の構築 | 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.md | iPhone アプリの設計:ディスプレイの特性、人間工学、コントロールの配置、外観の適応 |
reference/getting-started/designing-for-ipados.md | iPad アプリの設計:大画面、マルチタスク、複数の入力モード、ウィジェット |
reference/getting-started/designing-for-macos.md | macOS アプリの設計:ウィンドウ管理、メニューバー、キーボードショートカット、Dock |
reference/getting-started/designing-for-tvos.md | tvOS/Apple TV:8 フィート以上離れて視聴する環境、フォーカスシステム、Siri Remote、映画のようなプレゼンテーション |
reference/getting-started/designing-for-visionos.md | visionOS/Vision Pro:空間デザイン、没入度、目と手による入力、快適性 |
reference/getting-started/designing-for-watchos.md | watchOS:ひと目で確認できる 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.md | UX ライティング:文体とトーン、ボタンラベル、エラーメッセージ、大文字・小文字の使い分け |
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.md | SF Symbols:レンダリングモード、可変カラー、ウェイト、アニメーション、カスタムシンボル |
reference/foundations/materials-guidelines.md | Liquid Glass、ビブランシー、マテリアルの厚み、プラットフォーム固有のマテリアル |
reference/foundations/right-to-left.md | RTL インターフェイス:テキストの配置、数字の扱い、コントロールや画像の反転 |
reference/foundations/spatial-layout.md | visionOS:視野、奥行き、中心間の最小間隔 60pt |
reference/foundations/immersive-experiences.md | visionOS の没入型体験:ミックス/プログレッシブ/フル、パススルー、快適性 |
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.md | TipKit、ツールチップ(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.md | GroupBox/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.md | tvOSのロックアップ:カード、ポスター、フォーカス時の拡大 |
reference/components/layout-and-organization/outline-views.md | macOSのアウトラインビュー:階層データ、並べ替え、開閉 |
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.md | macOSのDockメニュー |
reference/components/menus-and-actions/edit-menus.md | 編集メニュー:システム標準とカスタム、プラットフォームごとの動作 |
reference/components/menus-and-actions/home-screen-quick-actions.md | iOS/iPadOSの長押しクイックアクション(最大4件) |
reference/components/menus-and-actions/menus-design-guidelines.md | メニューのデザイン:ラベル付け、アイコン、グループ化、サブメニュー |
reference/components/menus-and-actions/ornaments-visionos.md | visionOSのオーナメント:ウインドウに関連付けられたフローティングコントロール |
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.md | macOS/iPadOSのメニューバー:標準メニュー、必須項目、ショートカット |
reference/components/menus-and-actions/toolbars.md | ツールバー:項目のグループ化、オーバーフロー、ナビゲーションバー |
ナビゲーションと検索
| リファレンス | 参照するタイミング |
|---|---|
reference/components/navigation-and-search/path-controls.md | macOSのパスコントロール:標準スタイル/ポップアップスタイル |
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.md | macOSのトークンフィールド:テキストからトークンへの変換 |
プレゼンテーション
| 参照 | 確認するタイミング |
|---|---|
reference/components/presentation/action-sheets.md | アクションシート:破壊的なボタン、「キャンセル」、アラート/メニューとの違い |
reference/components/presentation/alerts-component.md | アラート:タイトル、ボタンの配置、破壊的なスタイル |
reference/components/presentation/page-controls.md | ページインジケーター:配置、操作、カスタマイズ |
reference/components/presentation/panels.md | macOS のパネル/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.md | macOS のコンボボックス |
reference/components/selection-and-input/digit-entry-views.md | tvOS の PIN/数字入力 |
reference/components/selection-and-input/image-wells.md | macOS のイメージウェル(ドラッグ&ドロップによる画像編集) |
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.md | App Shortcuts:Siri、Spotlight、音声操作のデザイン |
reference/components/system-experiences/watchos-complications.md | watchOS のコンプリケーション:ファミリー、画像サイズ、テンプレート |
reference/components/system-experiences/controls-system-experience.md | iOS のコントロール:コントロールセンター、ロック画面、アクションボタン |
reference/components/system-experiences/live-activities.md | Live Activities:構成、レイアウト、デバイスごとの寸法 |
reference/components/system-experiences/notifications-component.md | 通知コンテンツ、アクション(最大 4 つ)、バッジ、watchOS の表示スタイル |
reference/components/system-experiences/status-bars.md | iOS/iPadOS のステータスバー:表示、読みやすさ |
reference/components/system-experiences/top-shelf.md | tvOS の Top Shelf:テンプレート、画像の寸法 |
reference/components/system-experiences/watch-faces.md | watchOS の文字盤:共有、コンプリケーション、プレビュー |
reference/components/system-experiences/widgets-design-guidelines.md | ウィジェット:ファミリー、サイズ、レンダリングモード、正確な寸法 |
5. 入力 — 操作方法
| 参照先 | 確認するタイミング |
|---|---|
reference/inputs/action-button.md | iPhone/Watch のアクションボタン:ラベル(最大3語)、動作 |
reference/inputs/apple-pencil-and-scribble.md | Apple Pencil:ホバー、ダブルタップ、スクイーズ、スクリブル、PencilKit |
reference/inputs/camera-control.md | iPhone 16 のカメラコントロール:オーバーレイ、ビューファインダーのレイアウト |
reference/inputs/digital-crown.md | Digital Crown:watchOS のスクロール/ナビゲーション、visionOS でのシステム利用 |
reference/inputs/visionos-eyes-input.md | visionOS の視線入力:ホバーエフェクト、間隔(中心間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.md | Siri Remote:ジェスチャー、ボタンの動作、フォーカスとの連携 |
6. テクノロジー — プラットフォームとの統合
決済とコマース
| 参照先 | 確認するタイミング |
|---|---|
reference/technologies/apple-pay.md | Apple Pay:ボタンの種類/スタイル/サイズ、チェックアウト、サブスクリプション |
reference/technologies/in-app-purchase.md | IAP:サブスクリプション登録、オファーコード、返金、ファミリー共有 |
reference/technologies/tap-to-pay-on-iphone.md | Tap to Pay:加盟店向けフロー、チェックアウトのUX、エラー処理 |
アイデンティティとプライバシー
| 参照先 | 確認するタイミング |
|---|---|
reference/technologies/sign-in-with-apple.md | Appleでサインイン:ボタン仕様(最小140×30pt)、カスタムボタン、UXフロー |
reference/technologies/id-verifier.md | ID Verifier:年齢/本人確認、データの最小化 |
reference/technologies/wallet-design-guidelines.md | Walletパス:スタイル、画像仕様、注文追跡、アイデンティティ |
ヘルスケアとフィットネス
| 参照先 | 確認するタイミング |
|---|---|
reference/technologies/healthkit-guidelines.md | HealthKit:プライバシー、アクティビティリングのルール、Healthアイコンの使用 |
reference/technologies/carekit.md | CareKit:タスクビュー、グラフ、連絡先、ケアプラン |
reference/technologies/researchkit.md | ResearchKit:オンボーディングフローの順序、アンケート、アクティブタスク |
メディアとコミュニケーション
| 参照先 | 確認するタイミング |
|---|---|
reference/technologies/airplay-guidelines.md | AirPlay:ストリーミング、ミラーリング、アイコン仕様、用語 |
reference/technologies/shareplay.md | SharePlay:アクティビティ共有、visionOSのPersonaテンプレート |
reference/technologies/live-photos.md | Live Photos:フレーム調整、共有、バッジ |
reference/technologies/shazamkit.md | ShazamKit:マイクのプライバシー、iCloudのオプトイン |
reference/technologies/imessage-apps-and-stickers.md | iMessageアプリ/ステッカー:ビュー、アイコン/ステッカーのサイズ、形式 |
AIと機械学習
| 参照先 | 確認するタイミング |
|---|---|
reference/technologies/generative-ai-guidelines.md | 生成AI:透明性、プライバシー、ハルシネーションの軽減 |
reference/technologies/machine-learning-design.md | MLのUX:フィードバック、キャリブレーション、信頼度、修正 |
プラットフォーム拡張機能
| リファレンス | 参照するタイミング |
|---|---|
reference/technologies/app-clips.md | App Clips:カードの仕様、Code のサイズ、プライバシー上の制約 |
reference/technologies/mac-catalyst.md | Mac Catalyst:iPad から Mac への適応、デバイスの種類の選択、ナビゲーションの対応付け |
reference/technologies/carplay-design-guidelines.md | CarPlay:レイアウトの仕様、アイコンのサイズ、オーディオの動作 |
reference/technologies/siri-integration-guidelines.md | Siri/ショートカット:インテント、音声 UX、ショートカットのフレーズ、カスタム UI |
アクセシビリティ
| リファレンス | 参照するタイミング |
|---|---|
reference/technologies/voiceover-guidelines.md | VoiceOver:代替ラベル、画像の説明、読み上げ順序、ローター |
その他の統合
| リファレンス | 参照するタイミング |
|---|---|
reference/technologies/always-on-display.md | 常時表示:プライバシー保護のための情報の非表示、減光、レイアウトの一貫性 |
reference/technologies/augmented-reality.md | AR/ARKit:オブジェクトの配置、ガイド用オーバーレイ、マルチユーザー |
reference/technologies/game-center.md | Game Center:アクセスポイント、実績、リーダーボード、画像の仕様 |
reference/technologies/homekit-guidelines.md | HomeKit:用語、セットアップのフロー、Siri のパターン、ブランディング |
reference/technologies/icloud-guidelines.md | iCloud:同期、競合の解決、ストレージ、ゲームのセーブデータ |
reference/technologies/maps-guidelines.md | MapKit:注釈、オーバーレイ、クラスタリング、場所カード |
reference/technologies/nfc-guidelines.md | NFC:スキャン時の 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 の知見が反映されています
コメント
Markdown 対応