XCode 13.2 日本語化計画 : Human Interface Guidelines

ダークモード

iOS 13.0 以降では、ダークモード と呼ばれるシステム全体のダークな外観を採用することを選択できます。ダークモード では、システムはすべてのスクリーン、ビュー、メニュー、およびコントロールにダークなカラーパレットを使用し、より鮮やかな色を使用して、前景のコンテンツを暗い背景に対して目立たせます。ダークモード は、すべてのアクセシビリティ機能をサポートしています。

[Setting(設定)] で、人々はデフォルトのインターフェイススタイルとしてダークモードを選択し、外観モード間の自動変更をスケジュール化できます。人々はシステム全体のレベルでこれらの選択を行うため、通常すべてのアプリが自分の環境設定を尊重することを期待しています。

設定で人々が選択した外観モードに準拠します。 アプリ固有の外観モードオプションを提供すると、複数の設定を調整しなければならないため、より多くの作業が必要です。さらに悪いことに、システム全体の外観の選択に応答しないため、アプリが壊れていると思われる場合があります。

ライトの外観とダークの外観の両方でデザインをテストして下さい。 インターフェイスが両方の外観でどのように見えるかを確認し、それぞれに対応するように必要に応じてデザインを調整します。一方の外観でうまく機能するデザインは、もう一方の外観では機能しない場合があります。

コントラストと透明度のアクセシビリティ設定を調整するときは、ダークモードでコンテンツが快適に読みやすい状態に保たれるようにしてください。 ダークモードでは、コントラストの増加と透明度の低下をオンにして、個別にまたは一緒にコンテンツをテストする必要があります。背景が暗いと、黒いテキストが読みにくい場所が見つかる場合があります。また、ダークモードでコントラストを上げるをオンにすると、黒いテキストと暗い背景の間の視覚的なコントラストが低下する場合があります。視力の強い人はコントラストの低いテキストを読むことができるかもしれませんが、そのようなテキストは視覚障害のある人には判読できない可能性があります。ガイダンスについては、色とコントラスト を参照してください。

ダークモードカラー

ダークモードのカラーパレットには、モード間およびアプリ間で一貫した感触を維持しながらコントラストを確保するために慎重に選択された、よりダークな背景色とよりライトな前景色が含まれています。

ダークモードでは、システムは 2 セットの背景色 (基本と高架と呼ばれる) を使用して、1 つのダークなインターフェイスが別のインターフェイスの上に重ねられたときの奥行きの知覚を強化します。基本色が暗くなると、背景のインターフェイスが後退しているように見え、高架の色が明るくなると、前景のインターフェイスが進んでいるように見えます。

システムの背景色を優先します。 ダークモードは動的であり、つまり、ポップオーバーやモーダルシートなどのインターフェイスが前景にある場合、背景色は基本から高架に自動的に変化すると言うことです。また、システムは高架の背景色を使用して、マルチタスク環境内のアプリ間およびマルチウィンドウコンテキスト内のウィンドウ間を視覚的に分離します。カスタムの背景色を使用すると、システムが提供するこれらの視覚的な違いを人々が認識しにくくなる可能性があります。

現在の外観に適応する動的な色を使用します。 セパレータ のような意味の色は、現在の外観に自動的に適応します (ガイダンスについては、動的システムカラー を参照してください)。カスタムカラーが必要な場合は、アプリのアセットカタログにカラーセットアセットを追加し、現在の外観モードに適応できるように、色のライトバリアントとダークバリアントを指定します。ハードコードされた色の値や適応しない色の使用は避けてください。

(訳注：ここで示された動的システムカラーのリンクは原文では上記に示したものとなっていますが、もしかしたら 動的システムカラー かもしれません。)