{"id":11092,"date":"2021-12-29T00:00:00","date_gmt":"2021-12-29T00:00:00","guid":{"rendered":"https:\/\/binus.ac.id\/binus-digital\/2021\/12\/29\/dark-mode-ui-best-practices-intro\/"},"modified":"2024-09-24T02:20:07","modified_gmt":"2024-09-24T02:20:07","slug":"dark-mode-ui-best-practices-intro","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2021\/12\/29\/dark-mode-ui-best-practices-intro\/","title":{"rendered":"Dark Mode UI Best Practices \u2013 Intro"},"content":{"rendered":"<h3>Pengantar<\/h3>\n<blockquote><p>Apa sebenarnya mode gelap?<\/p><\/blockquote>\n<p>Mode gelap adalah tema warna ramah saat malam yang terutama berfokus pada penggunaan warna redup\/abu-abu untuk elemen permukaan dan <em>UI<\/em>. Warna lebih gelap memantulkan cahaya lebih sedikit sehingga tetap memberikan pengalaman membaca yang luar biasa. Semua ini berkat kontras yang tinggi antara elemen tajam dan permukaan halus. Sebagai pola desain, mode gelap biasanya hidup pada batasan umum pengguna sebagai pemicu. Mode gelap dirancang untuk melengkapi tema <em>default<\/em> (atau terang) sistem. Berkat motivasi yang tinggi, mode gelap menjadi sangat populer, membuat konten latar depan menonjol dibandingkan latar belakang berbayang. Tapi selain mewah, apa saja keistimewaannya?<\/p>\n<h3>Keistimewaan mode gelap<\/h3>\n<p>Tema gelap adalah langkah pemasaran yang baik untuk membuat <em>UI<\/em> anda menonjol di antara merek atau produk yang serupa. Latar belakang yang dalam dan berat dapat menjadi tambahan yang sempurna untuk visual brand anda. Mode gelap sebagai fitur, dapat membantu mengurangi ketegangan mata saat mengoperasikan produk anda. Terutama jika produk anda sarat dengan teks, mode gelap bisa membantu meningkatkan retensi dan fokus pengguna. Mode gelap berpotensi menghemat energi ponsel anda. <u>Terbukti <\/u>bahwa mode gelap menghabiskan enam kali lebih sedikit daya pada layar dengan memancarkan lebih sedikit cahaya dan, sebagai hasilnya, dapat memperpanjang masa pakai dan waktu penggunaan aplikasi anda.<\/p>\n<p>Harap dicatat, bahwa konsumsi energi sebagian besar tergantung pada jenis ponsel anda dan bukan warna ponsel. Jadi, jika anda ingin mengukur efisiensi kehematan baterai pada mode gelap \u2014 tinjau panduan pengembang untuk jenis dan layar ponsel tertentu. Para ahli mode gelap mengatakan lebih sehat untuk membaca di permukaan yang gelap, sementara penelitian lain sampai pada kesimpulan yang berlawanan. Tapi menurut saya, mode gelap hanyalah tren yang terlihat ramping dan secara teori dapat membuat <em>brand<\/em> anda lebih nyaman. Jadi tanpa basa-basi lagi, berikut adalah langkah terbaik untuk membantu membangun <em>UI<\/em> mode gelap anda.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9742\" src=\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2021\/12\/Screen-Shot-2021-12-29-at-14.47.35-590x342.png\" alt=\"\" width=\"590\" height=\"342\" \/><\/p>\n<p>Artikel merupakan terjemahan dari artikel asli yang berjudul \u201c<a href=\"https:\/\/blog.prototypr.io\/dark-mode-ui-best-practices-8101782de93f\">Dark Mode UI Best Practices<\/a>\u201d oleh\u00a0<a href=\"https:\/\/goncalodiasmm.medium.com\/\">Buninux<\/a> yang diterbitkan pada situs <a href=\"https:\/\/medium.com\/\">medium.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pengantar Apa sebenarnya mode gelap? Mode gelap adalah tema warna ramah saat malam yang terutama berfokus pada penggunaan warna redup\/abu-abu untuk elemen permukaan dan UI. Warna lebih gelap memantulkan cahaya lebih sedikit sehingga tetap memberikan pengalaman membaca yang luar biasa. Semua ini berkat kontras yang tinggi antara elemen tajam dan permukaan halus. Sebagai pola desain, [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":11093,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-11092","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=11092"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11092\/revisions"}],"predecessor-version":[{"id":11613,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11092\/revisions\/11613"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/11093"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=11092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=11092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=11092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}