DARK MODE DESIGN PADA WEBSITE DAN APLIKASI

Desain mode gelap dapat digunakan pada berbagai media mulai dari aplikasi seluler hingga jam tangan pintar sampai dengan interface TV. Tren desain dark mode ini dapat memajukan merek Anda. Meskipun demikian, Anda perlu menggunakan mode ini secara tepat dalam desain Anda. Berikut adalah beberapa kiat saat merancang situs web atau user interface (UI) aplikasi yang menggunakan tema gelap.

Desain mode gelap tidak selalu cocok untuk semua keadaan. Dalam menggunakan dark mode, Anda perlu menyesuaikan warna desain UI dengan warna gadget Anda. Apabila warna gadget Anda mendukung mode gelap, maka Anda dapat menggunakan mode tersebut. Jika gadget Anda menggunakan spektrum warna yang luas, maka pertimbangkanlah UI yang lebih ringan. Spektrum penuh warna tidak dapat dibaca dengan menyenangkan di latar belakang gelap. Kemudian, UI mode gelap juga berguna untuk meningkatkan industri tertentu. Merek yang berfokus pada hiburan cocok untuk mode gelap dan sering dipasangkan dengan latar belakang gelap dalam kehidupan nyata. Selanjutnya, mode gelap sangat cocok untuk kondisi estetika desain minimalis dengan konten terbatas. Mode gelap juga dapat menciptakan respons emosional tertentu seperti suasana misteri atau sedikit drama. Visibilitas rendah menciptakan rasa ingin tahu dan memperkuat ketegangan secara emosional. Warna gelap dari design mode gelap membangkitkan emosi yang terkait dengan kemewahan dan kemakmuran. Jika Anda ingin menarik perhatian pada suatu hasil karya yang baik, pertimbangkan UI mode gelap.

Untuk dapat menggunakan design dark mode pada UI secara tepat, ada beberapa hal yang perlu diperhatikan. Pertama, aturlah agar tidak terlalu gelap. Hal ini dapat dipelajari dari kecenderungan penerbit buku yang tidak menggunakan kertas putih. Mengapa demikian? kontras kertas putih dengan tinta hitam yang terlalu mencolok cepat atau lambat dapat menyebabkan sakit kepala. Hal yang sama berlaku juga untuk perangkat digital. Warna mode gelap yang baik adalah nuansa abu-abu yang dipadukan dengan warna desaturasi. Kedua, kontras warna perlu diatur secara tepat. Latar belakang mode gelap harus cukup gelap untuk menampilkan teks putih. Ketiga, Anda perlu melakukan desaturasikan warna. Hindari penggunaan warna latar belakang gelap secara penuh tetapi gunakanlah warna desaturasi seperti pastel dan warna yang ditambahkan abu-abu dan putih yang disesuaikan dengan mode pencahayaannya

Selain pengaturan level gelap, kontras, desaturasi warna dalam suatu UI yang mengusung dark mode, masih ada beberapa hal lainnya yang tak kalah pentingnya untuk dapat menghasilkan UI dark mode yang menarik yaitu, Anda perlu menggunakan warna yang sifatnya “menyala” secara tepat. Yang dimaksud dengan warna “menyala” adalah warna yang biasanya digunakan untuk huruf. Apabila digunakan warna hitam sebagai latar belakangnya, maka gunakanlah wana abu-abu muda. Selanjutnya, dalam memilih dan memasangkan warna pada design UI, hindari penggunaan warna yang didapat dari sekedar membalikkan warna. Anda perlu mempertimbangkan tujuan psikologi dari warna yang Anda pilih. Kemudian, dalam design UI dark mode Anda, perlu adanya gradasi warna yang diatur hierarki visualnya seperti yang terlihat pada gambar tampilan UI Sublime Text di atas. Setelah design UI dark mode Anda selesai dirancang, lakukanlah pengujian serta evaluasi terhadap versi design tersebut dan buatlah penyesuaian berdasarkan umpan balik yang Anda terima.