Splync 1.13: Peningkatan Visibilitas di Dark Mode

Seperti yang Anda ketahui, Anda dapat mengubah tampilan iPhone Anda antara Mode Terang dan Mode Gelap. Jika Anda tidak yakin cara mengubahnya, ikuti langkah-langkah berikut: Buka Pengaturan iPhone Anda, gulir ke bawah, dan ketuk Tampilan & Kecerahan. Anda akan melihat dua gambar pratinjau berlabel Terang dan Gelap. Ketuk yang Anda suka untuk menerapkannya. Ini memungkinkan Anda menyesuaikan layar untuk visibilitas dan kenyamanan yang lebih baik tergantung pada lingkungan Anda. Mode Terang telah ada sejak iPhone pertama. Apple secara resmi memperkenalkan Mode Gelap ke iPhone dan iPad dengan iOS 13 / iPadOS 13 pada September 2019. Fitur ini menyenangkan banyak pengguna iPhone dengan tampilan UI yang disesuaikan. Beberapa orang lebih suka Mode Terang, sementara yang lain sangat menyukai Mode Gelap. Anda juga dapat memilih Otomatis, yang beralih antara dua mode berdasarkan waktu.

Sebuah aplikasi mungkin terlihat sempurna di Mode Terang tetapi tampak berbeda di Mode Gelap. Dalam beberapa kasus, Mode Gelap dapat mengganggu desain asli pengembang, mempengaruhi warna, kontras, dan estetika keseluruhan. Ini berarti pengembang harus merancang dan menguji antarmuka mereka dengan cermat di kedua mode untuk memastikan pengalaman yang konsisten dan menyenangkan bagi semua pengguna. Salah satu solusi yang mungkin adalah mempersiapkan tampilan dan aset gambar terpisah untuk Mode Terang dan Mode Gelap. Namun, pendekatan ini cepat menjadi tidak efisien dan sulit dipertahankan, terutama seiring pertumbuhan aplikasi dan penambahan komponen UI baru. Oleh karena itu, sebagian besar pengembang menghindari metode ini dan lebih mengandalkan solusi yang lebih dapat diskalakan yang secara otomatis menyesuaikan dengan kedua mode tampilan.

Untungnya, Apple memperkenalkan warna yang didefinisikan sistem yang secara otomatis menyesuaikan dengan Mode Terang dan Mode Gelap. Dengan menggunakan warna bawaan ini, pengembang dapat memastikan elemen UI mereka menyesuaikan dengan mulus berdasarkan pengaturan tampilan pengguna. Ini menghilangkan kebutuhan untuk mengelola desain terpisah secara manual dan membantu menjaga konsistensi visual di kedua mode. Misalnya, warna seperti label, systemBackground, dan secondarySystemBackground secara dinamis berubah tergantung tampilan saat ini, memungkinkan aplikasi tetap dapat dibaca dan seimbang secara visual di lingkungan mana pun. Itulah sebabnya, ketika Anda beralih dari Mode Terang ke Mode Gelap, warna teks default berubah dari hitam menjadi putih. Namun, jika sebuah aplikasi menghardcode warna teksnya menjadi hitam, teks akan tetap hitam bahkan di Mode Gelap, membuatnya hampir tidak terlihat di latar belakang gelap. Untuk mencegah masalah ini, pengembang mengandalkan warna sistem, memastikan bahwa teks dan elemen UI secara otomatis menyesuaikan dengan warna yang tepat untuk setiap mode.

Splync awalnya tidak ramah untuk pengguna Mode Gelap. Ketika seorang pengguna melaporkan bahwa ikon kategori sulit dilihat di Mode Gelap, saya tidak bisa mengatasinya segera. Saat itu, saya fokus pada peningkatan fitur inti aplikasi, jadi saya tidak memprioritaskan masalah visual ini. Kemudian, tahun baru 2026 tiba, dan saya akhirnya melihat lebih dekat. Apa yang saya temukan sederhana tapi penting: gambar ikon itu sendiri berwarna hitam pekat. Secara teknis, warna ini dikunci pada warna #000000. Ini berarti mereka tetap hitam apa pun mode yang digunakan ponsel. Jadi di Mode Gelap, ikon hitam berada di latar belakang gelap seperti kamuflase. Selain itu, saya juga menggunakan warna putih tetap dalam kode saya untuk melembutkan latar belakang ikon. Ini bekerja dengan baik di Mode Terang, tapi di Mode Gelap menciptakan kontras canggung dan terasa tidak alami.

Jadi inilah yang saya ubah. Alih-alih memaksakan warna, kode yang sudah direvisi memberi tahu aplikasi untuk membiarkan sistem menentukan warna ikon secara otomatis; Hitam di Mode Terang dan Putih di Mode Gelap. Selain itu, kode tersebut memberi tahu aplikasi untuk menggunakan warna masing-masing kategori sebagai latar belakang lembut, menambahkan batasan halus dengan menggunakan warna kategori yang sama, dan menjaga semuanya tetap bersih dan terbaca di kedua mode. Secara sederhana, saya berhenti memaksakan warna dan membiarkan iPhone menanganinya dengan cerdas. Berkat perbaikan ini, ikon kategori kini beradaptasi secara alami ke Mode Terang dan Mode Gelap, membuatnya terlihat jelas dan konsisten secara visual di lingkungan mana pun. Perbaikan ini tidak memakan waktu lama, tetapi saya memutuskan untuk merilis pembaruan segera agar masalah yang telah lama ditunggu untuk pengguna Mode Gelap akhirnya dapat diselesaikan secepat mungkin.

Tidak ada estetika yang "sempurna". Setiap orang memiliki selera desain yang berbeda. Bahkan orang yang sama mungkin merasa berbeda tergantung pada hari — atau bahkan waktu. Apa yang terlihat bagus di pagi hari mungkin terasa mengganggu di malam hari. Itulah sebabnya pengembang harus fokus pada kustomisasi, sambil tetap menyeimbangkannya dengan penggunaan yang sederhana dan intuitif. Desain yang baik bukan tentang memaksakan satu gaya. Ini tentang membiarkan pengguna memilih apa yang terasa tepat bagi mereka — Itulah yang saya yakini.