Aŭ kion konsideri dum disvolvado de malhela reĝimo por aplikaĵo aŭ retejo
2018 montris, ke malhelaj reĝimoj estas survoje. Nun kiam ni estas duonvoje tra 2019, ni povas diri kun konfido: ili estas ĉi tie, kaj ili estas ĉie.
Ni komencu per la fakto, ke malhela reĝimo tute ne estas nova koncepto. Ĝi estas uzata dum sufiĉe longa tempo. Kaj iam, fakte, dum longa tempo, ĉi tio estis la nura afero, kiun ili uzis: monitoroj estis de la vario "verd-sur-nigra", sed nur ĉar la lumineska tegaĵo ene elsendis verdecan brilon kiam eksponite al radiado. .
Sed eĉ post la enkonduko de koloraj ekranoj, malhela reĝimo daŭre ekzistis. Kial ĉi tio estas tiel?
Estas du ĉefaj motivoj, kiuj klarigas kial hodiaŭ ĉiu dua persono rapidas aldoni malhelan temon al sia aplikaĵo. Antaŭ ĉio: komputiloj estas ĉie. Ĉie, kien ni rigardas, estas ia ekrano. Ni uzas niajn porteblajn aparatojn de mateno ĝis malfrua nokto. La ĉeesto de malhela reĝimo reduktas okulan streĉon kiam vi estas en la lito antaŭ enlitiĝi por la "lasta fojo" ruliĝante tra via socia nutrado. retoj. (Se vi estas kiel mi, "lasta fojo" povus signifi 3-horan rulaĵon . Malhela reĝimo? Jes bonvolu! )
Alia kialo estas novaj ekranproduktaj teknologioj. Ĉefmontraj modeloj de grandaj kompanioj - Apple, Google, Samsung, Huawei - ĉiuj estas ekipitaj per OLED-ekranoj, kiuj, male al LCD-ekranoj, ne postulas kontraŭlumon. Kaj tio estas vere bona novaĵo por via baterio. Imagu, ke vi rigardas bildon de nigra kvadrato sur via telefono; kun LCD, la kontraŭlumo lumigos la tutan ekranon kvankam la plej granda parto de ĝi estas nigra. Sed kiam oni vidas la saman bildon sur OLED-ekrano, la pikseloj kiuj konsistigas la nigran kvadraton simple estas malŝaltitaj. Ĉi tio signifas, ke ili tute ne konsumas energion.
Ĉi tiuj specoj de ekranoj faras malhelajn reĝimojn multe pli interesaj. Uzante malhelan interfacon, vi povas signife plilongigi la baterian vivon de via aparato. . Malhelaj reĝimoj kompreneble iras kune kun UI-ŝanĝoj, do ni pliprofundigu nian scion!
Malhelaj Reĝimoj 101
Unue: "malluma" ne samas al "nigra". Ne provu anstataŭigi blankan fonon per nigra, ĉar ĉi tio malpermesos uzi ombrojn. Dezajno kiel ĉi tiu estos super plata (malbone).
Gravas memori la bazajn principojn de ombrigo/lumigado. Objektoj kiuj estas pli altaj devus esti pli malpezaj en ombro, simulante realan vivon lumigadon kaj ombriĝon. Ĉi tio faciligas distingi inter la malsamaj komponantoj kaj ilia hierarkio.
Du identaj grizaj kvadratoj kun ombro, unu sur 100% nigra fono, la alia sur #121212. Dum la objekto leviĝas, ĝi fariĝas pli hela nuanco de griza.
En malhela temo, vi ankoraŭ povas labori kun via regula baza koloro kondiĉe ke la kontrasto estas bona. Ni klarigu per ekzemplo.
En ĉi tiu interfaco, la ĉefa ago estas la granda blua butono en la malsupra trinkejo. Ne estas problemo pri kontrasto dum ŝanĝado inter lumo aŭ malluma reĝimo, la butono ankoraŭ estas okulfrapa, la ikono estas klara, kaj ĝenerale ĉio estas bona.
Kiam la sama koloro estas uzata en malsamaj manieroj, ekzemple en teksto, estos problemoj. Provu uzi (multe) malpli saturitan nuancon de la ĉefa koloro, aŭ serĉu aliajn manierojn korpigi markkolorojn en la interfacon.
Maldekstre: Ruĝa sur nigra aspektas malbone. Ĝuste: reduktu la saturadon kaj ĉio aspektas bone. — ĉ. traduko
La sama validas por iuj aliaj fortaj koloroj, kiujn vi eble uzis, kiel averto aŭ erarkoloroj. Guglo uzas 40% blankan tavolkovraĵon aldone al la defaŭlta erarkoloro en ilia kiam vi ŝanĝas al malhela reĝimo. Ĉi tio estas sufiĉe bona deirpunkto ĉar ĝi plibonigos la kontrastajn nivelojn por kongrui kun AA-normoj. Vi povas, kompreneble, ĉiam ŝanĝi la agordojn laŭplaĉe, sed nepre kontrolu la kontrastajn nivelojn. Cetere, utila ilo por ĉi tiu celo estas la kromaĵo Sketch - , kiu montras precize kiom da kontrasto estas inter 2 tavoloj.
Kio pri la teksto?
Ĉio ĉi tie estas simpla: nenio estu 100% nigra kaj 100% blanka kaj inverse. Blanka reflektas lumajn ondojn de ĉiuj ondolongoj, nigra sorbas. Se vi metas 100% blankan tekston sur 100% nigran fonon, la literoj reflektos lumon, ŝmiriĝos kaj fariĝos malpli legeblaj, kio negative influos legeblon.
La sama validas por 100% blanka fono, kiu reflektas tro da lumo por plene koncentriĝi sur la vortoj. Provu mildigi la blankan koloron iomete, uzu helgrizon por fonoj kaj tekston sur nigraj fonoj. Ĉi tio reduktos okulan streĉon, malhelpante
Malhela reĝimo estas ĉi tie kaj ne malaperos
La kvanto da tempo, kiun ni pasigas antaŭ ekranoj, konstante kreskas, kaj ĉiu nova tago, novaj ekranoj aperas en niaj vivoj, de la momento, kiam ni vekiĝas ĝis ni endormiĝas. Ĉi tio estas sufiĉe nova fenomeno; niaj okuloj ankoraŭ ne kutimas al ĉi tiu pliiĝo de ekrantempo malfrue vespere. Jen kie malhela reĝimo eniras. Kun la enkonduko de ĉi tiu funkcio en macOS kaj Material Design (kaj plej verŝajne en iOS), ni kredas, ke pli aŭ malpli frue ĝi fariĝos la defaŭlta en ĉiuj aplikaĵoj, ambaŭ poŝtelefonaj kaj labortablaj. Kaj estas pli bone esti preta por ĉi tio!
La sola kialo por ne efektivigi malhelan reĝimon estas kiam vi estas absolute 100% certa, ke via aplikaĵo estas uzata ekskluzive en hela taglumo. Ĉi tio tamen ne okazas ofte.
Indas mencii kelkajn aferojn, kiuj postulos specialan atenton dum efektivigo de malhela reĝimo, preter la bazaj principoj resumitaj antaŭe.
Koncerne alireblecon, malluma reĝimo ne estas la plej oportuna, ĉar la kontrasto estas ĝenerale pli malalta, kio siavice tute ne plibonigas legeblecon.
Sed imagu, ke vi pretiĝas por enlitiĝi, vi vere volas dormi, sed ĝuste antaŭ ol vi endormiĝas, vi memoras, ke vi devas sendi al iu tre gravan mesaĝon, kiu ne povas atendi eĉ unu nokton. Vi kaptas vian telefonon, ŝaltu ĝin kaj AAAAAAH... la hela fono de via iMessage tenos vin veka dum pliaj 3 horoj. Dum hela teksto sur malhela fono ne estas konsiderata la plej alirebla, havi malhelan reĝimon ĝuste ĉi-sekundo estus. pliigi oportunecon je miliono. Ĉio dependas de la situacio en kiu la uzanto estas nuntempe.
Tial ni pensas aŭtomata malhela reĝimo tia bonega ideo. Ĝi ŝaltas vespere kaj malŝaltas matene. La uzanto eĉ ne bezonas pensi pri tio, kio estas tre oportuna. Twitter faris bonegan laboron kun siaj mallumreĝimaj agordoj. Krome, ili havas kaj nur malhelan reĝimon kaj eĉ pli malhelan reĝimon por ĉiuj ĉi tiuj OLED-ekranoj, ŝparante kuirilaron kaj ĉion rilatan al ĝi. Gravas rimarki ĉi tie: donu al la uzanto la ŝancon ŝanĝi permane kiam li volas: estas nenio pli malbona ol aŭtomate ŝanĝi la interfacon sen la kapablo reveni.
Twitter havas aŭtomatan malhelan reĝimon, kiu ŝaltas vespere kaj malŝaltas matene.
Ankaŭ, kiam oni disvolvas temon, indas memori, ke iuj aferoj simple ne povas esti mallumigitaj.
Prenu tekstredaktilon kiel Paĝoj. Vi povas mallumigi la interfacon, sed la folio mem ĉiam estos blanka, simulante veran paperfolion.
Paĝoj kun malhela reĝimo ebligita
La sama validas por ĉiuj specoj de enhavkreadredaktiloj, kiel ekzemple Sketch aŭ Illustrator. Kvankam la interfaco povas esti mallumigita, la arttabulo kun kiu vi laboras ĉiam estos blanka defaŭlte.
Skizu en malhela reĝimo kaj ankoraŭ havu brilblankan arttabulon.
Do sendepende de la aplikaĵo, ni kredas, ke malhelaj reĝimoj aperos denaskaj al la operaciumo, kiun vi uzas, tio signifas, ke estas plej bone prepari por la estonteco. estos mallume.
Se vi volas lerni pli pri evoluigado de malhelaj UI-oj, nepre kontrolu la gvidliniojn , ĉi tio estis nia ĉefa fonto de informoj por ĉi tiu artikolo.
fonto: www.habr.com