Oder wat am Kapp ze halen wann Dir en donkelen Modus fir eng Applikatioun oder Websäit entwéckelt
2018 huet gewisen datt däischter Modi ënnerwee sinn. Elo wou mer an der Halschent duerch 2019 sinn, kënne mir mat Vertraue soen: Si sinn hei, a si sinn iwwerall.
Loosst eis mat der Tatsaach ufänken datt däischter Modus guer net en neit Konzept ass. Et ass fir eng laang Zäit benotzt ginn. An eng Kéier, tatsächlech, fir eng laang Zäit, war dat dat eenzegt wat se benotzt hunn: Monitore ware vun der Varietéit "gréng-op-schwaarz", awer nëmmen well d'luminescent Beschichtung bannen e gréngleche Glanz emittéiert wann se u Stralung ausgesat waren. .
Mä och no der Aféierung vun Faarf Monitore, donkel Modus weider ze existéieren. Firwat ass dat esou?
Et ginn zwee Haaptgrënn firwat haut all zweet Persoun presséiert ass en donkelt Thema op hir Applikatioun ze addéieren. Éischtens: Computeren sinn iwwerall. Iwwerall wou mir kucken ass eng Zort Écran. Mir benotzen eis mobilen Apparater vu moies bis owes spéit. D'Präsenz vun engem donkele Modus reduzéiert d'Aenbelaaschtung wann Dir am Bett sidd ier Dir an d'Bett geet fir d'"leschte Kéier" duerch Äre soziale Feed ze scrollen. Netzwierker. (Wann Dir wéi ech sidd, "leschte Kéier" kéint eng 3-Stonne Scroll bedeiten . Däischter Modus? Jo, wann ech glift! )
En anere Grond ass nei Displayproduktiounstechnologien. Flagship Modeller vu grousse Firmen - Apple, Google, Samsung, Huawei - sinn all mat OLED Schiirme ausgestatt, déi, am Géigesaz zu LCD Displays, keng Beleuchtung erfuerderen. An dat ass wierklech gutt Neiegkeet fir Är Batterie. Stellt Iech vir datt Dir e Bild vun engem schwaarze Quadrat op Ärem Telefon kuckt; mat engem LCD wäert d'Beleuchtung de ganze Bildschierm beliichten och wann déi meescht schwaarz ass. Awer wann Dir datselwecht Bild op engem OLED Display kuckt, sinn d'Pixel, déi de schwaarze Quadrat bilden, einfach ausgeschalt. Dëst bedeit datt se guer keng Energie verbrauchen.
Dës Aarte vu Displays maachen donkel Modi vill méi interessant. Andeems Dir eng donkel Interface benotzt, kënnt Dir d'Batteriedauer vun Ärem Apparat wesentlech verlängeren. . Däischter Modi gi selbstverständlech Hand an Hand mat UI Ännerungen also loosst eis eist Wëssen oppassen!
Däischter Modi 101
Éischtens: "däischter" ass net datselwecht wéi "schwaarz". Probéiert net e wäissen Hannergrond mat engem schwaarzen ze ersetzen, well dëst wäert et onméiglech maachen Schatten ze benotzen. En Design wéi dësen wäert super flaach sinn (op eng schlecht Manéier).
Et ass wichteg d'Grondprinzipien vum Schied / Beliichtung am Kapp ze halen. Objekter, déi méi héich sinn, solle méi hell am Schiet sinn, a realistesch Beliichtung a Schatten simuléieren. Dëst mécht et méi einfach tëscht de verschiddene Komponenten an hirer Hierarchie z'ënnerscheeden.
Zwee identesch gro Felder mat engem Schied, een op engem 100% schwaarzen Hannergrond, deen aneren op #121212. Wéi den Objet eropgeet, gëtt et e méi hell Schatt vu gro.
An engem donkelen Thema kënnt Dir nach ëmmer mat Ärer regulärer Basisfaarf schaffen soulaang de Kontrast ok ass. Loosst eis mat engem Beispill erklären.
An dësem Interface ass d'Haaptaktioun de grousse bloe Knäppchen an der ënneschter Bar. Et gëtt kee Problem am Kontrast beim Wiessel tëscht liichtem oder donkelen Modus, de Knäppchen ass nach ëmmer opfälleg, d'Ikon ass kloer, an allgemeng ass alles gutt.
Wann déi selwecht Faarf op verschidde Manéieren benotzt gëtt, zum Beispill am Text, ginn et Problemer. Probéiert e (vill) manner gesättigte Schiet vun der Haaptfaarf ze benotzen, oder kuckt no anere Weeër fir Markfaarwen an den Interface ze integréieren.
Lénks: Rout op Schwaarz gesäit schlecht aus. Richteg: d'Sättigung reduzéieren an alles gesäit gutt aus. — ca. Iwwersetzung
Datselwecht gëlt fir all aner staark Faarwen déi Dir benotzt hutt, wéi Warnung oder Feelerfaarwen. Google benotzt eng 40% wäiss Schicht Iwwerlagerung uewen op der Standardfehlerfaarf an hirem wann Dir op däischter Modus wiesselt. Dëst ass e zimmlech gudde Startpunkt well et d'Kontrastniveauen verbessert fir AA Standards ze passen. Dir kënnt natierlech ëmmer d'Astellunge änneren wéi Dir passt, awer gitt sécher d'Kontrastniveauen ze kontrolléieren. Iwwregens, en nëtzlecht Tool fir dësen Zweck ass de Sketch Plugin - , wat genau weist wéi vill Kontrast tëscht 2 Schichten ass.
Wat iwwer den Text?
Hei ass alles einfach: näischt soll 100% schwaarz an 100% wäiss sinn a vice versa. Wäiss reflektéiert Liichtwellen vun alle Wellelängten, schwaarz absorbéiert. Wann Dir 100% wäissen Text op engem 100% schwaarzen Hannergrond setzt, reflektéieren d'Bréiwer d'Liicht, verschmieren a ginn manner liesbar, wat d'Liesbarkeet negativ beaflosst.
Datselwecht gëllt fir en 100% wäissen Hannergrond, deen ze vill Liicht reflektéiert fir sech voll op d'Wierder ze konzentréieren. Probéiert d'wäiss Faarf e bëssen ze erweichen, benotzt hellgrau fir Hannergrënn an Text op schwaarzen Hannergrënn. Dëst wäert d'Aen Belaaschtung reduzéieren, verhënnert
Däischter Modus ass hei a wäert net fort goen
D'Zuel vun Zäit, déi mir virun Schiirme verbréngen, wiisst stänneg, an all neien Dag erschéngen nei Schiirme an eisem Liewen, vum Moment wou mir erwächen bis mir schlofen. Dëst ass en zimlech neie Phänomen, eis Ae sinn nach net gewinnt un dës Erhéijung vun der Écranzäit spéit am Owend. Dëst ass wou däischter Modus an d'Spill kënnt. Mat der Aféierung vun dëser Fonktioun am macOS a Material Design (an héchstwahrscheinlech am iOS), mir gleewen, datt desto oder spéider wäert et de Standard an all Applikatiounen ginn, souwuel Handy an Desktop. An et ass besser fir dëst virzebereeden!
Deen eenzege Grond fir net däischter Modus ëmzesetzen ass wann Dir absolut 100% sécher sidd datt Är Applikatioun exklusiv am hellen Dagesliicht benotzt gëtt. Dëst geschitt awer net dacks.
Et ass derwäert e puer Saachen ze ernimmen déi speziell Opmierksamkeet erfuerderen wann Dir däischter Modus implementéiert, iwwer d'Basisprinzipien, déi virdru zesummegefaasst goufen.
Wat d'Accessibilitéit ugeet, ass däischter Modus net de bequemste, well de Kontrast allgemeng manner ass, wat d'Liesbarkeet guer net verbessert.
Awer stellt Iech vir, Dir sidd prett fir d'Bett, Dir wëllt wierklech schlofen, awer direkt ier Dir ageschlof sidd, erënnert Dir Iech datt Dir engem e super wichtege Message schéckt, deen net emol eng Nuecht ka waarden. Dir gräift Ären Telefon, schalt en un an AAAAAAH ... den helle Hannergrond vun Ärem iMessage hält Iech nach 3 Stonnen waakreg.Während liicht Text op engem donkelen Hannergrond net als déi zougänglech ugesi gëtt, wann Dir en donkelen Modus direkt dës Sekonn hutt Erhéijung Kamoudheet vun enger Millioun. Et hänkt alles vun der Situatioun of, an där de Benotzer de Moment ass.
Dofir gleewen mir automatesch donkel Modus sou eng cool Iddi. Et schalt owes un a schalt moies aus. De Benotzer brauch net emol driwwer nozedenken, wat ganz bequem ass. Twitter huet eng super Aarbecht mat sengen donkelen Modus Astellunge gemaach. Zousätzlech, si hunn souwuel just eng donkel Modus an nach méi däischter Modus fir all dës OLED Schiirme, Batterie spueren an alles am Zesummenhang mat et. Et ass wichteg hei ze notéieren: Gitt de Benotzer d'Méiglechkeet manuell ze wiesselen wann e wëllt: et gëtt näischt Schlëmmeres wéi automatesch d'Interface z'änneren ouni d'Fäegkeet zréck ze wiesselen.
Twitter huet en automateschen Donkelmodus, deen am Owend ageschalt gëtt a moies ausschalt.
Och wann Dir en Thema entwéckelt, ass et derwäert ze behalen datt verschidde Saachen einfach net däischter kënne ginn.
Huelt en Texteditor wéi Pages. Dir kënnt d'Interface däischter maachen, awer d'Blat selwer wäert ëmmer wäiss sinn, simuléiert e richtegt Blat Pabeier.
Säiten mat donkel Modus aktivéiert
Datselwecht gëlt fir all Typ vun Inhaltskreatioun Editoren, wéi Sketch oder Illustrator. Och wann d'Interface däischter gemaach ka ginn, ass d'Artboard mat där Dir schafft ëmmer wäiss par défaut.
Skizzen am donkelen Modus an hunn ëmmer nach eng hell wäiss Artboard.
Also onofhängeg vun der App, mir gleewen datt donkel Modi gebierteg an de Betribssystem kommen deen Dir benotzt, dat heescht datt et am beschten ass fir op d'Zukunft virzebereeden. et wäert däischter sinn.
Wann Dir méi iwwer d'Entwécklung vun donkelen UIs léiere wëllt, gitt sécher d'Richtlinnen ze kucken , Dëst war eis Haaptquell vun Informatioun fir dësen Artikel.
Source: will.com