Eða hvað á að hafa í huga þegar þú þróar dimma stillingu fyrir forrit eða vefsíðu
Árið 2018 sýndi að dökkar stillingar eru á leiðinni. Nú þegar við erum hálfnuð með 2019 getum við sagt með trausti: þeir eru hér og þeir eru alls staðar.
Við skulum byrja á því að dökk stilling er alls ekki nýtt hugtak. Það hefur verið notað í nokkuð langan tíma. Og einu sinni, reyndar í langan tíma, var þetta það eina sem þeir notuðu: skjáir voru af „grænum-á-svörtum“ tegundinni, en aðeins vegna þess að lýsandi húðin að innan gaf frá sér grænleitan ljóma þegar þeir urðu fyrir geislun. .
En jafnvel eftir tilkomu litaskjáa hélt dökk stilling áfram að vera til. Af hverju er þetta svona?
Það eru tvær meginástæður fyrir því að í dag er annar hver einstaklingur að flýta sér að bæta dökku þema við umsókn sína. Í fyrsta lagi: Tölvur eru alls staðar. Hvert sem við lítum er einhvers konar skjár. Við notum farsíma frá morgni til seint á kvöldin. Tilvist dökkrar stillingar dregur úr áreynslu í augum þegar þú ert í rúminu áður en þú ferð að sofa í „síðasta skiptið“ og flettir í gegnum félagslega strauminn þinn. netkerfi. (Ef þú ert eins og ég, "síðasta skiptið" gæti þýtt 3 klst fletta . Myrkur hamur? Já endilega! )
Önnur ástæða er ný skjáframleiðslutækni. Flaggskipslíkön stórra fyrirtækja - Apple, Google, Samsung, Huawei - eru allar búnar OLED skjáum, sem, ólíkt LCD skjáum, þurfa ekki baklýsingu. Og það eru mjög góðar fréttir fyrir rafhlöðuna þína. Ímyndaðu þér að þú sért að skoða mynd af svörtum ferningi á símanum þínum; með LCD mun baklýsingin lýsa upp allan skjáinn þó hann sé að mestu svartur. En þegar sömu mynd er skoðuð á OLED skjá er einfaldlega slökkt á punktunum sem mynda svarta ferninginn. Þetta þýðir að þeir neyta alls ekki orku.
Þessar tegundir skjáa gera dökka stillingar miklu áhugaverðari. Með því að nota dökkt viðmót geturðu lengt rafhlöðuendingu tækisins verulega. . Dökkar stillingar haldast auðvitað í hendur við breytingar á HÍ svo við skulum endurbæta þekkingu okkar!
Dark Modes 101
Í fyrsta lagi: „dökkt“ er ekki það sama og „svart“. Ekki reyna að skipta út hvítum bakgrunni fyrir svartan, þar sem það mun gera það ómögulegt að nota skugga. Hönnun eins og þessi verður frábær flatt (á slæman hátt).
Mikilvægt er að hafa í huga grundvallarreglur um skyggingu/lýsingu. Hlutir sem eru hærra ættu að vera ljósari í skugga og líkja eftir raunverulegri lýsingu og skyggingu. Þetta gerir það auðveldara að greina á milli mismunandi þátta og stigveldi þeirra.
Tveir eins gráir reitir með skugga, annar á 100% svörtum bakgrunni, hinn á #121212. Þegar hluturinn rís verður hann ljósari grár litur.
Í dökku þema geturðu samt unnið með venjulega grunnlitinn þinn svo lengi sem birtuskilin eru í lagi. Við skulum útskýra með dæmi.
Í þessu viðmóti er aðalaðgerðin stóri blái hnappurinn í neðri stikunni. Það er ekkert vandamál hvað varðar birtuskil þegar skipt er á milli ljóss eða dökkrar stillingar, hnappurinn er enn áberandi, táknið er skýrt og í heildina er allt í lagi.
Þegar sami liturinn er notaður á mismunandi hátt, til dæmis í texta, verða vandamál. Prófaðu að nota (mun) minna mettaðan lit af aðallitnum, eða leitaðu annarra leiða til að fella vörumerkjalitina inn í viðmótið.
Vinstri: Rautt á svörtu lítur illa út. Hægri: minnkaðu mettunina og allt lítur vel út. — ca. þýðing
Sama gildir um aðra sterka liti sem þú gætir hafa notað, svo sem viðvörunar- eða villuliti. Google notar 40% hvítt lag yfirlag ofan á sjálfgefna villulitinn í þeirra þegar skipt er yfir í dimma stillingu. Þetta er nokkuð góður upphafspunktur þar sem það mun bæta birtuskilin til að passa við AA staðla. Þú getur auðvitað alltaf breytt stillingunum eins og þér sýnist, en vertu viss um að athuga birtustigið. Við the vegur, gagnlegt tól í þessum tilgangi er Sketch viðbótin - , sem sýnir nákvæmlega hversu mikil andstæða er á milli 2 laga.
Hvað með textann?
Allt er einfalt hér: ekkert ætti að vera 100% svart og 100% hvítt og öfugt. Hvítt endurkastar ljósbylgjum af öllum bylgjulengdum, svart gleypir. Ef þú setur 100% hvítan texta á 100% svartan bakgrunn, munu stafirnir endurkasta ljósi, bleyta og verða ólæsilegir, sem hefur neikvæð áhrif á læsileikann.
Sama gildir um 100% hvítan bakgrunn, sem endurkastar of miklu ljósi til að einblína á orðin að fullu. Prófaðu að mýkja hvíta litinn aðeins, notaðu ljósgrátt fyrir bakgrunn og texta á svörtum bakgrunni. Þetta mun draga úr augnþrýstingi, koma í veg fyrir
Dark mode er hér og hverfur ekki
Tíminn sem við eyðum fyrir framan skjái eykst stöðugt og á hverjum nýjum degi birtast nýir skjáir í lífi okkar, frá því við vöknum þar til við sofnum. Þetta er nokkuð nýtt fyrirbæri, augu okkar eru ekki enn vön þessari aukningu á skjátíma seint á kvöldin. Þetta er þar sem dökk stilling kemur við sögu. Með tilkomu þessa eiginleika í macOS og Material Design (og líklegast í iOS), teljum við að fyrr eða síðar verði það sjálfgefið í öllum forritum, bæði farsímum og borðtölvum. Og það er betra að vera tilbúinn fyrir þetta!
Eina ástæðan fyrir því að innleiða ekki dökka stillingu er þegar þú ert alveg 100% viss um að forritið þitt sé eingöngu notað í björtu dagsbirtu. Þetta gerist þó ekki oft.
Það er þess virði að minnast á nokkur atriði sem krefjast sérstakrar athygli þegar myrkur hamur er innleiddur, umfram grunnreglurnar sem áður voru teknar saman.
Hvað varðar aðgengi er dökk stilling ekki það þægilegasta þar sem birtuskilin eru almennt minni, sem aftur bætir læsileikann alls ekki.
En ímyndaðu þér að þú sért að undirbúa þig fyrir svefninn, þú vilt virkilega sofa, en rétt áður en þú sofnar, manstu að þú þarft að senda einhverjum ofur mikilvæg skilaboð sem geta ekki beðið eina nótt. Þú grípur símann þinn, kveikir á honum og AAAAAAH... ljósi bakgrunnur iMessage þíns mun halda þér vakandi í 3 klukkustundir í viðbót. Þó að ljós texti á dökkum bakgrunni sé ekki talinn sá aðgengilegasti, þá myndi hafa dökka stillingu á þessari sekúndu auka þægindi um milljón. Það veltur allt á aðstæðum sem notandinn er í í augnablikinu.
Þess vegna trúum við sjálfvirkur dökkhamur svo flott hugmynd. Það kviknar á kvöldin og slokknar á morgnana. Notandinn þarf ekki einu sinni að hugsa um það, sem er mjög þægilegt. Twitter hefur unnið frábært starf með stillingum fyrir dökka stillingu. Auk þess hafa þeir bæði bara dökka stillingu og enn dekkri stillingu fyrir alla þessa OLED skjái, spara rafhlöðu og allt sem því tengist. Það er mikilvægt að hafa í huga hér: gefðu notandanum tækifæri til að skipta handvirkt hvenær sem hann vill: það er ekkert verra en að skipta sjálfkrafa um viðmótið án þess að geta skipt til baka.
Twitter er með sjálfvirka dimmu stillingu sem slokknar á kvöldin og slokknar á morgnana.
Einnig, þegar þema er þróað, er þess virði að hafa í huga að sumt er einfaldlega ekki hægt að gera dökkt.
Taktu textaritil eins og Pages. Þú getur gert viðmótið dökkt, en blaðið sjálft verður alltaf hvítt, sem líkir eftir alvöru blaði.
Síður með dökka stillingu virka
Sama gildir um allar tegundir ritstjóra til að búa til efni, eins og Sketch eða Illustrator. Þó að hægt sé að gera viðmótið dökkt, þá verður listaborðið sem þú vinnur með alltaf hvítt sjálfgefið.
Skissa í dökkri stillingu og hafa samt skærhvíta teikniborð.
Svo burtséð frá forritinu, teljum við að dökkar stillingar muni koma inn í stýrikerfið sem þú notar, sem þýðir að það er best að búa sig undir framtíðina. það verður dimmt.
Ef þú vilt læra meira um að þróa dökk notendaviðmót, vertu viss um að skoða leiðbeiningarnar , þetta var aðaluppspretta upplýsinga fyrir þessa grein.
Heimild: www.habr.com