Of wat te hâlden yn gedachten by it ûntwikkeljen fan in tsjustere modus foar in applikaasje of webside
2018 liet sjen dat tsjustere modi ûnderweis binne. No't wy healwei 2019 binne, kinne wy mei fertrouwen sizze: se binne hjir, en se binne oeral.
Litte wy begjinne mei it feit dat tsjustere modus hielendal gjin nij konsept is. It is al in hiel lange tiid brûkt. En eartiids, yn feite, foar in lange tiid, dit wie it iennichste dat se brûkten: monitors wiene fan 'e "grien-op-swarte" ferskaat, mar allinich om't de ljochtsjende coating fan binnen in grienige gloed útstjit as se bleatsteld oan strieling .
Mar sels nei de yntroduksje fan kleurmonitors bleau tsjustere modus bestean. Wêrom is dit sa?
D'r binne twa haadmotiven dy't ferklearje wêrom't hjoed elke twadde persoan in haast hat om in tsjuster tema ta te foegjen oan har applikaasje. Earst fan alles: kompjûters binne oeral. Oeral wêr't wy sjogge is in soarte fan skerm. Wy brûke ús mobile apparaten fan moarns oant let yn 'e nacht. De oanwêzigens fan in tsjustere modus ferminderet each strain as jo binne op bêd foardat jo op bêd foar de "lêste kear" scrolling troch jo sosjale feed. netwurken. (As jo lykas my binne, kin "lêste kear" in 3-oere scroll betsjutte . Tsjustere modus? Ja graach! )
In oare reden is nije technologyen foar displayproduksje. Flaggeskipmodellen fan grutte bedriuwen - Apple, Google, Samsung, Huawei - binne allegear foarsjoen fan OLED-skermen, dy't, yn tsjinstelling ta LCD-displays, gjin efterljochting nedich binne. En dat is echt goed nijs foar jo batterij. Stel jo foar dat jo in ôfbylding fan in swart fjouwerkant op jo tillefoan besjen; mei in LCD, de efterljochting sil ferljochtsje it hiele skerm ek al it grutste part fan it is swart. Mar by it besjen fan deselde ôfbylding op in OLED-display, wurde de piksels dy't it swarte plein foarmje gewoan útskeakele. Dit betsjut dat se hielendal gjin enerzjy konsumearje.
Dizze soarten byldskermen meitsje donkere modi folle ynteressanter. Troch in donkere ynterface te brûken, kinne jo de batterijlibben fan jo apparaat signifikant ferlingje. . Tsjustere modi geane fansels hân yn hân mei UI-feroarings, dus litte wy ús kennis opknappe!
Dark Modes 101
Earst fan alles: "tsjuster" is net itselde as "swart". Besykje net in wite eftergrûn te ferfangen troch in swarte, om't dit it ûnmooglik makket om skaden te brûken. In ûntwerp lykas dit sil super plat wêze (op in minne manier).
It is wichtich om de basisprinsipes fan skaad / ferljochting yn gedachten te hâlden. Objekten dy't heger binne moatte lichter wêze yn skaad, simulearje real-life ferljochting en skaad. Dit makket it makliker om te ûnderskieden tusken de ferskate komponinten en harren hiërargy.
Twa identike grize fjilden mei in skaad, ien op in 100% swarte eftergrûn, de oare op #121212. As it objekt opkomt, wurdt it in lichtere skaad fan griis.
Yn in tsjuster tema kinne jo noch wurkje mei jo reguliere basiskleur, salang't it kontrast goed is. Litte wy útlizze mei in foarbyld.
Yn dizze ynterface is de wichtichste aksje de grutte blauwe knop yn 'e ûnderste balke. D'r is gjin probleem yn termen fan kontrast by it wikseljen tusken ljochte of tsjustere modus, de knop is noch altyd opfallend, it ikoan is dúdlik, en oer it algemien is alles goed.
As deselde kleur op ferskate manieren brûkt wurdt, bygelyks yn tekst, sille d'r problemen wêze. Besykje in (folle) minder verzadigde skaad fan 'e haadkleur te brûken, of sykje nei oare manieren om merkkleuren yn 'e ynterface op te nimmen.
Links: Read op swart sjocht der min út. Rjochts: ferminderje de sêding en alles sjocht der goed út. — ca. oersetting
Itselde jildt foar alle oare sterke kleuren dy't jo miskien hawwe brûkt, lykas warskôgings- of flaterkleuren. Google brûkt in 40% wite laach overlay boppe op de standert flater kleur yn harren by it wikseljen nei tsjustere modus. Dit is in aardich goed begjinpunt, om't it de kontrastnivo's sil ferbetterje om te passen oan AA-standerts. Jo kinne de ynstellings fansels altyd feroarje as jo goed fine, mar wês wis dat jo de kontrastnivo's kontrolearje. Trouwens, in nuttich ark foar dit doel is de Sketch-plugin - , dy't krekt sjen lit hoefolle kontrast der is tusken 2 lagen.
Hoe sit it mei de tekst?
Alles is hjir ienfâldich: neat moat 100% swart en 100% wyt wêze en oarsom. Wyt reflektearret ljochtwellen fan alle golflingten, swart absorbearret. As jo 100% wite tekst pleatse op in 100% swarte eftergrûn, sille de letters ljocht reflektearje, smearje en minder lêsber wurde, wat de lêsberens negatyf sil beynfloedzje.
Itselde jildt foar in 100% wite eftergrûn, dy't tefolle ljocht reflektearret om folslein op 'e wurden te fokusjen. Besykje de wite kleur in bytsje te verzachten, brûk ljochtgriis foar eftergrûnen en tekst op swarte eftergrûnen. Dit sil strain fan 'e eagen ferminderje, foarkommen
Tsjustere modus is hjir en sil net fuortgean
De hoemannichte tiid dy't wy foar skermen besteegje, groeit konstant, en elke nije dei ferskine nije skermen yn ús libben, fan it momint dat wy wekker wurde oant wy yn sliep falle. Dit is in frij nij fenomeen; ús eagen binne noch net wend oan dizze ferheging fan skermtiid let op 'e jûn. Dit is wêr't tsjustere modus yn spiel komt. Mei de yntroduksje fan dizze funksje yn macOS en Material Design (en wierskynlik yn iOS), leauwe wy dat it ier of letter de standert sil wurde yn alle applikaasjes, sawol mobyl as buroblêd. En it is better om hjirop taret te wêzen!
De ienige reden om de tsjustere modus net te ymplementearjen is as jo absolút 100% wis binne dat jo applikaasje eksklusyf wurdt brûkt yn helder deiljocht. Dit bart lykwols net faak.
It is it wurdich om in pear dingen te neamen dy't spesjaal omtinken sille fereaskje by it ymplementearjen fan tsjustere modus, bûten de basisprinsipes dy't earder gearfette binne.
Yn termen fan tagonklikens is tsjustere modus net de meast handige, om't it kontrast oer it algemien leger is, wat op syn beurt de lêsberens hielendal net ferbetteret.
Mar stel jo foar dat jo klear binne foar bêd, jo wolle echt sliepe, mar krekt foardat jo yn 'e sliep falle, ûnthâlde jo dat jo immen in super wichtich berjocht moatte stjoere dat net ien nacht kin wachtsje. Jo pakke jo tillefoan, skeakelje it oan en AAAAAAH ... de ljochte eftergrûn fan jo iMessage sil jo noch 3 oeren wekker hâlde. Wylst ljochte tekst op in donkere eftergrûn net as de meast tagonklik wurdt beskôge, soe it hawwen fan in tsjustere modus krekt dizze twadde fergrutsje gemak mei in miljoen. It hinget allegear ôf fan 'e situaasje wêryn't de brûker op it stuit is.
Dêrom tinke wy automatyske tsjustere modus sa'n cool idee. It giet jûns oan en giet moarns út. De brûker hoecht der net iens oer nei te tinken, wat heul handich is. Twitter hat in geweldige baan dien mei syn donkere modusynstellingen. Derneist hawwe se sawol gewoan in tsjustere modus as in noch dûnkerdere modus foar al dizze OLED-skermen, batterij besparje en alles wat derop relatearre is. It is wichtich om hjir op te merken: jou de brûker de kâns om manuell te wikseljen as hy wol: der is neat slimmer as it automatysk feroarjen fan de ynterface sûnder de mooglikheid om werom te wikseljen.
Twitter hat in automatyske tsjustere modus dy't jûns ynskeakelt en moarns útskeakele.
Ek by it ûntwikkeljen fan in tema is it wurdich te hâlden dat guon dingen gewoan net tsjuster wurde kinne.
Nim in tekstbewurker lykas Pages. Jo kinne de ynterface tsjuster meitsje, mar it blêd sels sil altyd wyt wêze, simulearje in echt blêd papier.
Siden mei tsjustere modus ynskeakele
Itselde jildt foar alle soarten redakteuren foar it meitsjen fan ynhâld, lykas Sketch of Illustrator. Hoewol de ynterface tsjuster kin wurde makke, sil it artboard wêrmei jo wurkje altyd standert wyt wêze.
Skizze yn tsjustere modus en hawwe noch altyd in helder wyt artboard.
Dat nettsjinsteande de app, leauwe wy dat tsjustere modi natuerlik sille komme yn it bestjoeringssysteem dat jo brûke, wat betsjuttet dat it it bêste is om ta te rieden op 'e takomst. it sil tsjuster wêze.
As jo mear wolle leare oer it ûntwikkeljen fan donkere UI's, kontrolearje dan de rjochtlinen , dit wie ús wichtichste boarne fan ynformaasje foar dit artikel.
Boarne: www.habr.com