Või mida silmas pidada rakenduse või veebisaidi jaoks tumedat režiimi arendades
2018. aasta näitas, et tumedad režiimid on teel. Nüüd, mil oleme 2019. aasta poole peal, võime kindlalt öelda: nad on siin ja kõikjal.
Alustame sellest, et tume režiim pole sugugi uus kontseptsioon. Seda on kasutatud üsna pikka aega. Ja kunagi ammu, tegelikult oli see pikka aega ainus asi, mida nad kasutasid: monitorid olid "roheline-mustal", kuid ainult seetõttu, et sees olev luminestsentskate kiirgas kiirgusega kokku puutudes rohekat sära. .
Kuid isegi pärast värviliste monitoride kasutuselevõttu jätkas tume režiimi olemasolu. Miks see nii on?
On kaks peamist motiivi, mis selgitavad, miks täna kiirustab iga teine inimene oma rakendusse tumedat teemat lisama. Esiteks: arvutid on kõikjal. Igal pool, kuhu me vaatame, on mingi ekraan. Kasutame oma mobiilseadmeid hommikust hilisõhtuni. Tume režiimi olemasolu vähendab silmade pinget, kui olete voodis enne magamaminekut "viimast korda", sirvides oma suhtluskanalit. võrgud. (Kui olete nagu mina, võib "viimane kord" tähendada 3-tunnist kerimist . Tume režiim? Jah palun! )
Teine põhjus on uued kuvarite tootmise tehnoloogiad. Suurfirmade – Apple, Google, Samsung, Huawei – lipulaevamudelid on kõik varustatud OLED-ekraanidega, mis erinevalt LCD-ekraanidest ei vaja taustvalgustust. Ja see on teie aku jaoks tõesti hea uudis. Kujutage ette, et vaatate oma telefonis musta ruudu pilti; LCD-ekraaniga valgustab taustvalgus kogu ekraani, kuigi suurem osa sellest on must. Kuid sama pilti OLED-ekraanil vaadates lülitatakse musta ruudu moodustavad pikslid lihtsalt välja. See tähendab, et nad ei tarbi üldse energiat.
Seda tüüpi kuvarid muudavad tumedad režiimid palju huvitavamaks. Tumedat liidest kasutades saate oluliselt pikendada seadme aku kasutusaega. . Tumedad režiimid käivad loomulikult käsikäes kasutajaliidese muudatustega, nii et värskendame oma teadmisi!
Tumedad režiimid 101
Esiteks: “tume” ei ole sama mis “must”. Ärge proovige valget tausta mustaga asendada, kuna see muudab varjude kasutamise võimatuks. Selline disain on ülimalt tasane (halvas mõttes).
Oluline on silmas pidada varjutamise/valgustuse põhiprintsiipe. Objektid, mis on kõrgemal, peaksid olema varjus heledamad, simuleerides tegelikku valgustust ja varju. See muudab erinevate komponentide ja nende hierarhia eristamise lihtsamaks.
Kaks identset halli ruutu varjuga, üks 100% mustal taustal, teine #121212. Kui objekt tõuseb, muutub see heledamaks halli varjundiks.
Tumeda teema puhul saate endiselt töötada tavalise põhivärviga, kui kontrast on ok. Selgitame näitega.
Selles liideses on põhitoiminguks suur sinine nupp alumisel ribal. Heledate või tumedate režiimide vahetamisel pole kontrastiga probleemi, nupp on endiselt pilkupüüdev, ikoon on selge ja üldiselt on kõik korras.
Kui sama värvi kasutatakse erineval viisil, näiteks tekstis, tekib probleeme. Proovige kasutada põhivärvi (palju) vähem küllastunud varjundit või otsige muid viise brändivärvide liidesesse lisamiseks.
Vasakul: punane mustal näeb halb välja. Õige: vähendage küllastust ja kõik näeb hea välja. — ca. tõlge
Sama kehtib kõigi teiste tugevate värvide kohta, mida olete kasutanud, näiteks hoiatus- või veavärvid. Google kasutab 40% valget kihi katet nende vaikeveavärvi peal tumedale režiimile lülitumisel. See on päris hea lähtepunkt, kuna see parandab kontrastsuse taset, et see vastaks AA standarditele. Loomulikult saate sätteid alati oma äranägemise järgi muuta, kuid kontrollige kindlasti kontrasti taset. Muide, selleks on kasulik tööriist Sketchi pistikprogramm - , mis näitab täpselt, kui palju kontrasti on kahe kihi vahel.
Aga tekstiga?
Siin on kõik lihtne: miski ei tohiks olla 100% must ja 100% valge ja vastupidi. Valge peegeldab kõigi lainepikkustega valguslaineid, must neelab. Kui asetate 100% valge teksti 100% mustale taustale, peegeldavad tähed valgust, määrduvad ja muutuvad vähem loetavaks, mis mõjutab loetavust negatiivselt.
Sama kehtib ka 100% valge tausta kohta, mis peegeldab sõnadele täielikult keskendumiseks liiga palju valgust. Proovige valget värvi veidi pehmendada, kasutage tausta jaoks helehalli ja teksti mustal taustal. See vähendab silmade pinget, vältides
Tume režiim on käes ja ei kao kuhugi
Ekraanide ees veedetud aeg kasvab pidevalt ja iga uue päevaga ilmuvad meie ellu uued ekraanid, alates ärkamise hetkest kuni magamajäämiseni. See on üsna uus nähtus, meie silmad pole veel hilisõhtuse ekraaniaja pikenemisega harjunud. Siin tuleb mängu tume režiim. Usume, et selle funktsiooni kasutuselevõtuga macOS-is ja materjalidisainis (ja kõige tõenäolisemalt iOS-is) saab sellest varem või hiljem vaikeseade kõigis rakendustes, nii mobiilis kui ka lauaarvutis. Ja parem on selleks valmis olla!
Ainus põhjus, miks pimedat režiimi mitte rakendada, on see, kui olete täiesti 100% kindel, et teie rakendust kasutatakse ainult eredas päevavalguses. Seda ei juhtu aga sageli.
Tasub mainida mõnda asja, mis lisaks varem kokku võetud põhipõhimõtetele nõuavad tumeda režiimi rakendamisel erilist tähelepanu.
Juurdepääsetavuse osas pole tume režiim kõige mugavam, kuna kontrast on üldiselt väiksem, mis omakorda ei paranda loetavust sugugi.
Kuid kujutage ette, et valmistute magama minema, tahaksite väga magada, kuid vahetult enne uinumist mäletate, et peate saatma kellelegi ülitähtsa sõnumi, mis ei saa oodata isegi üht ööd. Haarate telefoni, lülitate selle sisse ja AAAAAAH... iMessage'i hele taust hoiab teid veel 3 tundi ärkvel. Kuigi tumedal taustal heledat teksti ei peeta kõige kättesaadavamaks, siis sel sekundil tume režiim suurendada mugavust miljoni võrra. Kõik oleneb olukorrast, milles kasutaja parasjagu on.
Sellepärast me arvame automaatne tume režiim nii lahe idee. See lülitub sisse õhtul ja lülitub välja hommikul. Kasutajal pole vaja sellele isegi mõelda, mis on väga mugav. Twitter on oma tumeda režiimi seadetega teinud suurepärast tööd. Lisaks on neil kõigi nende OLED-ekraanide jaoks nii lihtsalt tume režiim kui ka veelgi tumedam režiim, säästes akut ja kõike sellega seonduvat. Siin on oluline märkida: andke kasutajale võimalus käsitsi vahetada, millal ta soovib: pole midagi hullemat kui liidese automaatne muutmine ilma võimaluseta tagasi lülituda.
Twitteril on automaatne tume režiim, mis lülitub sisse õhtul ja lülitub välja hommikul.
Samuti tasub teemat arendades silmas pidada, et mõnda asja lihtsalt ei saa tumedaks teha.
Võtke tekstiredaktor nagu Pages. Liidese saate muuta tumedaks, kuid leht ise on alati valge, simuleerides tõelist paberilehte.
Lehed, millel on lubatud tume režiim
Sama kehtib igat tüüpi sisuloome redaktorite kohta, nagu Sketch või Illustrator. Kuigi liidese saab muuta tumedaks, on joonis, millega töötate, vaikimisi alati valge.
Visandage tumedas režiimis ja kasutage endiselt helevalget joonistust.
Nii et olenemata rakendusest usume, et tumedad režiimid pärinevad teie kasutatavast operatsioonisüsteemist, mis tähendab, et kõige parem on tulevikuks valmistuda. läheb pimedaks.
Kui soovite tumedate kasutajaliidese arendamise kohta lisateavet, lugege kindlasti juhiseid , see oli meie selle artikli peamine teabeallikas.
Allikas: www.habr.com