iOS13とiPadOS13で、AppleはついにiPhoneとiPadにシステム全体のDark Modeを導入しました。この機能は、Webサイトや対応アプリでも自動的に動作します。必要なことはすべて揃っています。

ダークモードの仕組み

ダークモードは、コントロールセンターのトグルスイッチで動作します。いつでもON/OFFできます。ダークテーマは、すべてのApple純正アプリケーションとシステムのユーザーインターフェイスでサポートされています。

Appleは真のダークモードを採用しました。つまり、UIのほとんどの場所で背景が真っ暗なのです。有機EL画面を持つiPhoneでは、iphonex、XS、x**axが二重の効果を発揮します。

まず、真っ暗な画面では白い文字が鮮明に見えます。2つ目は、黒背景は画素を光らせないため、結果的に電池の消耗を少し抑えることができることです。X、XS、XS-Maxを除くiPhone、ipadの液晶ディスプレイは、iphonexr、iphonex-Maxを含む他のiPhoneと同じで、バッテリー駆動時間に差はありません。しかし、Webサイトでは白い背景やカラフルな写真を中心に利用することが多いため、ほとんどの人が大きなバッテリー節約を実感することはできません。

また、Appleは、暗いモードと明るいモードに応じて自動的に変化するダイナミックな壁紙を新たに追加しました。設定アプリの壁紙選択画面の「静止画」の項目で確認できます。

関連記事：iOS 13を使うとiPhoneが欲しくなる理由はこれだ

ダークモードを有効にする方法

iOS 13またはiPadOS 13にアップグレードしたiPhoneまたはiPadをセットアップする際、新しい外観の画面が表示されます。ここで、「Dark」テーマを選択すると、最初からダークモードが有効になります。

ただし、ダークモードとライトモードは、コントロールセンターまたは設定アプリからいつでも切り替えることも可能です。コントロールセンターを使用して切り替えるには、「明るさ」スライダーの上で3D Touch/Tactile Touchを長押しします。

そこから「外観」ボタンをクリックします。

設定」アプリからダークモードを有効にするには、「ディスプレイと明るさ」セクションに移動し、メニューの一番上に「外観」オプションが表示されます。

その下に、「自動」のトグルがあります。ダークモードを有効にすると、日没時またはカスタマイズした時間帯に自動的に起動するように設定できます。オプション」ボタンをクリックすると、スケジュールをカスタマイズすることができます。

Webサイトやアプリケーションでのダークモードの仕組み

macOS Mojaveと同様、iOS 13とiPadOS 13ではダークモードが共通です。ウェブサイトがCSSダークモードをサポートしている場合、Safariは自動的にダークテーマ版を読み込みます（下のスクリーンショットをご覧ください）。

この機能はデフォルトで有効になっています。無効にしたい場合は、設定>Safari>高度な機能>実験的な機能"ダークモードCSSサポート "機能を無効にしてください。

iOS 13、iPadOS 13用のアプリも同様です。スイッチを入れると、アプリは自動的にダークモードに切り替わります。2019年秋にiOS 13がリリースされれば、正確な仕組みや、このシステム機能を上書きして特定のアプリを常にライトモードで開くように強制することが可能かどうかなど、より詳細な情報が得られると思います。

ios 13とipados 13のダークモードインターフェース

Appleは、ダークモードでも動作するように、いくつかの主要なインターフェース要素を変更しました。スキューモーフィックというわけではありませんが、Appleは昔のiOS 6の頃の影やテクスチャーの要素を復活させました。

例えば、アプリストアやミュージックなどのパネルを開くと、現在の画面の上部にスライドして表示されます。まだ底が覆われていないところが見えますね。

Safariでは、新しい共有パネルを開くと、Appleはページをフェードアウトさせます。タブといえば、Appleは、選択されたタブと選択されていないタブの違いを深さで表示するようになりました。読みやすくするために、Appleは背景を真黒にしかしていません。

一般に、インタラクティブなインターフェースの要素は、実際にはグレーにシェーディングされているものがほとんどです。このグレーの色合いは、システムUI全体（通知、ウィジェット、コントロールセンターの背景を含む）に見られます。

Apple Stockアプリのダークモード

Appleの純正アプリは、サードパーティーのデベロッパーにインスピレーションとフレームワークを提供します。Appleが自社のアプリにどのようにDark Modeを実装したかを見れば、今後サードパーティーのアプリがどのようにDark Modeに対応するかが見えてくるでしょう。

メッセージ」アプリケーションは、ダークモードをうまく実装することで、その良さを実感できる良い例です。メサージュのトゥルーブラックの背景は、ブルーのアクセントカラーと非常によくマッチしています。

ダークサイドへようこそ

ios13とipados13のダークモードは、何年もかけて完成に至ったデザインの変更と微調整の積み重ねです。Watchアプリから始まったものは、今やOS全体に広がっています。

近々、Appleの主要OSすべてでダークモードが利用できるようになるため、Appleが今後どのようにデザインを改善し、変化させていくのかが注目されます。

Apple iOS 13およびiPadOS 13は、現在ベータ版として提供されており、2019年秋頃に安定版OSアップデートとして提供される予定です。