Ose çfarë duhet të mbani mend gjatë zhvillimit të modalitetit të errët të një aplikacioni ose faqes web.
Viti 2018 tregoi: modalitetet e errëta janë në ardhje. Tani që jemi në gjysmë të vitit 2019, mund të themi me siguri: ato janë këtu dhe janë kudo.
Të fillojmë me këtë: modaliteti i errët nuk është një koncept krejtësisht i ri. Ai ka qenë në përdorim për një kohë të gjatë. Disa kohë, në fakt, ai ishte përdorur vetëm: monitorët ishin në formën "green-on-black", por vetëm sepse mbulimi lumineshent brenda lëshonte një shkëlqim jeshil për shkak të rrezatimit.
Por edhe pas futjes së monitorëve me ngjyra, modaliteti i errët vazhdoi të jetojë. Pse ndodhi kjo?
Ka dy arsye kryesore që shpjegojnë pse sot çdo i dyti nxitohet të shtojë një temë të errët në aplikacionin e tij. E para: kompjuterët janë kudo. Kudo që të shikoni, ka një ekran. Ne përdorim pajisjet tona mobile nga mëngjesi deri në mesnatë. Prania e modalitetit të errët redukton ngarkesën në sytë tuaj kur jeni në shtrat dhe shfletoni për "herën e fundit" llogarinë e rrjeteve sociale. (Nëse jeni si unë, "herën e fundit" mund të nënkuptojë një përshkrym të 3 orëve. . Modaliteti i errët? Po, ju lutem! )
NjĂ« arsye tjetĂ«r Ă«shtĂ« teknologjitĂ« e reja tĂ« prodhimit tĂ« ekranĂ«ve. Modelet kryesore tĂ« kompanive tĂ« mĂ«dha â Apple, Google, Samsung, Huawei â tĂ« gjitha janĂ« tĂ« pajisura me ekrane OLED, qĂ«, ndryshe nga ekranet LCD, nuk kĂ«rkojnĂ« ndriçim. Dhe kjo Ă«shtĂ« vĂ«rtet njĂ« lajm i mirĂ« pĂ«r baterinĂ« tuaj. Imagjinoni qĂ« po shihni njĂ« imazh tĂ« njĂ« katrori tĂ« zi nĂ« telefonin tuaj; me njĂ« ekran LCD, ndriçimi do tĂ« ndriçonte tĂ« gjithĂ« ekranin, ndonĂ«se njĂ« pjesĂ« e madhe e tij Ă«shtĂ« e zezĂ«. Por, duke parĂ« tĂ« njĂ«jtin imazh nĂ« njĂ« ekran OLED, pikselĂ«t qĂ« pĂ«rbĂ«jnĂ« katrorin e zi thjesht fiket. Pra, ata nuk konsumojnĂ« energji fare.
Këto lloje ekranesh e bëjnë modalitetin e errët shumë më interesante. Duke përdorur një ndërfaqe të errët, ju mund të zgjatni ndjeshëm jetën e baterisë së pajisjes suaj. . Modalitetet e errëta, natyrisht, shkojnë dorë për dore me ndryshimet e UI, kështu që le të rifreskojmë njohuritë tona!
Modalitetet e errëta 101
E para dhe e para: "e errët" nuk është e barabartë me "të zezë". Mos u përpoqni të zëvendësoni sfondin e bardhë me të zezë, pasi kjo do ta bëjë të pamundur përdorimin e hijeve. Një dizajn i tillë do të ishte super i sheshët (në kuptimin e keq).
ĂshtĂ« e rĂ«ndĂ«sishme tĂ« mbani nĂ« mend parimet themelore tĂ« hijezimit/ndriçimit. Objektet qĂ« janĂ« mĂ« tĂ« larta duhet tĂ« jenĂ« mĂ« tĂ« lehta nĂ« hije, duke imituar ndriçimin dhe hijezimin e vĂ«rtetĂ«. KĂ«shtu, Ă«shtĂ« mĂ« e lehtĂ« tĂ« dalloni komponentĂ«t e ndryshĂ«m dhe hierarkinĂ« e tyre.
Dy katrorë po aq të gri me hije, një në një sfond 100% të zi, tjetri në #121212. Kur objekti ngrihet, ai merr një nuancë më të lehtë gri.
Në temën e errët, ende mund të punoni me ngjyrën tuaj të zakonshme kryesore, nëse kontrasti është në rregull. Le t'i shpjegojmë këtë me një shembull.
Në këtë ndërfaqe, veprimi kryesor është një buton i madh blu në pjesën e poshtme. Nuk ka problem kur bëhet fjalë për kontrastin midis modalitetit të ndriçuar ose modalitetit të errët, butoni ende tërheq vëmendjen, ikona është e qartë, gjithsesi, gjithçka funksionon siç duhet.
Kur e njĂ«jta ngjyrĂ« pĂ«rdoret nĂ« mĂ«nyra tĂ« ndryshme, pĂ«r shembull nĂ« tekst â do tĂ« ketĂ« probleme. Provoni tĂ« pĂ«rdorni njĂ« nuancĂ« mĂ« pak tĂ« ngopur tĂ« ngjyrĂ«s kryesore ose kĂ«rkoni mĂ«nyra tĂ« tjera pĂ«r tĂ« pĂ«rfshirĂ« ngjyrat e markĂ«s nĂ« ndĂ«rfaqe.
Nga e majta: e kuqe mbi tĂ« zezĂ« duket keq. Nga e djathta: zvogĂ«lojmĂ« ngopjen â dhe gjithçka bĂ«het nĂ« rregull. â shk. pĂ«rk.
E njĂ«jta gjĂ« vlen edhe pĂ«r tĂ« gjitha ngjyrat e tjera tĂ« ngopura qĂ« keni pĂ«rdorur, si ngjyrat e paralajmĂ«rimit ose tĂ« gabimeve. Google pĂ«rdor njĂ« mbulim tĂ« shtresĂ«s sĂ« bardhĂ« nĂ« 40% mbi ngjyrĂ«n e gabimit kryesor nĂ« udhĂ«zimet e tij kur keni kaluar nĂ« modalitetin e errĂ«t. Ky Ă«shtĂ« njĂ« pikĂ« e mirĂ« fillimi, pasi do tĂ« pĂ«rmirĂ«sojĂ« nivelet e kontrastit pĂ«r t'u pĂ«rputhur me standardet AA. Sigurisht, gjithmonĂ« mund tĂ« ndryshoni cilĂ«simet sipas dĂ«shirĂ«s suaj, por mos harroni tĂ« kontrolloni nivelet e kontrastit. P.S.: njĂ« mjet i dobishĂ«m pĂ«r kĂ«tĂ« qĂ«llim Ă«shtĂ« pluhuri pĂ«r Sketch â , i cili shfaq saktĂ«sisht sa kontrast Ă«shtĂ« midis 2 shtresave.
Si për tekstin?
Këtu është e thjeshtë: asgjë nuk duhet të jetë 100% e zezë mbi 100% të bardhë dhe anasjelltas. E bardha reflekton valët e dritës të të gjitha gjatësive, e zeza absorbon. Nëse vendosni tekstin 100% të bardhë mbi një sfond 100% të zi, shkronjat do të reflektojnë dritën, do të shkurtojnë dhe do të bëhen më pak të lehta për t'u lexuar, çka do të dëmtojë lexueshmërinë.
Po të njëjtën mënyrë, një sfond 100% i bardhë reflekton shumë dritë, duke e bërë të vështirë përqendrimin te fjalët. Provoni të zbutni pak ngjyrën e bardhë, përdorni gri të lehtë për sfondet dhe teksti mbi sfondin e zi. Kjo do të reduktojë ngarkesën për sytë, duke parandaluar
Mënyra e errët këtu është dhe nuk ka për të ikur
Koha që kalojmë përpara ekranëve po rritet vazhdimisht, dhe çdo ditë e re, ekrane të reja shfaqen në jetën tonë, që nga momenti kur zgjohemi dhe deri sa flejmë. Kjo është një dukuri mjaft e re, sytë tanë nuk janë akoma të përshtatur me këtë rritje të kohës përpara ekranit vonë në mbrëmje. Këtë herë, mënyra e errët hyn në skenë. Pas përfshirjes së kësaj funksionaliteti në macOS dhe Material Design (dhe, me siguri, në iOS) besojmë se herët a vonë do të bëhet default në të gjitha aplikacionet, si në celular ashtu edhe në desktop. Dhe është më mirë të jemi të përgatitur për këtë!
Arsyeja e vetme për të mos implementuar mënyrën e errët, është kur jeni 100% të sigurt se aplikacioni juaj përdoret vetëm në dritë të ndritshme. Kjo ndodhë, për fat të keq, rrallë.
Duhet përmendur disa gjëra që kërkojnë vëmendje të veçantë kur implementoni mënyrën e errët, përveç parimeve themelore të përmendura më parë.
Nga këndvështrimi i aksesibilitetit, mënyra e errët nuk është më e lehtë për t'u përdorur, pasi kontrasti në përgjithësi është më i ulët, duke mos përmirësuar lexueshmërinë.
Por, imagjinoni se po përgatiteni për gjumë, keni shumë gjumë, por pikërisht para se të flini, ju kujtohet se duhet të dërgoni një mesazh të rëndësishëm që s'mund të presë as një natë. Merrni telefonin tuaj, e ndizni dhe AAAAAAA⊠sfondi i ndritshëm i iMessage nuk do t'ju lejojë të flini për edhe 3 orë. Ndërsa teksti i ndritshëm mbi sfondin e errët nuk është maksimalisht i aksesueshëm, të paturit e një mënyre të errët në atë moment do të kishte rritur komoditetin në miliona. Gjithçka varet nga situata ku ndodhet përdoruesi në atë moment.
Për këtë arsye, ne besojmë se mënyra automatike e errët është një ide shumë e mirë. Aktivizohet në mbrëmje dhe shuahet në mëngjes. Përdoruesit nuk kanë nevojë të mendojnë për të, gjë që është shumë e përshtatshme. Twitter ka bërë një punë të shkëlqyer me cilësimet e mënyrës së errët. Për më tepër, ata kanë si një mënyrë të errët të zakonshme, ashtu edhe një mënyrë më të errët për të gjitha këto ekrane OLED, kursimin e energjisë dhe gjithçka që lidhet me të. Këtu është e rëndësishme të theksohet: jepni përdoruesit mundësinë për të kaluar manualisht kur të dojë: nuk ka asgjë më të keqe se ndryshimi automatik i ndërfaqes pa mundësinë për ta kthyer prapa.
Në Twitter ka një mënyrë automatike të errët, e cila ndizet në mbrëmje dhe shuahet në mëngjes.
Njësoj si në zhvillimin e temës, duhet të keni parasysh se disa gjëra thjesht nuk mund të bëhen të errëta.
Merrni, për shembull, redaktorin e teksteve, Pages. Mund të bëni ndërfaqen të errët, por fleta do të jetë gjithmonë e bardhë, duke imituar një fletë të vërtetë.
Pages me mënyrën e errët të aktivizuar
E njëjta gjë vlen për të gjithë llojet e redaktorëve të krijimit të përmbajtjes, si Sketch ose Illustrator. Ndërsa ndërfaqja mund të bëhet e errët, paneli i punës me të cilin punoni gjithmonë do të jetë i bardhë si për herë të parë.
Sketch në mënyrë të errët dhe paneli i punës ende i bardhë.
Prandaj, pavarĂ«sisht nga aplikacioni, ne besojmĂ« se mĂ«nyrat e errĂ«ta do tĂ« bĂ«hen natyrore pĂ«r sistemin operativ qĂ« pĂ«rdorni, ndaj Ă«shtĂ« mĂ« mirĂ« tĂ« pĂ«rgatiteni pĂ«r tĂ« ardhmen, do tĂ« jetĂ« e errĂ«t.Â
Nëse doni të dini më shumë rreth zhvillimit të ndërfaqeve të errëta, sigurohuni që të shqyrtoni udhëzimet kjo ka qenë burimi ynë kryesor i informacionit për këtë artikull.
Burimi: habr.com
