Arba į ką reikia atsižvelgti kuriant tamsųjį režimą programai ar svetainei
2018 m. parodė, kad tamsieji režimai yra pakeliui. Dabar, kai įpusėjome 2019 m., galime drąsiai teigti: jie čia ir yra visur.
Pradėkime nuo to, kad tamsusis režimas nėra visiškai nauja koncepcija. Jis buvo naudojamas gana ilgą laiką. Ir kažkada, tiesą sakant, ilgą laiką, tai buvo vienintelis dalykas, kurį jie naudojo: monitoriai buvo „žalia-juodo“ tipo, bet tik todėl, kad viduje esanti liuminescencinė danga, veikiama spinduliuotės, skleidė žalsvą švytėjimą. .
Tačiau net ir įvedus spalvotus monitorius, tamsus režimas ir toliau egzistavo. Kodėl taip yra?
Yra du pagrindiniai motyvai, paaiškinantys, kodėl šiandien kas antras žmogus skuba į savo programą įtraukti tamsią temą. Visų pirma: kompiuteriai yra visur. Visur, kur žiūrime, yra kažkoks ekranas. Mes naudojame mobiliuosius įrenginius nuo ryto iki vėlyvo vakaro. Tamsaus režimo buvimas sumažina akių nuovargį, kai gulite lovoje prieš eidami miegoti „paskutinį kartą“ naršydami socialiniame tinkle. tinklus. (Jei esate kaip aš, „paskutinį kartą“ gali reikšti 3 valandų slinktį . Tamsus režimas? Taip prašau! )
Kita priežastis – naujos ekranų gamybos technologijos. Didelių kompanijų – Apple, Google, Samsung, Huawei – pavyzdiniai modeliai yra aprūpinti OLED ekranais, kuriems, skirtingai nei LCD ekranams, nereikia foninio apšvietimo. Ir tai tikrai gera žinia jūsų akumuliatoriui. Įsivaizduokite, kad telefone žiūrite juodo kvadrato vaizdą; naudojant LCD, foninis apšvietimas apšvies visą ekraną, nors didžioji jo dalis yra juoda. Tačiau žiūrint tą patį vaizdą OLED ekrane, pikseliai, sudarantys juodą kvadratą, tiesiog išjungiami. Tai reiškia, kad jie visiškai nevartoja energijos.
Dėl šių tipų ekranų tamsūs režimai tampa daug įdomesni. Naudodami tamsią sąsają galite žymiai pailginti įrenginio baterijos veikimo laiką. . Tamsūs režimai, žinoma, vyksta kartu su UI pakeitimais, todėl papildykime savo žinias!
Tamsieji režimai 101
Visų pirma: „tamsus“ nėra tas pats, kas „juoda“. Nemėginkite balto fono pakeisti juodu, nes taip bus neįmanoma naudoti šešėlių. Toks dizainas bus itin plokščias (blogąja prasme).
Svarbu nepamiršti pagrindinių šešėliavimo/apšvietimo principų. Objektai, kurie yra aukštesni, turėtų būti šviesesni šešėlyje, imituojant realų apšvietimą ir šešėlį. Taip lengviau atskirti skirtingus komponentus ir jų hierarchiją.
Du identiški pilki kvadratai su šešėliu, vienas 100% juodame fone, kitas #121212. Kai objektas pakyla, jis tampa šviesesnio pilko atspalvio.
Tamsioje temoje vis tiek galite dirbti su įprasta bazine spalva, jei kontrastas yra tinkamas. Paaiškinkime pavyzdžiu.
Šioje sąsajoje pagrindinis veiksmas yra didelis mėlynas mygtukas apatinėje juostoje. Perjungiant šviesų ar tamsų režimą dėl kontrasto problemų nėra, mygtukas vis tiek traukia akį, piktograma aiški, o apskritai viskas gerai.
Kai ta pati spalva naudojama skirtingais būdais, pavyzdžiui, tekste, kils problemų. Pabandykite naudoti (daug) mažiau prisotintą pagrindinės spalvos atspalvį arba ieškokite kitų būdų, kaip į sąsają įtraukti prekės ženklo spalvas.
Kairėje: raudona ant juodo atrodo blogai. Teisingai: sumažinkite sodrumą ir viskas atrodo gerai. — apytiksliai vertimas
Tas pats pasakytina apie visas kitas stiprias spalvas, kurias galbūt naudojote, pvz., įspėjimo arba klaidų spalvas. „Google“ naudoja 40 % balto sluoksnio perdangą ant numatytosios klaidos spalvos perjungiant į tamsųjį režimą. Tai gana geras atspirties taškas, nes tai pagerins kontrasto lygius, kad atitiktų AA standartus. Žinoma, visada galite keisti nustatymus taip, kaip jums atrodo tinkama, tačiau būtinai patikrinkite kontrasto lygius. Beje, naudingas įrankis šiam tikslui yra Sketch įskiepis - , kuris tiksliai parodo, kiek kontrasto yra tarp 2 sluoksnių.
O kaip tekstas?
Čia viskas paprasta: niekas neturėtų būti 100% juodas ir 100% baltas ir atvirkščiai. Balta spalva atspindi visų bangų ilgių šviesos bangas, juoda sugeria. Jei pateiksite 100 % baltą tekstą ant 100 % juodo fono, raidės atspindės šviesą, susiteps ir taps mažiau įskaitomos, o tai neigiamai paveiks skaitomumą.
Tas pats pasakytina apie 100% baltą foną, kuris atspindi per daug šviesos, kad būtų galima visiškai sutelkti dėmesį į žodžius. Pabandykite šiek tiek sušvelninti baltą spalvą, naudokite šviesiai pilką foną ir tekstą juodame fone. Tai sumažins akių įtampą, užkirs kelią
Tamsusis režimas yra čia ir neišnyks
Laikas, kurį praleidžiame prie ekranų, nuolat auga, ir kiekvieną naują dieną mūsų gyvenime atsiranda vis naujų ekranų – nuo pabudimo iki užmigimo. Tai gana naujas reiškinys, mūsų akys dar nėra pripratusios prie tokio ilgesnio ekrano laiko vėlai vakare. Čia pradeda veikti tamsusis režimas. „MacOS“ ir „Material Design“ (ir greičiausiai „iOS“) įdiegus šią funkciją, manome, kad anksčiau ar vėliau ji taps numatytuoju visose programose – tiek mobiliuosiuose, tiek staliniuose kompiuteriuose. Ir geriau tam pasiruošti!
Vienintelė priežastis neįdiegti tamsaus režimo yra tada, kai esate visiškai 100% tikras, kad jūsų programa naudojama tik ryškioje dienos šviesoje. Tačiau tai neįvyksta dažnai.
Verta paminėti keletą dalykų, kuriems reikės ypatingo dėmesio diegiant tamsųjį režimą, be pagrindinių principų, apibendrintų anksčiau.
Kalbant apie prieinamumą, tamsus režimas nėra pats patogiausias, nes kontrastas paprastai yra mažesnis, o tai savo ruožtu visiškai nepagerina skaitomumo.
Tačiau įsivaizduokite, kad ruošiatės miegoti, labai norite miego, bet prieš pat užmigdami atsimenate, kad turite nusiųsti kam nors itin svarbią žinutę, kuri negali laukti nė vienos nakties. Jūs paimate telefoną, įjungiate jį ir AAAAAAH... šviesus iMessage fonas neleis jus miegoti dar 3 valandas. Nors šviesus tekstas tamsiame fone nėra laikomas prieinamiausiu, šią sekundę įjungus tamsų režimą padidinti patogumą milijonu. Viskas priklauso nuo situacijos, kurioje šiuo metu yra vartotojas.
Štai kodėl mes manome automatinis tamsus režimas tokia šauni idėja. Jis įsijungia vakare ir išsijungia ryte. Vartotojui net nereikia apie tai galvoti, o tai labai patogu. „Twitter“ puikiai atliko savo tamsaus režimo nustatymus. Be to, jie turi ir tiesiog tamsųjį režimą, ir dar tamsesnį režimą visiems šiems OLED ekranams, taupančius bateriją ir viską, kas su tuo susiję. Čia svarbu pažymėti: suteikite vartotojui galimybę perjungti rankiniu būdu, kai tik jis nori: nėra nieko blogiau nei automatiškai pakeisti sąsają be galimybės perjungti atgal.
Twitter turi automatinį tamsųjį režimą, kuris įsijungia vakare ir išsijungia ryte.
Be to, kuriant temą, verta turėti omenyje, kad kai kurių dalykų tiesiog negalima aptemdyti.
Paimkite teksto rengyklę, pvz., Puslapius. Galite padaryti sąsają tamsią, tačiau pats lapas visada bus baltas, imituojantis tikrą popieriaus lapą.
Puslapiai, kuriuose įjungtas tamsus režimas
Tas pats pasakytina apie visų tipų turinio kūrimo redaktorius, tokius kaip „Sketch“ ar „Illustrator“. Nors sąsają galima padaryti tamsią, piešinių lenta, su kuria dirbate, pagal numatytuosius nustatymus visada bus balta.
Nubraižykite eskizą tamsiuoju režimu ir vis tiek turite ryškiai baltą piešinį.
Taigi, nepaisant programos, manome, kad tamsieji režimai bus naudojami jūsų naudojamoje operacinėje sistemoje, o tai reiškia, kad geriausia pasiruošti ateičiai. bus tamsu.
Jei norite sužinoti daugiau apie tamsių vartotojo sąsajų kūrimą, būtinai peržiūrėkite gaires , tai buvo pagrindinis šio straipsnio informacijos šaltinis.
Šaltinis: www.habr.com