{"id":249653,"date":"2023-01-31T12:40:00","date_gmt":"2023-01-31T09:40:00","guid":{"rendered":"https:\/\/inform.click\/tumman-tilan-verkkosuunnittelu-valtava-kysynta-nykyaan-miksi\/"},"modified":"2023-01-31T13:10:00","modified_gmt":"2023-01-31T10:10:00","slug":"tumman-tilan-verkkosuunnittelu-valtava-kysynta-nykyaan-miksi","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/tumman-tilan-verkkosuunnittelu-valtava-kysynta-nykyaan-miksi\/","title":{"rendered":"Tumman tilan verkkosuunnittelu: valtava kysynt\u00e4 nyky\u00e4\u00e4n? Miksi?"},"content":{"rendered":"<p>\n  Tummasta tilasta on tulossa nyky\u00e4\u00e4n yh\u00e4 suositumpi kuin koskaan ennen. T\u00e4m\u00e4 ominaisuus aloitettiin ensin oletuskoodausteemana tietokoneohjelmoijille ja kehitt\u00e4jille.\n<\/p>\n<p>\n  Mutta nyt jopa ty\u00f6p\u00f6yt\u00e4- ja mobiilisovellusten k\u00e4ytt\u00e4j\u00e4t sek\u00e4 verkkosivustojen vierailijat huomaavat muun muassa sen k\u00e4yt\u00f6n edut silmien suojaamiseen, alhaisemman akunkulutuksen ja <a href=\"https:\/\/inform.click\/fi\/30-vinkkia-verkkosuunnittelun-oppimiseen-45-paivassa\/\" title=\"web-suunnittelun\">web-suunnittelun<\/a> yleisen esteettisyyden .\n<\/p>\n<p>\n  T\u00e4ss\u00e4 artikkelissa perehdymme t\u00e4h\u00e4n trendiin, pime\u00e4n tilan etuihin ja haitoihin web-suunnittelussa sek\u00e4 t\u00e4rkeimpiin syihin, miksi se on saavuttamassa laajaa suosiota nykyp\u00e4iv\u00e4n digitaalisesti yhdistetyss\u00e4 maailmassa.\n<\/p>\n<h5>\n  Mik\u00e4 on tumma tila?<br \/>\n<\/h5>\n<p>\n  Tumma tila, joka tunnetaan my\u00f6s nimell\u00e4 y\u00f6tila tai tumma teema, on verkkosivuston tai mobiilisovelluksen ominaisuus, jonka avulla k\u00e4ytt\u00e4j\u00e4t voivat nopeasti vaihtaa <a href=\"http:\/\/www.instantshift.com\/2013\/01\/21\/user-interfaces-techniques-pros-and-cons-when-designing-ui-elements\/\" target=\"_blank\" rel=\"noopener\">k\u00e4ytt\u00f6liittym\u00e4n<\/a> taustav\u00e4rin tummaksi, yleens\u00e4 mustaksi tai harmaan s\u00e4vyyn. Verkkosuunnittelussa ominaisuuden p\u00e4\u00e4tarkoituksena on helpottaa verkkosivujen vierailijoiden n\u00e4kemist\u00e4 tai lukemista sis\u00e4lt\u00f6si, kuten tekstin tai videon, pime\u00e4ss\u00e4.\n<\/p>\n<p>\n  Tumman tilan verkkosuunnittelun plussat ja miinukset\n<\/p>\n<p>\n  Katsotaanpa nyt nopeasti pime\u00e4n tilan web-suunnittelun etuja ja haittoja:\n<\/p>\n<h5>\n  Plussat<br \/>\n<\/h5>\n<ul>\n<li>Lis\u00e4\u00e4 verkkosivustosi tai <a href=\"https:\/\/inform.click\/fi\/mobile-first-designs-tarkeys-ja-uusimmat-trendit\/\" title=\"mobiilisovelluksesi sis\u00e4ll\u00f6n\">mobiilisovelluksesi sis\u00e4ll\u00f6n<\/a> n\u00e4kyvyytt\u00e4 h\u00e4m\u00e4r\u00e4ss\u00e4\n  <\/li>\n<li>Parantaa <a href=\"http:\/\/www.instantshift.com\/2013\/02\/15\/user-experience-ux-principles-and-best-practices\/\" target=\"_blank\" rel=\"noopener\">k\u00e4ytt\u00f6kokemusta<\/a>\n  <\/li>\n<li>Suojaa siniselt\u00e4 valolta\n  <\/li>\n<li>Leikkaa h\u00e4ik\u00e4isy\u00e4\n  <\/li>\n<li>Est\u00e4\u00e4 digitaalisten silmien rasitusta\n  <\/li>\n<li>S\u00e4\u00e4st\u00e4\u00e4 akkua ja energiaa\n  <\/li>\n<\/ul>\n<h5>\n  Haittoja<br \/>\n<\/h5>\n<ul>\n<li>Ei hy\u00f6dyllinen k\u00e4ytett\u00e4v\u00e4ksi p\u00e4iv\u00e4saikaan\n  <\/li>\n<li>Ei auta pitk\u00e4aikaiseen rentouttavaan lukukokemukseen\n  <\/li>\n<li>Saattaa vaikuttaa luettavuuteen erityisesti \u00e4lypuhelimilla\n  <\/li>\n<\/ul>\n<h3>\n  Miksi Dark Mode -verkkosuunnittelut ovat tulossa valtavia nyky\u00e4\u00e4n?<br \/>\n<\/h3>\n<p>\n  Nyt kun tied\u00e4t pime\u00e4n tilan web-suunnittelun perusm\u00e4\u00e4ritelm\u00e4n, katsotaanpa nyt tarkemmin, miksi niist\u00e4 on tulossa suositumpia internetin k\u00e4ytt\u00e4jien keskuudessa.\n<\/p>\n<h5>\n  Parempi silmille<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd3b49491.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd3b49491.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Kuten edell\u00e4 mainittiin, yksi t\u00e4rkeimmist\u00e4 syist\u00e4, miksi pime\u00e4n tilan web-suunnittelu on tulossa yh\u00e4 suositummaksi nyky\u00e4\u00e4n, on se, ett\u00e4 internetin k\u00e4ytt\u00e4j\u00e4t pit\u00e4v\u00e4t sit\u00e4 parempana, helpommin ja silmilleen miellytt\u00e4v\u00e4mp\u00e4n\u00e4, kun on kyse lukemisesta h\u00e4m\u00e4r\u00e4ss\u00e4 valaistussa ymp\u00e4rist\u00f6ss\u00e4 verrattuna perinteinen valkoinen tai vaalea tausta.\n<\/p>\n<p>\n  Jos luet jotain tietokoneella tai \u00e4lypuhelimella y\u00f6ll\u00e4, on paljon parempi lukea vaaleita tekstej\u00e4 tummalla taustalla kuin lukea tummia tekstej\u00e4 kirkkaalla taustalla. Live Sciencen mukaan syyn\u00e4 t\u00e4h\u00e4n on se, ett\u00e4 silmiemme iiriksen pit\u00e4isi laajentua enemm\u00e4n kuin kirkkaalta n\u00e4yt\u00f6lt\u00e4 luettaessa.\n<\/p>\n<p>\n  Digitaalisen silmien rasituksen lis\u00e4ksi on olemassa my\u00f6s tutkimuksia, jotka osoittavat, ett\u00e4 tumma tila voi my\u00f6s auttaa k\u00e4ytt\u00e4ji\u00e4 v\u00e4hent\u00e4m\u00e4\u00e4n altistumista siniselle valolle. Tietokoneen tai mink\u00e4 tahansa katselulaitteen sinisell\u00e4 valolla on kyky tukahduttaa melatoniinin tuotantoa, joka on nukkumiseen tarvittava hormoni.\n<\/p>\n<p>\n  T\u00e4m\u00e4 tarkoittaa, ett\u00e4 k\u00e4ytt\u00e4jien tummaan tilaan siirtyminen ei ole vain parempi heid\u00e4n silmilleen, vaan voi my\u00f6s auttaa heit\u00e4 saamaan hyv\u00e4t y\u00f6unet.\n<\/p>\n<h5>\n  Auttaa k\u00e4ytt\u00e4ji\u00e4 s\u00e4\u00e4st\u00e4m\u00e4\u00e4n akun k\u00e4ytt\u00f6ik\u00e4\u00e4<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd3e3d4a7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd3e3d4a7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Toinen t\u00e4rke\u00e4 syy siihen, miksi pime\u00e4n tilan <a href=\"https:\/\/inform.click\/fi\/sahkoisen-kaupankaynnin-verkkosuunnittelutaidot-hallita-covid-19-n-keskella\/\" title=\"web-suunnittelu houkuttelee valtavasti kysynt\u00e4\u00e4\">web-suunnittelu houkuttelee valtavasti kysynt\u00e4\u00e4<\/a> nyky\u00e4\u00e4n, on se, ett\u00e4 se voi auttaa verkkosivustojen vierailijoita ja laitteiden k\u00e4ytt\u00e4ji\u00e4 pident\u00e4m\u00e4\u00e4n akun k\u00e4ytt\u00f6ik\u00e4\u00e4. Ilman tummaa tilaa laitteen n\u00e4yt\u00f6n kaikki tyhj\u00e4 valkoinen tila tarvitsee enemm\u00e4n virtaa, mik\u00e4 puolestaan \u200b\u200bvoi kuluttaa laitteen akkua. XDA Developersin mukaan tumma tila pystyy v\u00e4hent\u00e4m\u00e4\u00e4n akun kulutusta jopa 63 % AMOLED-n\u00e4yt\u00f6iss\u00e4 jopa suurimmalla kirkkaudella.\n<\/p>\n<p>\n  Lis\u00e4ksi Google vahvisti my\u00f6s, ett\u00e4 tumman tilan k\u00e4ytt\u00e4minen OLED-n\u00e4yt\u00f6ill\u00e4 voi olla valtava apu akun kestoon. Jos esimerkiksi s\u00e4\u00e4d\u00e4t n\u00e4yt\u00f6n kirkkauden 50 %:iin, YouTube-sovelluksen k\u00e4ytt\u00f6liittym\u00e4 voi s\u00e4\u00e4st\u00e4\u00e4 noin 15 % n\u00e4yt\u00f6n energiaa verrattuna litte\u00e4\u00e4n kirkkaaseen n\u00e4ytt\u00f6\u00f6n.\n<\/p>\n<h5>\n  Tech Giantsin adoptio<br \/>\n<\/h5>\n<p>\n  Nyky\u00e4\u00e4n yh\u00e4 useammat yritykset ovat alkaneet huomata pime\u00e4n tilan k\u00e4ytt\u00f6\u00f6noton edut k\u00e4ytt\u00e4jilleen. Tekniikan j\u00e4ttil\u00e4iset, kuten Google, Apple, Facebook, YouTube, Twitter, Android, Samsung ja muut, tarjoavat jo ominaisuutta joihinkin palveluihinsa.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd4178625.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd4178625.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Yksi esimerkki pime\u00e4n tilan ominaisuudesta, jonka avulla voit ottaa tumman tilan k\u00e4ytt\u00f6\u00f6n Google Chrome -selaimessa, on Night Eye. Googlen Night Eye -ominaisuuden avulla voit siirty\u00e4 tummaan tilaan l\u00e4hes kaikilla vierailemillasi verkkosivustoilla k\u00e4ytt\u00e4m\u00e4ll\u00e4 omaa algoritmiaan.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd45b831e.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd45b831e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  T\u00e4m\u00e4n Chrome-laajennuksen avulla voit my\u00f6s hallita sis\u00e4\u00e4nrakennettuja tummia teemoja niill\u00e4 verkkosivustoilla, joilla se on, kuten YouTube ja Reddit. Googlen mukaan tumma tila voi parantaa n\u00e4kyvyytt\u00e4 heikkon\u00e4k\u00f6isille k\u00e4ytt\u00e4jille, mukaan lukien niille, joiden silm\u00e4t ovat herkki\u00e4 kirkkaalle valolle.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd4914c24.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd4914c24.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Toisaalta, jos haluat ottaa tumman tilan k\u00e4ytt\u00f6\u00f6n Safari-selaimessa, sinun on otettava k\u00e4ytt\u00f6\u00f6n suurempi macOS:n tumma teema, joka toimii koko j\u00e4rjestelm\u00e4ss\u00e4si telakasta ja valikkopalkista kaikkiin ty\u00f6p\u00f6yt\u00e4sovelluksiin, mukaan lukien Safari. Applen mukaan tumma tila voi helpottaa k\u00e4ytt\u00e4jien keskittymist\u00e4 ty\u00f6h\u00f6ns\u00e4.\n<\/p>\n<h5>\n  Toimii t\u00e4ydellisesti online-videoiden suoratoiston kanssa<br \/>\n<\/h5>\n<p>\n  Verkkotekstien lis\u00e4ksi teknologiayritykset, kuten Netflix ja YouTube, olivat my\u00f6s huomanneet pime\u00e4n tilan k\u00e4ytt\u00f6\u00f6noton edut online-videoiden suoratoistopalveluissaan. Yksi n\u00e4ist\u00e4 eduista loppuk\u00e4ytt\u00e4jille on mahdollisuus keskitty\u00e4 sis\u00e4lt\u00f6\u00f6n, ei s\u00e4\u00e4timiin, varsinkin kun katselet n\u00e4ytt\u00f6\u00e4 pitk\u00e4n aikaa, mik\u00e4 helpottaa online-videoeditorien el\u00e4m\u00e4\u00e4. Lis\u00e4ksi tumma tila voi my\u00f6s tehd\u00e4 videoiden katsomisesta elokuvallisempaa.\n<\/p>\n<h5>\n  Tulevaisuus on pime\u00e4\u00e4<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd4d30074.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321554-6383bd4d30074.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Tumman tilan tulevaisuus n\u00e4ytt\u00e4\u00e4 eritt\u00e4in valoisalta. T\u00e4m\u00e4 muutaman viime vuoden aikana v\u00e4hitellen alkanut suuntaus ei osoita merkkej\u00e4 pys\u00e4htymisest\u00e4. Se on jo saatavilla monissa <a href=\"https:\/\/inform.click\/fi\/kuinka-suosituimmat-mobiilisovelluskehitysyritykset-optimoivat-mobiilisovellusten-konversiot\/\" title=\"suosituissa sovelluksissa\">suosituissa sovelluksissa<\/a>, mukaan lukien Google ja sen palvelut, Facebook, YouTube, Instagram, WhatsApp ja paljon muuta.\n<\/p>\n<p>\n  Lis\u00e4ksi voit l\u00f6yt\u00e4\u00e4 t\u00e4m\u00e4n trendin my\u00f6s kaikissa s\u00e4hk\u00f6postipalveluiden vahvistuksissa, kuten Gmail, Outlook, Android ja iOS.\n<\/p>\n<h5>\n  Viimeiset sanat:<br \/>\n<\/h5>\n<p>\n  Siin\u00e4 se on! N\u00e4m\u00e4 ovat joitakin t\u00e4rkeimmist\u00e4 syist\u00e4, miksi pime\u00e4n tilan web-suunnittelusta on tulossa yh\u00e4 suositumpia nyky\u00e4\u00e4n ja niit\u00e4 k\u00e4ytet\u00e4\u00e4n jopa kasvuhakkerointity\u00f6kaluna. Tumman tilan web-suunnittelu ei ole pelk\u00e4st\u00e4\u00e4n <a href=\"https:\/\/inform.click\/fi\/verkkosivuston-estetiikka-miksi-verkkosivustosi-ulkoasu-on-tarkea-brandillesi\/\" title=\"trendik\u00e4st\u00e4 esteettinen kosketus\">trendik\u00e4st\u00e4 esteettinen kosketus<\/a>, se on parempi silm\u00e4lle y\u00f6ll\u00e4, se my\u00f6s auttaa k\u00e4ytt\u00e4ji\u00e4 s\u00e4\u00e4st\u00e4m\u00e4\u00e4n akkua ja toimii t\u00e4ydellisesti online-videoiden suoratoistossa.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2021\/04\/01\/dark-mode-web-design\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tummasta tilasta on tulossa nyky\u00e4\u00e4n yh\u00e4 suositumpi kuin koskaan ennen. T\u00e4m\u00e4 ominaisuus aloitettiin ensin oletuskoodausteemana tietokoneohjelmoijille ja kehitt\u00e4jille. Mutta nyt jopa p\u00f6yt\u00e4tietokoneiden ja mobiilisovellusten k\u00e4ytt\u00e4j\u00e4t sek\u00e4 verkkosivujen vierailijat huomaavat muun muassa sen k\u00e4yt\u00f6n edut silmien suojaamiseen, alhaisemman akunkulutuksen ja web-suunnittelun yleisen esteettisyyden. T\u00e4ss\u00e4 artikkelissa perehdymme t\u00e4h\u00e4n trendiin, pime\u00e4n tilan etuihin ja haitoihin web-suunnittelussa ja joihinkin t\u00e4rkeimpiin syihin, miksi se on saavuttamassa laajaa suosiota nykyp\u00e4iv\u00e4n digitaalisessa&#8230;<\/p>\n","protected":false},"author":1,"featured_media":217983,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[66,222,53,196],"tags":[],"class_list":["post-249653","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-6","category-oppikirjoja","category-web-ja-wordpress-2","category-web-suunnittelu"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/comments?post=249653"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249653\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/217983"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}