25日チャレンジAdvent Calendar 2024

ダークモード画面とは？

Last updated at 2024-12-22Posted at 2024-12-22

ダークモードについて

ダークモード（Dark Mode）は画面を暗くして、文字やアイコンなどを明るい色で表示するのが特徴です。
機能は多くのスマートフォン、パソコン、タブレット、アプリケーションなどに搭載されています。

目の負担を軽減する
ダークモードは、特に暗い場所での画面閲覧時に目の疲れを軽減します。
明るい背景よりも暗い背景の方が眩しさを抑えられるため、目に優しい設計です。

バッテリーの節約
OLEDやAMOLEDディスプレイを採用しているデバイスでは黒い部分が完全に消灯されるため、電力消費が抑えられる可能性があります。

視覚的な快適性
ダークモードはスタイリッシュで、多くの人にとって長時間の使用でも視覚的に快適と感じられるデザインです。

日中の視認性が低下
する明るい場所では、ダークモードだと画面の視認性が低下する場合があります。

テキストの可読性
一部やコンテンツアプリでは、濃い背景と明るい文字のコントラストが十分でないと読みづらくなることがあります。

デザインの不完全統合
一部のアプリやウェブサイトでは、ダークモードに対応していない場合があり、見た目が統一されないことがあります。

1980年代以前
コンピューターの画面は基本的に「黒い背景に緑や白の文字」が主流でした。
これはCRT（ブラウン管）ディスプレイの技術保留によるもので、当時は確実に「ダークモード」に近いものでした。
（例:1981年開発のIBMやMS-DOSなど）
1980年代後半
1984年にマウスとアイコンを使うGUI（グラフィカルユーザーインターフェース）が登場し、白背景が標準化され、現在の「ライトモード」の形が一般的になりました。

2016年
Appleは初めてiOS 9.3で「Night Shift」機能を導入し、夜間に目の負担を軽減する青色光軽減モードを提供しました。ちなみに、これは「ダークモード」とは違います。
2018年9月
AppleはmacOS Mojaveで完全なシステム全体のダークモードを初めて導入しました。
Finderやシステムアプリなど、ほぼすべてのインターフェースがダークモードに対応しました。
2019年5月
Windows 10 May2019 Updateから設定メニュー全体を含むシステム全体のダークモード（「黒」）が正式化されました。

「できるネット」さんの所にWindowsのダークモードに関する詳しい記事がありました。

2019年9月
AppleはiPhoneやiPadに関して、iOS 13から完全なダークモードが導入されました。
ユーザーは「ライトモード」と「ダークモード」を手動で切り替えたり、時間帯に応じて自動的に設定が可能です。

2020年以降
多くのサードパーティアプリ¹（例：YouTube、Twitter、Facebook、Instagramなど）がダークモードに対応しました。
これにより、個々のアプリでダークモードを設定できるようになり、ユーザーの利便性が向上しました。

2024年（今年）
Google ChromeやSafariなど主要なブラウザもダークモード対応をするようになりました。
またCSSで「prefers-color-scheme」を指定することで、ウェブサイト自体がユーザーのダークモード設定に自動対応するようになりました。

ダークモードが主流から姿を消した理由はテクノロジーの進化やデザインのトレンド、ユーザーエクスペリエンス²の変化に関連しています。

1980年代後半から1990年代にかけて、MacintoshやWindowsなどのGUI（グラフィカルユーザーインターフェース）が普及したことにより、白い背景が主流となった理由は下記です。

ダークモードを使用する人が増えた理由には、技術的な進歩やユーザーの視覚的快適性への配慮、ライフスタイルの変化などが挙げられます。

株式会社ベンチマークジャパン「日本のメルマガ購読調査2023年度版」(2023年10月発行）
こちらを見ると下記の調査結果が記載されていました。

全体の結果
45.8%の人がダークモード（ナイトモード）でメルマガを読むことがあると答えました。

年代別の結果
若い世代ほどダークモードでメルマガを読む割合が高い結果となりました。
20代の8割以上がダークモードでメルマガを読むことがあると答えており、60代と比較すると70ポイント近くも使用率が高いことが分かります。

１度は消失したダークモードですが、現在はライトモードより人気だということがわかりますね。

スマートフォン（例：iPhoneやAndroid）

PC（例：WindowsやMac）

ダークモードが再普及し始めたのがここ5年ほどなので、開発をする際にライトモードとダークモードのデザインが異なることが今も続いています。
ダークモードブームがまだまだ続きそうなので、デザインが統一することを願います。