{"id":35325,"date":"2019-10-31T22:03:38","date_gmt":"2019-10-31T19:03:38","guid":{"rendered":"https:\/\/prohoster.info\/blog\/tyomnye-vremena-nastupayut\/"},"modified":"2019-10-31T22:03:38","modified_gmt":"2019-10-31T19:03:38","slug":"tyomnye-vremena-nastupayut","status":"publish","type":"post","link":"https:\/\/prohoster.info\/sl\/blog\/news\/tyomnye-vremena-nastupayut","title":{"rendered":"Temni \u010dasi prihajajo","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Ali na kaj je treba paziti pri razvoju temnega na\u010dina aplikacije ali spletne strani<\/h2>\n

<\/p>\n

Leto 2018 je pokazalo: temni na\u010dini so na poti. Zdaj, ko smo \u017ee na pol poti v leto 2019, lahko z gotovostjo re\u010demo: tu so in povsod so.<\/p>\n

<\/p>\n

\"TemniPrimer starega monitorja 'zelena-na-crno'<\/a><\/noindex><\/em><\/p>\n

Za\u010dnimo s tem, da temni na\u010din ni nova koncept. Uporablja se \u017ee dlje \u010dasa. V\u010dasih so ga uporabljali prav vsi: monitorji so bili 'zelena-na-crno', a le zato, ker je fluorescentna prevleka v notranjosti oddajala zelenkast sijaj ob izpostavljenosti sevanju.<\/p>\n

<\/p>\n

Toda tudi po uvedbi barvnih monitorjev temni na\u010din je \u0161e naprej obstajal. Zakaj torej?<\/p>\n

<\/a><\/noindex><\/p>\n

\"TemniObstajata dva glavna razloga, zakaj danes skoraj vsako drugo aplikacijo hiti dodati temno temo. Prvi\u010d: ra\u010dunalniki so povsod. Kamorkoli pogledamo, povsod je neka zaslon. Na\u0161a mobilna naprava uporabljamo zjutraj do pozne no\u010di. Prisutnost temnega na\u010dina zmanj\u0161uje obremenitev o\u010di, ko pred spanjem 'zadnji\u010d' skrolate po dru\u017eabnih omre\u017ejih. (\u010ce ste podobni meni, 'zadnji\u010d' morda pomeni 3-urno skrolanje. R\/EngineeringPorn<\/a><\/noindex>. Temni na\u010din? Res je, prosim!<\/p>\n

\u0160e en razlog so nove tehnologije proizvodnje zaslonov. Vrhunski modeli velikih podjetij - Apple, Google, Samsung, Huawei - so vsi opremljeni z OLED zasloni, ki za razliko od LCD zaslonov ne potrebujejo osvetlitve. In to je res dobra novica za va\u0161o baterijo. Predstavljajte si, da gledate sliko \u010drnega kvadrata na svojem telefonu; pri LCD zaslonu osvetlitev osvetli celoten zaslon, \u010deprav je njegov ve\u010dji del \u010drn. Toda pri ogledu iste slike na OLED zaslonu se piksli, iz katerih je \u010drni kvadrat sestavljen, preprosto izklopijo. To pomeni, da sploh ne porabijo energije.<\/p>\n

<\/p>\n

Ti tipi zaslonov naredijo temne na\u010dine veliko bolj zanimive. Z uporabo temnega vmesnika lahko znatno podalj\u0161ate \u017eivljenjsko dobo baterije va\u0161ega naprave. Seznanite se z dejstvi in \u0161tevilkami s samita Android Dev novembra lani, da se o tem prepri\u010date sami<\/a><\/noindex>. Temni na\u010dini se seveda gibljejo z spremembami UI, zato osve\u017eimo svoje znanje!<\/p>\n

<\/p>\n

Temni na\u010dini 101<\/h3>\n

<\/p>\n

Najprej: \u201etemna\u201c ni enaka \u201e\u010drni\u201c. Ne posku\u0161ajte nadomestiti belega ozadja s \u010drnim, saj bo to onemogo\u010dilo uporabo senc. Tak\u0161en dizajn bo super raven (v slabem pomenu besede).<\/p>\n

<\/p>\n

Pomembno je upo\u0161tevati osnovna na\u010dela sen\u010denja\/osvetlitve. Predmeti, ki so bolj dvignjeni, naj bodo svetlej\u0161i v senci, kar posnema resni\u010dno osvetlitev in sen\u010denje. Tako je la\u017eje razlikovati razli\u010dne komponente in njihovo hierarhijo.<\/p>\n

<\/p>\n

\"Temni<\/p>\n

Dva enaka siva kvadrata s senco, eden na 100% \u010drni podlagi, drugi na #121212. Ko je predmet dvignjen, pridobi svetlej\u0161i odtenek sive.<\/em><\/p>\n

<\/p>\n

V temnem na\u010dinu se \u0161e vedno lahko uporablja va\u0161a obi\u010dajna osnovna barva, \u010de je kontrast v redu. Pojasnili bomo na primeru.<\/p>\n

<\/p>\n

\"Temni<\/p>\n

V tem vmesniku je glavno dejanje velika modra tipka na spodnji plo\u0161\u010di. Tukaj ni te\u017eav z vidika kontrasta pri preklapljanju med svetlim ali temnim na\u010dinom, tipka \u0161e naprej pritegne pozornost, ikona je jasna, na splo\u0161no je vse odli\u010dno.<\/p>\n

<\/p>\n

\"Temni<\/p>\n

Ko se ista barva uporablja razli\u010dno, na primer v besedilu \u2014 bodo te\u017eave. Poskusite uporabiti (mo\u010dno) manj nasi\u010den odtenek osnovne barve ali poi\u0161\u010dite druge na\u010dine za vklju\u010ditev barv blagovne znamke v vmesnik.<\/p>\n

<\/p>\n

\"Temni<\/p>\n

Levo: rde\u010da na \u010drni izgleda slabo. Desno: zmanj\u0161ajmo nasi\u010denost \u2014 in vse postane dobro. \u2014 op. prev.<\/em><\/p>\n

<\/p>\n

Enako velja za vse druge nasi\u010dene barve, ki ste jih lahko uporabili, kot so barve opozorila ali napake. Google uporablja prekrivni bel sloj pri 40% nad barvo privzete napake v svojih smernicah za Material Design<\/a><\/noindex> pri preklapljanju v temni na\u010din. To je precej dober izhodi\u0161\u010dni to\u010dka, saj bo izbolj\u0161alo ravni kontrasta, tako da ustreza standardom AA. Seveda lahko vedno spremenite nastavitve po lastni izbiri, vendar ne pozabite preveriti ravni kontrasta. Mimogrede, koristen pripomo\u010dek za to nalogo je vti\u010dnik za Sketch \u2014 Stark<\/a><\/noindex>, ki natan\u010dno poka\u017ee, koliko kontrasta je med 2 slojema.<\/p>\n

<\/p>\n

Kaj pa besedilo?<\/h4>\n

<\/p>\n

Tu je vse preprosto: ni\u010d ne sme biti 100% \u010drno in 100% belo. Belo odra\u017ea svetlobne valove vseh dol\u017ein, \u010drno \u2013 vpija. \u010ce postavite 100% belo besedilo na 100% \u010drn ozadje, bodo \u010drke odra\u017eale svetlobo, razmazale se in postale manj prijetne za branje, kar negativno vpliva na berljivost.<\/p>\n

<\/p>\n

Enako velja za 100% belo ozadje, ki odra\u017ea preve\u010d svetlobe, da bi se popolnoma osredoto\u010dili na besede. Poskusite rahlo omiliti belo barvo, uporabite svetlo sivo za ozadja in besedila na \u010drnih ozadjih. To bo zmanj\u0161alo obremenitev o\u010di in prepre\u010dilo njihovo preobremenitev<\/a><\/noindex><\/p>\n

<\/p>\n

\"Temni<\/p>\n

Temna tema tukaj ostaja<\/h3>\n

<\/p>\n

Koli\u010dina \u010dasa, ki ga pre\u017eivimo pred zasloni, nenehno nara\u0161\u010da, in vsak nov dan se novi zasloni pojavljajo v na\u0161em \u017eivljenju, od trenutka, ko se zbudimo, do trenutka, ko zaspite. To je precej nov pojav, na\u0161e o\u010di se \u0161e niso privadile na pove\u010danje \u010dasa pred zaslonom pozno zve\u010der. Tu nastopi temna tema. Po uvedbi te funkcionalnosti v macOS in Material Design (in verjetno v iOS) menimo, da bo prej ali slej postala privzeta v vseh aplikacijah, tako mobilnih kot namiznih. In bolje je biti na to pripravljen!<\/p>\n

<\/p>\n

Edini razlog, da ne uvedete temne teme, je, \u010de ste popolnoma prepri\u010dani, da va\u0161a aplikacija deluje izklju\u010dno pri mo\u010dni dnevni svetlobi. Tak\u0161no stanje je res redko.<\/p>\n

<\/p>\n

Treba je omeniti nekaj stvari, ki bodo potrebovale posebno pozornost pri izvedbi temne teme, poleg osnovnih na\u010del, povzetih prej.<\/p>\n

<\/p>\n

Z vidika dostopnosti temna tema ni najbolj prijazna, saj je kontrast na splo\u0161no ni\u017eji, kar posledi\u010dno ne izbolj\u0161uje berljivosti.<\/p>\n

<\/p>\n

\"Temni<\/p>\n

Source<\/a><\/noindex><\/em><\/p>\n

<\/p>\n

Ampak, predstavljajte si, da se pripravljate na spanje, zelo \u017eelite spati, a ravno preden zaspite, se spomnite, da morate nekomu poslati super pomembno sporo\u010dilo, ki ne more \u010dakati niti ene no\u010di. Vzamete svoj telefon, ga pri\u017egete in AAAAAAA... svetlo ozadje va\u0161ega iMessage vam ne bo dovolilo zaspati \u0161e vsaj 3 ure. Medtem ko svetlo besedilo na temnem ozadju ni najbolj dostopno, bi prisotnost temne teme v tistem trenutku ob\u010dutno pove\u010dala udobje. Vse je odvisno od situacije, v kateri se uporabnik trenutno nahaja.<\/strong><\/p>\n

<\/p>\n

Zato menimo\u00a0samodejni temni na\u010din\u00a0<\/strong>s tako odli\u010dno idejo. Vklopi se zve\u010der in izklopi zjutraj. Uporabnik se tudi ne mora ukvarjati s tem, kar je zelo priro\u010dno. Twitter je odli\u010dno opravil delo z nastavitvami temnega na\u010dina. Poleg tega imajo tako preprost temni na\u010din, kot \u0161e temnej\u0161i na\u010din za vse OLED zaslone, var\u010devanje z baterijo in vse, kar je s tem povezano. Tu je pomembno omeniti: omogo\u010dite uporabniku, da se preklopi ro\u010dno, kadar koli \u017eeli: ni ni\u010d huj\u0161ega kot samodejna sprememba vmesnika brez mo\u017enosti vra\u010danja nazaj.<\/p>\n

<\/p>\n

\"Temni<\/p>\n

Twitter ima samodejni temni na\u010din, ki se vklopi zve\u010der in izklopi zjutraj.<\/em><\/p>\n

<\/p>\n

Prav tako je pri razvoju teme treba imeti v mislih, da nekaterih stvari preprosto ne moremo narediti v temni barvi.<\/p>\n

<\/p>\n

Vzemite na primer besedilni urejevalnik Pages. Vmesnik lahko naredite temen, vendar bo sam list vedno bel, kar posnema pravi list papirja.<\/p>\n

<\/p>\n

\"TemniPages vklju\u010den temni na\u010din<\/em><\/p>\n

Enako velja za vse vrste urejevalnikov za ustvarjanje vsebin, kot sta Sketch ali Illustrator. \u010ceprav lahko vmesnik naredite temen, bo delovna plo\u0161\u010da, s katero delate, vedno privzeto bela.<\/p>\n

<\/p>\n

\"TemniSketch v temnem na\u010dinu in \u0161e vedno svetla bela delovna plo\u0161\u010da.<\/em><\/p>\n

Zato ne glede na aplikacijo menimo, da bodo temni na\u010dini postali privzeti za va\u0161o operacijsko sistem, zato je najbolje, da se pripravite na prihodnost, to bo temno.<\/strong>\u00a0<\/p>\n

<\/p>\n

\u010ce \u017eelite izvedeti ve\u010d o razvoju temnih vmesnikov, obvezno preberite smernice Material Design<\/a><\/noindex>, to je bil na\u0161 glavni vir informacij za ta \u010dlanek.<\/p>\n

Izvor: habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"

\u0418\u043b\u0438 \u043e \u0447\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0442\u0451\u043c\u043d\u043e\u0433\u043e \u0440\u0435\u0436\u0438\u043c\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u0441\u0430\u0439\u0442\u0430 2018 \u0433\u043e\u0434 \u043f\u043e\u043a\u0430\u0437\u0430\u043b: \u0442\u0451\u043c\u043d\u044b\u0435 \u0440\u0435\u0436\u0438\u043c\u044b \u043d\u0430 \u043f\u043e\u0434\u0445\u043e\u0434\u0435. \u0422\u0435\u043f\u0435\u0440\u044c, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u0443\u0436\u0435 \u043d\u0430 \u043f\u043e\u043b\u043f\u0443\u0442\u0438 \u0432 2019, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0441 \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u044c\u044e \u0441\u043a\u0430\u0437\u0430\u0442\u044c: \u043e\u043d\u0438 \u0437\u0434\u0435\u0441\u044c, \u0438 \u043e\u043d\u0438 \u0432\u0435\u0437\u0434\u0435. \u041f\u0440\u0438\u043c\u0435\u0440 \u0441\u0442\u0430\u0440\u043e\u0433\u043e \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0430 \u00ab\u0437\u0435\u043b\u0435\u043d\u044b\u043c-\u043f\u043e-\u0447\u0451\u0440\u043d\u043e\u043c\u0443\u00bb \u041d\u0430\u0447\u043d\u0435\u043c \u0441 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0442\u0451\u043c\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c \u2014 \u044d\u0442\u043e \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435 \u043d\u043e\u0432\u0430\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f. \u0415\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":26518,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-35325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Temni \u010dasi prihajajo | ProHoster","description":"Ali pa o \u010dem je treba razmisliti pri razvoju temnega na\u010dina aplikacije ali spletne strani. Leto 2018 je pokazalo: temni na\u010dini prihajajo.","canonical_url":"https:\/\/prohoster.info\/sl\/blog\/news\/tyomnye-vremena-nastupayut","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"sl_SI","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0422\u0451\u043c\u043d\u044b\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0430 \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u044e\u0442 | ProHoster","og:description":"\u0418\u043b\u0438 \u043e \u0447\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0442\u0451\u043c\u043d\u043e\u0433\u043e \u0440\u0435\u0436\u0438\u043c\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u0441\u0430\u0439\u0442\u0430 2018 \u0433\u043e\u0434 \u043f\u043e\u043a\u0430\u0437\u0430\u043b: \u0442\u0451\u043c\u043d\u044b\u0435 \u0440\u0435\u0436\u0438\u043c\u044b \u043d\u0430 \u043f\u043e\u0434\u0445\u043e\u0434\u0435.","og:url":"https:\/\/prohoster.info\/sl\/blog\/news\/tyomnye-vremena-nastupayut","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:03:38+00:00","article:modified_time":"2019-10-31T19:03:38+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"35325","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-21 22:48:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 02:06:23","updated":"2026-01-21 22:48:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/sl\/wp-json\/wp\/v2\/posts\/35325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/sl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/sl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sl\/wp-json\/wp\/v2\/comments?post=35325"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/sl\/wp-json\/wp\/v2\/posts\/35325\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sl\/wp-json\/wp\/v2\/media\/26518"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/sl\/wp-json\/wp\/v2\/media?parent=35325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/sl\/wp-json\/wp\/v2\/categories?post=35325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/sl\/wp-json\/wp\/v2\/tags?post=35325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}