{"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\/et\/blog\/news\/tyomnye-vremena-nastupayut","title":{"rendered":"Tumedad ajad on tulekul","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

V\u00f5i mida tuleks silmas pidada rakenduse v\u00f5i veebisaidi tumeda teema arendamisel<\/h2>\n

<\/p>\n

2018. aasta n\u00e4itas: tumedad re\u017eiimid on tulekul. N\u00fc\u00fcd, kui oleme 2019. aastasse poolest teel, saame kindlalt \u00f6elda: need on siin ja need on igal pool.<\/p>\n

<\/p>\n

\"TumedadN\u00e4ide vanast monitorist \u00abrohelisest mustale\u00bb<\/a><\/noindex><\/em><\/p>\n

Alustame sellest, et tumeda re\u017eiimi kontseptsioon ei ole uus. Seda on juba pikka aega kasutatud. Tegelikult kasutati kaua aega ainult seda: monitorid olid \u00abroheline mustale\u00bb, kuid ainult seet\u00f5ttu, et luminofoorlamp, mis oli sees, kiirgab rohekas valgust, kui sellele kiirgusele m\u00f5juda.<\/p>\n

<\/p>\n

Aga isegi p\u00e4rast v\u00e4rviliste monitoride kasutuselev\u00f5ttu j\u00e4tkas tumeda re\u017eiimi olemasolu. Miks see nii on?<\/p>\n

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

\"TumedadOn kaks peamist p\u00f5hjust, miks t\u00e4nap\u00e4eval kiirustatakse tumeda teema lisamisega oma rakendustesse. Esiteks: arvutid on igal pool. Kuidas iganes me ei vaataks, on igal pool mingi ekraan. Kasutame oma mobiilseadmeid hommikul ja hilis\u00f5htuni. Tumeda re\u017eiimi olemasolu v\u00e4hendab silmade koormust, kui te voodis enne magamaminekut \u201eviimast korda\u201d sirvite sotsiaalmeedia s\u00f6\u00f6tu. (Kui olete nagu mina, siis \u201eviimane kord\u201d v\u00f5ib t\u00e4hendada 3-tunnist kerimist. R\/EngineeringPorn<\/a><\/noindex>. Tumeda re\u017eiimiga? Jah, palun!<\/p>\n

Veel \u00fcks p\u00f5hjus on uued ekraanide tootmistehnoloogiad. Suurte ettev\u00f5tete lipulaevade mudelid \u2014 Apple, Google, Samsung, Huawei \u2014 on k\u00f5ik varustatud OLED-ekraanidega, mis erinevalt LCD-eksraanidest ei vajada tagasivalgustust. See on t\u00f5eliselt hea uudis teie akule. Kujutage ette, et vaatate musta ruudu pilti oma telefonis; LCD-ekraaniga valgustab tagasalve kogu ekraani, kuigi enamik sellest on must. Kuid kui vaatate sama pilti OLED-ekraanil, l\u00fclituvad need pikslid, millest must ruut koosneb, lihtsalt v\u00e4lja. See t\u00e4hendab, et nad ei tarbi \u00fcldse energiat.<\/p>\n

<\/p>\n

Need ekraanit\u00fc\u00fcbid muudavad tumedad re\u017eiimid palju huvitavamaks. Kasutades tumedat liidest, saate oluliselt pikendada oma seadme aku kasutusaega. Tutvuge faktide ja numbritega eelmise aasta novembris toimunud Android Dev tipptasemel \u00fcritusel, et veenduda selles ise.<\/a><\/noindex>. Tumedad re\u017eiimid k\u00e4ivad kindlasti koos UI muutustega, seega v\u00e4rskendame oma teadmisi!<\/p>\n

<\/p>\n

Tumedad re\u017eiimid 101<\/h3>\n

<\/p>\n

Esiteks: \"tume\" ei v\u00f5rdu \"mustaga\". \u00c4rge proovige asendada valget tausta mustaga, kuna see muudab varjude kasutamise v\u00f5imatuks. Selline disain on super lame (halvas m\u00f5ttes).<\/p>\n

<\/p>\n

Oluline on meeles pidada varjutamise\/valgustamise p\u00f5hialuseid. \u00dcksused, mis on k\u00f5rgemal, peaksid varjus olema heledamad, j\u00e4ljendades tegelikku valgustust ja varjutamist. Nii on lihtsam eristada erinevaid komponente ja nende hierarhiat.<\/p>\n

<\/p>\n

\"Tumedad<\/p>\n

Kaks sama halli ruutu varjuga, \u00fcks 100% mustal taustal, teine #121212. Kui kaitse on k\u00f5rgem, omandab objekt heledama halli tooni.<\/em><\/p>\n

<\/p>\n

Tumedal teemal saab siiski kasutada oma tavap\u00e4rast p\u00f5hiv\u00e4rvi, kui kontrast on korras. Selgitame n\u00e4ite abil.<\/p>\n

<\/p>\n

\"Tumedad<\/p>\n

Selles liideses on peamine tegevus suur sinine nupp allosas. Kontrasti osas pole probleemi, kui l\u00fclituda heledalt pimedaks re\u017eiimiks, nupp k\u00f6idab j\u00e4tkuvalt t\u00e4helepanu, ikoon on selge, \u00fcldiselt on k\u00f5ik suurep\u00e4rane.<\/p>\n

<\/p>\n

\"Tumedad<\/p>\n

Kui sama v\u00e4rvi kasutatakse erinevalt, n\u00e4iteks tekstis \u2014 tekivad probleemid. Proovige kasutada (oluliselt) v\u00e4hem k\u00fcllastunud p\u00f5hiv\u00e4rvi tooni v\u00f5i leidke teisi viise oma br\u00e4ndi v\u00e4rvide integreerimiseks liidesesse.<\/p>\n

<\/p>\n

\"Tumedad<\/p>\n

Vasakul: punane mustal n\u00e4eb halb v\u00e4lja. Paremal: v\u00e4hendame k\u00fcllastust \u2014 ja k\u00f5ik on h\u00e4sti. \u2014 t\u00f5lke m\u00e4rkus.<\/em><\/p>\n

<\/p>\n

Sama kehtib ka teiste k\u00fcllastunud v\u00e4rvide kohta, mida v\u00f5isite kasutada, nagu n\u00e4iteks hoiatuse v\u00f5i vea v\u00e4rvid. Google kasutab oma defolti veav\u00e4rvi peal 40% ulatuses valge kihi kattekihti Material Design'i juhistes tumeda re\u017eiimi l\u00fclitamisel. See on \u00fcsna hea alguspunkt, kuna see parandab kontrastsuse taset vastavusse viimiseks AA standarditega. Muidugi v\u00f5ite alati seadeid oma \u00e4ran\u00e4gemise j\u00e4rgi muuta, kuid \u00e4rge unustage kontrollida kontrastsuse taset. Muide, kasulik t\u00f6\u00f6riist selleks on Sketch'i pistikprogramm \u2014<\/a><\/noindex> Stark , mis n\u00e4itab t\u00e4pselt, kui palju kontrasti on kahe kihi vahel.<\/a><\/noindex>Kuidas tekstiga on?<\/p>\n

<\/p>\n

Kuidas on teksti kohta?<\/h4>\n

<\/p>\n

Siin on see lihtne: miski ei tohi olla 100% must ja 100% valge ning vastupidi. Valge peegeldab k\u00f5ikide pikkustega valguslainete energiat, must aga neelab. Kui asetada 100% valge tekst 100% mustale taustale, peegeldavad t\u00e4hed valgust, l\u00e4hevad uduseks ja muutuvad v\u00e4hem loetavaks, mis halvendab lugemist.<\/p>\n

<\/p>\n

Sama kehtib ka 100% valge tausta kohta, mis peegeldab liiga palju valgust, et s\u00f5nadele t\u00e4ielikult keskenduda. Proovige veidi valget v\u00e4rvi pehmendada, kasutage heledat halli mustadel taustadel. See v\u00e4hendab silmade koormust, v\u00e4ltides nende \u00fclepingutamist.<\/a><\/noindex><\/p>\n

<\/p>\n

\"Tumedad<\/p>\n

Tumedat re\u017eiimi ei ole siia tulemas.<\/h3>\n

<\/p>\n

Koguaeg, mille me veedame ekraanide ees, kasvab pidevalt, ja iga uus p\u00e4ev toob meie ellu uusi ekraane, alates \u00e4rkamisest kuni une tulekuni. See on \u00fcsna uus n\u00e4htus, meie silmad ei ole veel harjunud sellega, et oleme hilja \u00f5htul ekraani ees nii kaua. Just siin tulebki m\u00e4ngu tume re\u017eiim. P\u00e4rast selle funktsiooni sissetoomist macOS-is ja Material Design'is (ja t\u00f5en\u00e4oliselt ka iOS-is) usume, et varem v\u00f5i hiljem muutub see k\u00f5ikides rakendustes, nii mobiilsetes kui ka lauaarvutites, vaikeseadeks. Ja oleks parem olla sellele valmis!<\/p>\n

<\/p>\n

Ainus p\u00f5hjus, miks tume re\u017eiim ei ole kasutusele v\u00f5etud, on see, kui olete t\u00e4iesti 100% kindel, et teie rakendust kasutatakse ainult eredates p\u00e4evavalgustes. Selliseid olukordi juhtub harva.<\/p>\n

<\/p>\n

M\u00f5ned asjad v\u00e4\u00e4rivad mainimist, mis vajavad erilist t\u00e4helepanu, kui tume re\u017eiim rakendada, peale varem kokkuv\u00f5tlikult toodud p\u00f5hiprintsiipide.<\/p>\n

<\/p>\n

Ligip\u00e4\u00e4setavuse seisukohalt ei ole tume re\u017eiim k\u00f5ige mugavam, kuna kontrast on \u00fcldiselt madalam, mis omakorda ei paranda loetavust.<\/p>\n

<\/p>\n

\"Tumedad<\/p>\n

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

<\/p>\n

Aga proovige ette kujutada, et valmistute magama minema, olete v\u00e4ga v\u00e4sinud, kuid just enne, kui magama j\u00e4\u00e4te, meenutate, et peate kellelegi saatma superolulise s\u00f5numi, mis ei saa isegi \u00fchte \u00f6\u00f6d oodata. V\u00f5tate oma telefoni, l\u00fclitate selle sisse ja AAAAAAA... teie iMessage'i hele taust ei lase teil veel 3 tundi magama j\u00e4\u00e4da. Kuigi hele tekst tumedal taustal ei ole k\u00f5ige ligip\u00e4\u00e4setavam, suurendaks tume re\u017eiim sellel hetkel mugavust miljon korda. K\u00f5ik s\u00f5ltub sellest, millises olukorras kasutaja just on.<\/strong><\/p>\n

<\/p>\n

Just seet\u00f5ttu usume\u00a0automaatne tumedat re\u017eiimi\u00a0<\/strong>nii \u00e4ge idee. See l\u00fclitub sisse \u00f5htul ja v\u00e4lja hommikul. Kasutaja ei pea isegi selle \u00fcle m\u00f5tlema, mis on v\u00e4ga mugav. Twitter on teinud suurep\u00e4rase t\u00f6\u00f6 tumeda re\u017eiimi seadistuste osas. Lisaks on neil olemas lihtne tume re\u017eiim ja veelgi tumedam re\u017eiim k\u00f5ikide nende OLED-ekraanide jaoks, et s\u00e4\u00e4sta akut ja k\u00f5ike sellega seonduvat. Siinkohal on oluline m\u00e4rkida: andke kasutajale v\u00f5imalus k\u00e4sitsi vahetada, kui ta seda soovib: ei ole midagi hullemat kui automaatne liidese muutmine ilma v\u00f5imaluseta tagasi l\u00fclituda.<\/p>\n

<\/p>\n

\"Tumedad<\/p>\n

Twitteris on automaatne tume re\u017eiim, mis l\u00fclitub sisse \u00f5htul ja v\u00e4lja hommikul.<\/em><\/p>\n

<\/p>\n

Samuti tuleks teemade arendamisel meeles pidada, et teatud asju ei saavuta lihtsalt tumedaks.<\/p>\n

<\/p>\n

V\u00f5tke n\u00e4iteks tekstiredaktor, nagu Pages. Liidest saab teha tumedaks, kuid leht on alati valge, imiteerides t\u00f5elist paberilehte.<\/p>\n

<\/p>\n

\"TumedadPages tumeda re\u017eiimiga sisse l\u00fclitatud<\/em><\/p>\n

Sama kehtib k\u00f5igi sisuloome redaktorite kohta, nagu Sketch v\u00f5i Illustrator. Kuigi liidese saab teha tumedaks, on t\u00f6\u00f6tab paneel, millega te t\u00f6\u00f6tate, alati vaikimisi valge.<\/p>\n

<\/p>\n

\"TumedadSketch tumedas re\u017eiimis ja endiselt ere valge t\u00f6\u00f6paneel.<\/em><\/p>\n

Seet\u00f5ttu arvame, et tume re\u017eiim saab natiivseks teie kasutatavale operatsioonis\u00fcsteemile, seega on parem valmistuda tulevikuks. see tuleb olema tume.<\/strong>\u00a0<\/p>\n

<\/p>\n

Kui soovite rohkem teada tumedate liideste arendamisest, tutvuge kindlasti suunistega Material Design<\/a><\/noindex>, see oli meie p\u00f5hiteabeallikas selle artikli jaoks.<\/p>\n

Allikas: 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\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\udd47Tumedad ajad tulevad | ProHoster","description":"V\u00f5i mida tuleks meeles pidada tumeda re\u017eiimi rakenduse v\u00f5i veebisaidi arendamisel 2018. aasta n\u00e4itas: tume re\u017eiim on tulemas.","canonical_url":"https:\/\/prohoster.info\/et\/blog\/news\/tyomnye-vremena-nastupayut","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"et_EE","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\/et\/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\/et\/wp-json\/wp\/v2\/posts\/35325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/comments?post=35325"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/posts\/35325\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/media\/26518"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/media?parent=35325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/categories?post=35325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/tags?post=35325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}