Splync 1.13: ダークモードでの視認性向上

ご存知の通り、iPhoneの外観はライトモードとダークモードの間で切り替えることができます。切り替え方法が分からない場合は、次のステップに従ってください。iPhoneの設定を開き、下にスクロールして「画面表示と明るさ」をタップします。「ライト」と「ダーク」とラベル付けされた2つのプレビュー画像が表示されます。お好みのものをタップして適用してください。これにより、環境に応じて画面の視認性と快適さをカスタマイズできます。ライトモードは最初のiPhoneから存在していました。Appleは正式にiOS 13 / iPadOS 13でiPhoneとiPadにダークモードを導入しました。この機能は、カスタマイズされたUI外観を求める多くのiPhoneユーザーを喜ばせました。ライトモードを好む人もいれば、ダークモードに情熱を注ぐ人もいます。時間に基づいて2つのモードを切り替えるオートマチックを選ぶこともできます。

アプリはライトモードでは完璧に見えても、ダークモードでは全く異なる見え方をするかもしれません。ダークモードが開発者の元々のデザイン意図を意図せずに壊し、色、コントラスト、全体的な美観に影響を与えることがあります。このため、開発者は両方のモードでインターフェースを慎重に設計しテストする必要があります。ある解決策は、ライトモードとダークモード用に別々のビューと画像アセットを用意することです。しかし、このアプローチはすぐに冗長になり、特にアプリが成長し新しいUIコンポーネントが追加されると維持が難しくなります。このため、ほとんどの開発者はこの方法を避け、両方の外観モードに自動的に適応するよりスケーラブルなソリューションに頼ります。

幸い、Appleはライトモードとダークモードの両方に自動的に適応するシステム定義色を導入しました。これらの組み込み色を使用することで、開発者はユーザーの外観設定に基づいてUI要素がシームレスに調整されることを保証できます。このため、手動で別々のデザインを管理する必要がなくなり、両方のモードで視覚的一貫性を維持できます。例えば、label、systemBackground、secondarySystemBackgroundといった色は、現在の外観に応じて動的に変化し、アプリがどの環境でも読みやすく視覚的にバランスが取れるようにしています。これが、ライトモードからダークモードに切り替えた時に、デフォルトのテキスト色が黒から白に変わる理由です。しかし、アプリがテキスト色を黒にハードコードしている場合、ダークモードでもテキストは黒のままで、ダークな背景に対してほとんど見えなくなります。この問題を防ぐために、開発者はシステム色を使用し、テキストとUI要素が各モードに適した色に自動的に適応することを確保します。

最初は、Splyncはダークモードのユーザーにとってあまり親切ではありませんでした。あるユーザーから、ダークモードでカテゴリーアイコンが見づらいという報告を受けましたが、すぐには対処できませんでした。当時はアプリのコア機能の改善に集中していたため、この視覚的な問題を優先しませんでした。そして2026年の新年を迎え、ついに詳しく調べてみました。そこで発見したのは、アイコン画像自体が真っ黒であるという単純ながら重要なことでした。技術的には、色が#000000に固定されていました。つまり、電話がどのモードを使用していても黒いままでした。したがって、ダークモードでは黒いアイコンが暗い背景に対してカモフラージュのようになっていました。さらに、アイコンの背景を柔らかくするためにコードで固定の白色を使用していました。これはライトモードでは問題なく動作しましたが、ダークモードでは不自然なコントラストを生みました。

そこで変更したことについて説明します。色を強制するのではなく、改良したコードはシステムにアイコンの色を自動的に決めさせるようにしました。ライトモードでは黒、ダークモードでは白です。さらに、各カテゴリーの色を柔らかな背景の色合いとして使い、同じカテゴリーの色で控えめな境界線を追加し、両方のモードでクリーンで読みやすく保つよう指示しました。簡単に言えば、色を強制するのをやめ、iPhoneに賢く処理させました。この改善のおかげで、カテゴリーアイコンはライトモードとダークモードに自然に適応し、視認性が高く、どの環境でも視覚的一貫性が保たれるようになりました。この修正には多くの時間を要しませんでしたが、ダークモードユーザーの長年の問題をできるだけ早く解決するために、すぐにアップデートのリリースを決定しました。

「完璧」な美的感覚は一つではありません。デザインの感覚は人それぞれです。同じ人でも、その日や時刻によって感じ方が変わることもあります。朝に素晴らしいと思ったものが、夜には気が散ることもあります。だからこそ、開発者はカスタマイズに焦点を当てる必要がありますが、同時にシンプルで直感的な使いやすさもバランスよく保つ必要があります。良いデザインは一つのスタイルを押し付けることではなく、ユーザーにとってしっくりくるものを選ばせることだと信じています。