概要
- Light mode の歴史と進化についての考察
- MacOS のUI明度推移を独自に計測・グラフ化
- Dark mode 利用開始の経緯と背景
- 明度インフレ のデザイン的課題と個人的感想
- 適切なUIカラー選択への提案
昔の「Light mode」とその変化
- 昔は「 Light mode」という呼び名はなく、 標準的な画面表示 として認識
- 一部のアプリ( エディタ、IDE、ターミナル)は暗色系だったが、他は明色が主流
- 時代とともに Light modeの明度が徐々に上昇 している現象
MacOS UI明度の独自調査
-
MacOS Screenshot Library (512 Pixels)から各バージョンのスクリーンショットを取得
-
画像を 代表的なウィンドウ部分 にクロップし、 Pillow で平均明度を計測
- Pythonコード例:
avg_lightness = int(stat.mean[0])
- Pythonコード例:
-
壁紙や色合い補正 は考慮せず、単純なグレースケール平均値で比較
-
リリース年ごとに明度をグラフ化 し、Light modeとDark modeの変遷を可視化
- 2009年から2025年にかけて UIの明度が一貫して上昇
- 2012年の Snow Leopard では平均明度71%
- 最新の MacOS Tahoe では100%に到達
測定結果の限界と補足
- グラフは ウィンドウ枠(chrome) の明度のみを対象
- 実際の利用体験を反映するには アプリ全体の明度 や 非アクティブウィンドウ の色も考慮必要
- 例:Tahoeの非アクティブ設定ウィンドウの最暗色でも97%明度
- Snow Leopardの同等部分は90%で、当時はウィンドウ枠の方が暗色
Dark mode利用開始の経緯
- エディタやターミナル では昔からダーク背景を使用
- システム全体の Dark mode は2018年の MacOS Mojave から導入
- 2020年末、 M1 MacBook Air 導入時にDark modeへ完全移行
- Big Sur で明度が85%から97%へ上昇したことがきっかけ
明度インフレのデザイン的課題
- より明るいデザイン の方が一見「クリーン」に感じやすい心理
- 実際に自サイトのデザイン調整時も 明度を上げがちな傾向
- Dark mode でも「より暗い」方が「かっこいい」と感じやすい
- デザイン教育では この誘惑に抗う術 を学ぶ必要
HDR技術と今後の懸念
- iOS 26 では一部UI要素が HDRディスプレイ で100%超の白色を表示
- 現状は控えめだが、 さらに明度がインフレする可能性
- HDR写真 と SDR UI の比較で、SDRが「灰色で寂しく」感じる現象
個人的なUIカラーへの要望
-
長時間 MacOS を見る仕事では、 100%白のUI は目に負担
-
ただし Dark mode も「全てが真っ黒」になり、 ウィンドウ間のコントラスト が失われる課題
-
過去のデザインで好みなのは Yosemite のフラット&ブラー効果
- 皮肉にもYosemiteは過去最大級の明度上昇時期
-
UIやWebサイトを作るなら、思い切って50%グレーを選択
- 目の負担軽減への提案
まとめ
- Light mode は年々明るくなっている傾向
- 明度インフレ にはデザイン的注意が必要
- Dark mode 一辺倒も万能ではなく、 中間色(グレー) の活用を推奨