{"id":3130,"date":"2022-11-09T04:11:17","date_gmt":"2022-11-09T04:11:17","guid":{"rendered":"https:\/\/www.jagowebdesign.com\/website\/?p=3130"},"modified":"2022-11-09T04:37:09","modified_gmt":"2022-11-09T04:37:09","slug":"dark-mode-pada-web-design","status":"publish","type":"post","link":"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/","title":{"rendered":"Ingin Memakai Dark Mode pada Web Design? Ikuti Dulu 4 Tipsnya!"},"content":{"rendered":"\n

Ingin Memakai Dark Mode <\/em>pada Web Design? <\/em>Ikuti Dulu 4 Tipsnya!<\/a><\/strong> Selama beberapa tahun terakhir, dark mode <\/em>atau mode gelap menjadi fitur yang diminati di dunia teknologi. Bukan cuma di smartphone <\/em>dan tablet<\/em>, mode ini juga merambah hingga ke software <\/em>dan website<\/em>. Akan tetapi, tak sedikit orang yang mempertanyakan efektivitas pemakaian dark mode <\/em>pada web design<\/em>. Apa memang ada fungsinya atau hanya sekedar ikut tren?<\/p>\n\n\n\n

Melalui artikel ini, kita akan mengetahui pemakaian dark mode <\/em>sebagai elemen desain website<\/em> dan serangkaian tips dalam penerapannya!<\/p>\n\n\n\n

<\/a>Mengapa Memakai Dark Mode Pada Website?<\/em><\/strong><\/h2>\n\n\n\n

Ketika mengaktifkan dark mode<\/em>, cahaya pada layar perangkat akan dikurangi. Meski begitu, desainnya tetap mempertahankan rasio warna untuk menjaga tingkat readability<\/em>. Sejumlah produsen perangkat elektronik pun memakai dark mode<\/em> untuk meningkatkan visual ergonomis. Pasalnya, fitur ini dianggap mampu menyesuaikan pencahayaan agar pengguna nyaman beraktivitas. Selain itu, ketegangan mata juga ikut berkurang.<\/p>\n\n\n\n

Baca : Rekomendasi Font yang Cocok Untuk Desain atau Website Kamu<\/a><\/strong><\/p>\n\n\n\n

Perusahaan teknologi seperti Apple dan Microsoft belakangan gencar memakai dark mode <\/em>pada desain software <\/em>maupun website<\/em>-nya. Menurut Apple, dark mode <\/em>membantu meningkatkan fokus orang-orang pada pekerjaannya. Sementara Microsoft mengandalkannya untuk menghemat daya baterai pada perangkat.<\/p>\n\n\n\n

Apa Saja Tips Memakai Dark Mode <\/em>Untuk Web Design?<\/em><\/strong><\/h1>\n\n\n
\n
\"Dark<\/a>
Dark Mode Untuk Web Design?<\/em><\/figcaption><\/figure><\/div>\n\n\n

Berencana mengaplikasikan dark mode <\/em>pada web design? <\/em>Walau sekilas tampak keren serta kekinian, dark mode <\/em>yang digunakan tanpa perhitungan justru akan merusak desain website<\/em>. Untuk itu, Anda perlu memperhatikan hal-hal berikut supaya hasilnya tak mengecewakan:<\/p>\n\n\n\n

<\/a>1.  <\/strong>Hindari Pemakaian Pure Black<\/strong><\/h3>\n\n\n\n

Meski dinamakan dark mode<\/em>, bukan berarti Anda bisa menggunakan warna hitam pekat sebagai salah satu warna utamanya. Justru warna seperti pure black <\/em>(#000000) harus dihindari karena akan menimbulkan ketidaknyamanan pada pengguna. Sebaiknya, pilih warna seperti abu-abu gelap (#121212) yang membuat teks lebih terang, tetapi tak akan membuat Anda terganggu membacanya. Gunakan perpaduan warna pada website<\/a> yang tepat sehingga dalam mode gelap hasilnya bisa tetap maksimal.<\/p>\n\n\n\n

<\/a>2.  <\/strong>Jangan Gunakan Saturated Color<\/strong><\/h3>\n\n\n\n

Selain warna hitam pekat, saturated color <\/em>atau warna jenuh adalah pilihan lain yang sebaiknya dihindari. Hal ini disebabkan saturated color <\/em>akan semakin menyulitkan Anda membaca teks. Sebagai solusi, pakai desaturated color <\/em>pada warna primer yang akan menghasilkan kontras pas. Kemudian, pasang tone <\/em>lebih terang di antara range <\/em>200 sampai 50 untuk mempertahankan readability<\/em>.<\/p>\n\n\n\n

<\/a>3.  <\/strong>Ikuti Standar Rasio Kontras yang Disarankan<\/strong><\/h3>\n\n\n\n

Kemudian, untuk menghasilkan dark mode <\/em>pada web design<\/em><\/a> <\/em>yang baik, pastikan untuk mengikuti rasio kontras yang disarankan. Untuk warna putih pada teks, misalnya, rasio yang disarankan adalah 15:8:1. Sementara kalau Anda memakai warna selain putih, rasionya menjadi 4:5:1. Dalam hal ini, Anda dapat memanfaatkan alat penguji rasio, misalnya Webaim.org, untuk pengecekan.<\/p>\n\n\n\n

<\/a>4.  <\/strong>Siapkan Fitur Switch Ke Light Mode<\/strong><\/h3>\n\n\n\n

Seperti pada smartphone<\/em>, pastikan fitur dark mode <\/em>yang Anda aplikasikan pada website <\/em>tepat menyediakan opsi switch <\/em>ke light mode<\/em>. Pasalnya, belum tentu semua pengunjung nyaman dengan dark mode<\/em>. Opsi mode seperti ini juga berdampak pada pengalaman pengguna (User experience<\/a>), sehingga mereka bisa leluasa menjelajahi website <\/em>sesuai masing-masing preferensi.<\/p>\n\n\n

\n
\"Pembuatan<\/a>
Update Paket Harga Pembuatan Website Murah Jagowebdesign<\/em><\/figcaption><\/figure><\/div>\n\n\n

<\/a>Kesimpulan<\/strong><\/h2>\n\n\n\n

Dark mode <\/em>pada web design <\/em>dapat menjadi fitur yang berguna saat Anda mengikuti poin-poin yang disebutkan di atas. Pemakaian warna yang tepat, mengatur rasio, serta memperhatikan kenyamanan pengguna akan membuat fitur efektif digunakan. <\/p>\n\n\n\n

Namun kalau Anda masih ragu untuk mengaturnya sendiri, banyak jasa website murah <\/a>yang dapat membantu untuk menerapkannya. Di jasa website jogja<\/a> Jagoweb design, Anda dapat membuat website dengan harga murah namun kualitas profesional. Dengan begitu, Anda akan mendapatkan website <\/em>menarik dengan fungsionalitas maksimal.\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"

Ingin Memakai Dark Mode pada Web Design? Ikuti Dulu 4 Tipsnya! Selama beberapa tahun terakhir, dark mode atau mode gelap menjadi fitur yang diminati di dunia teknologi. Bukan cuma di smartphone dan tablet, mode ini juga merambah hingga ke software dan website. Akan tetapi, tak sedikit orang yang mempertanyakan efektivitas pemakaian dark mode pada web […]<\/p>\n","protected":false},"author":4,"featured_media":3131,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[38],"tags":[422,421,423],"yoast_head":"\nIngin Memakai Dark Mode pada Web Design? Ikuti Dulu 4 Tipsnya!<\/title>\n<meta name=\"description\" content=\"Dark mode pada web design sekarang ini bukan menjadi hal yang asing. Memiliki banyak kelebihan. Berikut mengetahui pemakaian dark mode..\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ingin Memakai Dark Mode pada Web Design? Ikuti Dulu 4 Tipsnya!\" \/>\n<meta property=\"og:description\" content=\"Dark mode pada web design sekarang ini bukan menjadi hal yang asing. Memiliki banyak kelebihan. Berikut mengetahui pemakaian dark mode..\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Demo Website\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-09T04:11:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-09T04:37:09+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.jagowebdesign.com\/website\/wp-content\/uploads\/2022\/11\/Ingin-Memakai-Dark-Mode-pada-Web-Design-Ikuti-Dulu-4-Tipsnya.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sekar Arum\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sekar Arum\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/\",\"url\":\"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/\",\"name\":\"Ingin Memakai Dark Mode pada Web Design? Ikuti Dulu 4 Tipsnya!\",\"isPartOf\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#website\"},\"datePublished\":\"2022-11-09T04:11:17+00:00\",\"dateModified\":\"2022-11-09T04:37:09+00:00\",\"author\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b0b4a0acdbc66d9fd8e0c78a6c32f89d\"},\"description\":\"Dark mode pada web design sekarang ini bukan menjadi hal yang asing. Memiliki banyak kelebihan. Berikut mengetahui pemakaian dark mode..\",\"breadcrumb\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.jagowebdesign.com\/website\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ingin Memakai Dark Mode pada Web Design? Ikuti Dulu 4 Tipsnya!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#website\",\"url\":\"https:\/\/www.jagowebdesign.com\/website\/\",\"name\":\"Demo Website\",\"description\":\"Jagowebdesign.Com\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jagowebdesign.com\/website\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b0b4a0acdbc66d9fd8e0c78a6c32f89d\",\"name\":\"Sekar Arum\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/18ea5c9de86f5e78c3691846a022ecf1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/18ea5c9de86f5e78c3691846a022ecf1?s=96&d=mm&r=g\",\"caption\":\"Sekar Arum\"},\"sameAs\":[\"https:\/\/www.jagowebdesign.com\/\"],\"url\":\"https:\/\/www.jagowebdesign.com\/website\/author\/sekararumkinanti\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ingin Memakai Dark Mode pada Web Design? Ikuti Dulu 4 Tipsnya!","description":"Dark mode pada web design sekarang ini bukan menjadi hal yang asing. Memiliki banyak kelebihan. Berikut mengetahui pemakaian dark mode..","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Ingin Memakai Dark Mode pada Web Design? Ikuti Dulu 4 Tipsnya!","og_description":"Dark mode pada web design sekarang ini bukan menjadi hal yang asing. Memiliki banyak kelebihan. Berikut mengetahui pemakaian dark mode..","og_url":"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/","og_site_name":"Demo Website","article_published_time":"2022-11-09T04:11:17+00:00","article_modified_time":"2022-11-09T04:37:09+00:00","og_image":[{"width":800,"height":512,"url":"http:\/\/www.jagowebdesign.com\/website\/wp-content\/uploads\/2022\/11\/Ingin-Memakai-Dark-Mode-pada-Web-Design-Ikuti-Dulu-4-Tipsnya.jpg","type":"image\/jpeg"}],"author":"Sekar Arum","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sekar Arum","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/","url":"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/","name":"Ingin Memakai Dark Mode pada Web Design? Ikuti Dulu 4 Tipsnya!","isPartOf":{"@id":"https:\/\/www.jagowebdesign.com\/website\/#website"},"datePublished":"2022-11-09T04:11:17+00:00","dateModified":"2022-11-09T04:37:09+00:00","author":{"@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b0b4a0acdbc66d9fd8e0c78a6c32f89d"},"description":"Dark mode pada web design sekarang ini bukan menjadi hal yang asing. Memiliki banyak kelebihan. Berikut mengetahui pemakaian dark mode..","breadcrumb":{"@id":"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.jagowebdesign.com\/website\/dark-mode-pada-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jagowebdesign.com\/website\/"},{"@type":"ListItem","position":2,"name":"Ingin Memakai Dark Mode pada Web Design? Ikuti Dulu 4 Tipsnya!"}]},{"@type":"WebSite","@id":"https:\/\/www.jagowebdesign.com\/website\/#website","url":"https:\/\/www.jagowebdesign.com\/website\/","name":"Demo Website","description":"Jagowebdesign.Com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jagowebdesign.com\/website\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b0b4a0acdbc66d9fd8e0c78a6c32f89d","name":"Sekar Arum","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/18ea5c9de86f5e78c3691846a022ecf1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/18ea5c9de86f5e78c3691846a022ecf1?s=96&d=mm&r=g","caption":"Sekar Arum"},"sameAs":["https:\/\/www.jagowebdesign.com\/"],"url":"https:\/\/www.jagowebdesign.com\/website\/author\/sekararumkinanti\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3130"}],"collection":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/comments?post=3130"}],"version-history":[{"count":4,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3130\/revisions"}],"predecessor-version":[{"id":3141,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3130\/revisions\/3141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/media\/3131"}],"wp:attachment":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/media?parent=3130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/categories?post=3130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/tags?post=3130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}