{"id":11090,"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-plan-collor-pallete\/"},"modified":"2024-09-24T02:20:07","modified_gmt":"2024-09-24T02:20:07","slug":"dark-mode-ui-best-practices-plan-collor-pallete","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2021\/12\/29\/dark-mode-ui-best-practices-plan-collor-pallete\/","title":{"rendered":"Dark Mode UI Best Practices \u2013 Plan Collor Pallete"},"content":{"rendered":"

Rencanakan penggunaan warna anda<\/h3>\n

Hindari atau batasi warna putih pada warna hitam alami. Anda dapat menggunakan hitam murni (#000) sebagai latar belakang untuk mode gelap, tetapi pastikan anda sedikit meredupkan teks. Sehingga tidak menyebabkan mata berdarah karena kontras yang tinggi. Putih alami membuat mata kita menyerap lebih banyak cahaya. Ketika ini terjadi, font<\/em> dapat menyatu dengan latar belakang dan menyebabkan teks menjadi buram, terutama pada model monitor versi lama.<\/p>\n

\"\"<\/p>\n

Beri label pada warna gelap anda<\/h3>\n

Untuk membuat mode gelap anda lebih unik, gunakan versi yang jauh lebih gelap dari warna label utama anda sebagai permukaannya. Padukan dengan font<\/em> berwarna agar terlihat lebih istimewa.\u00a0Menggabungkan warna permukaan anda dengan font<\/em> berwarna adalah pilihan yang sangat bagus untuk menciptakan pengalaman mode gelap berlabel. Menggunakan gradasi hitam dan putih saja pun bagus. Pastikan untuk membuat teks anda mudah dibaca alih-alih menjadi mewah tanpa alasan.<\/p>\n

\"\"<\/p>\n

Kurangi saturasi warna<\/h3>\n

Hindari warna yang sepenuhnya tersaturasi dalam mode gelap. Saturasi tinggi memiliki efek visual \u201cgoyangan\u201d bila dilihat pada permukaan yang lebih gelap. Sebagai gantinya, gunakan saturasi rendah atau versi warna primer anda yang sedikit diredam untuk performa terbaik.<\/p>\n

\"\"<\/p>\n

Artikel merupakan terjemahan dari artikel asli yang berjudul \u201cDark Mode UI Best Practices<\/a>\u201d oleh\u00a0Buninux<\/a>\u00a0yang diterbitkan pada situs\u00a0medium.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Rencanakan penggunaan warna anda Hindari atau batasi warna putih pada warna hitam alami. Anda dapat menggunakan hitam murni (#000) sebagai latar belakang untuk mode gelap, tetapi pastikan anda sedikit meredupkan teks. Sehingga tidak menyebabkan mata berdarah karena kontras yang tinggi. Putih alami membuat mata kita menyerap lebih banyak cahaya. Ketika ini terjadi, font dapat menyatu […]<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-11090","post","type-post","status-publish","format-standard","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11090","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=11090"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11090\/revisions"}],"predecessor-version":[{"id":11611,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11090\/revisions\/11611"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=11090"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=11090"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=11090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}