Tuesday, August 16, 2022
spot_imgspot_imgspot_imgspot_img
HomeVisual DesignTips Dalam Membuat Dark Mode!

Tips Dalam Membuat Dark Mode!

Dark mode atau mode gelap menjadi salah satu fitur yang banyak diminati beberapa tahun terakhir. Dark mode merupakan mode tambahan yang dapat digunakan untuk memperlihatkan tampilan gelap di UI. Ketika Anda menggunakan mode ini, cahaya yang dipancarkan oleh layar perangkat akan dikurangi namun desain tetap dapat mempertahankan raiso warna yang dibutuhkan untuk readability. Dark mode juga meningkatkan visual ergonomics dengan mengurangi ketegangan mata dan memfasilitasi layar agar bisa menyesuaikan dengan kondisi cahaya sehingga dapat membuat nyaman penggunanya.

Kelebihan Desain Dark Mode

Seperti yang kita ketahui, saat ini sebagian besar orang menghabiskan banyak waktu untuk melihat layar perangkat digital mereka, baik itu smartphone atau pun dekstop. Dengan hadirnya dark mode ini, pengguna dapat mengistirahatkan mata yang lelah karena harus melihat layar yang terang.

Mode memiliki berbagai kelebihan. Apple mengatakan bahwa mode gelap dapat membuat pengguna menjadi lebih fokus pada pekerjaan. Begitu pula dengan Microsoft yang menyatakan bahwa mode gelap dapat mengurangi ketegangan mata dan menghemat daya baterai yang digunakan.

Berdasarkan data yang diperoleh dari business2community.com, terlalu lama melihat layar yang terang dapat memberikan beberapa dampak seperti ketegangan mata, mata kering, pusing, dan lain-lain. Jadi, tidak ada salahnya jika Anda menambahkan desain dark mode pada aplikasi atau sistem yang akan Anda kembangkan.

dark mode
Sumber: www.business2community.com

Tips Membuat Desain Dark Mode

  1. Hindari warna hitam atau pure black

Membuat desain dark mode bukan berarti Anda bisa menggunakan warna putih dengan warna hitam pekat seperti # 000000 sebagai latar belakangnya. Warna-warna tersebut kadang justru bisa membuat mata pengguna menjadi tidak nyaman. Sebagai gantinya, sebaiknya Anda menggunakan warna abu-abu gelap untuk warna utama komponen. Warna abu-abu gelap seperti # 121212 dapat mengurangi ketegangan mata sehingga teks berwarna terang akan lebih nyaman untuk dibaca.

  1. Hindari saturated color atau warna jenuh

Saturated color dapat terlihat bagus pada latar yang terang, namun tidak sesuai pada latar gelap karena membuat teks menjadi sulit untuk dibaca. Oleh karenanya, desaturate warna primer untuk membuat kontras yang pas. Gunakan tone yang lebih terang yaitu diantara range 200-50 karena warna-warna tersebut memiliki readability yang baik untuk dark mode.

RELATED ARTICLES

Most Popular

Recent Comments