Ose ajo që duhet të mbani mend kur zhvilloni një mënyrë të errët për aplikacionin ose uebfaqen
Viti 2018 tregoi: mënyrat e errëta janë në rrugë. Tani, kur jemi në gjysmë të rrugës për në vitin 2019, mund të themi me besim: ato janë këtu dhe janë kudo.
Le t'ia nisim nga fakti se mënyra e errët nuk është një koncept krejtësisht i ri. Ajo është përdorur për një kohë relativisht të gjatë. Ndërkohë, dikur, në të vërtetë, vetëm ajo është përdorur: monitorët ishin të tipit "të gjelbër mbi të zezë", por vetëm sepse mbulimi fluorescens brenda emetonte një ndriçim të gjelbër në përputhje me rrezatimin.
Por edhe pas implementimit të monitorëve me ngjyra, mënyra e errët vazhdoi të ekzistojë. Pse ndodhi kështu?
Ka dy motive kryesore që shpjegojnë pse sot çdo i dyti nxiton të shtojë një temë të errët në aplikacionin e tij. Së pari: kompjuterët janë kudo. Kudo që ta shohim, ka një ekran. Ne përdorim pajisjet tona mobile nga mëngjesi deri në vonë. Prania e një mënyre të errët zvogëlon ngarkesën për sytë, kur ndodheni në shtrat dhe përfundojni së shfletuari për "herën e fundit" në rrjetet sociale. (Nëse jeni si unë, "herën e fundit" mund të përfshijë një rulim 3-orësh. . Mënyra e errët? Po, sigurisht! )
Një arsye tjetër është teknologjitë e reja të prodhimit të ekranëve. Modelet kryesore të kompanive si Apple, Google, Samsung, Huawei - të gjitha janë të pajisura me ekrane OLED, të cilat, ndryshe nga ekranet LCD, nuk kërkojnë ndriçim. Dhe kjo është padyshim një lajm i mirë për baterinë tuaj. Imagjinoni se po shihni një imazh të një katrori të zezë në telefonin tuaj; me një ekran LCD, ndriçimi do ta ndriçonte të gjithë ekranin, edhe pse pjesa e madhe e tij është e zezë. Por kur shihni të njëjtin imazh në një ekran OLED, pixelët që përbëjnë katrorin e zezë thjesht fikën. Pra, nuk konsumojnë energji fare.
Këto tipe ekranesh e bëjnë mënyrën e errët shumë më interesante. Duke përdorur një ndërfaqe të errët, mund të zgjatni ndjeshëm jetën e baterisë së pajisjes tuaj. . Mënyrat e errëta, sigurisht, shkojnë dorë për dore me ndryshimet në UI, prandaj le të rifreskojmë njohuritë tona!
Mënyrat e errëta 101
Para fillim: «e errëta» nuk është e njëjtë me «e zymtë». Mos u përpoqni ta zëvendësoni sfondin e bardhë me të zezë, sepse do ta bëjë të pamundur përdorimin e hijeve. Një dizajn i tillë do të jetë super i sheshtë (në kuptimin e keq).
Është e rëndësishme të keni parasysh parimet bazë të hijezimit/ndriçimit. Objektet që janë më të ngritura duhet të jenë më të lehta në hije, duke imituar ndriçimin dhe hijezimin real. Kështu, është më e lehtë të dalloni komponentët e ndryshëm dhe hierarkinë e tyre.
Dy katrorë të njëjtë gri me hije, një në një sfond 100% të zezë, 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 kryesore të zakonshme, nëse kontrasti është në rregull. Le të shpjegojmë me një shembull.
Në këtë ndërfaqe, veprimi kryesor është një buton i madh blu në panele e poshtme. Nuk ka probleme nga pikëpamja e kontrastit kur kaloni midis modit të ndriçuar ose të errët, butoni ende tërheq vëmendjen, ikona është e qartë, gjithsesi, gjithçka është shkëlqyer.
Kur e njëjta ngjyrë përdoret ndryshe, p.sh., në tekst, do të ketë probleme. Provoni të përdorni një nuancë (shumë) 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.
Majtas: e kuqja mbi të zezë duket keq. Nga ana tjetër: le të zvogëlojmë ngopjen — dhe gjithçka bëhet mirë. — shën. përkth.
Kjo vlen për të gjitha ngjyrat e tjera të ngopura që mund të keni përdorur, si p.sh., ngjyrat e paralajmërimit ose të gabimit. Google përdor një mbulesë të bardhë në 40% mbi ngjyrën e gabimit të parazgjedhur në udhëzimet e tij kur kaloni në modin e errët. Kjo është një pikë e mirë nisëse, pasi do të përmirësojë nivelet e kontrastit për të përmbushur standardet AA. Sigurisht, gjithmonë mund të ndryshoni cilësimet sipas dëshirat tuaja, por mos harroni të kontrolloni nivelet e kontrastit. Nga ana tjetër, një mjet i dobishëm për këtë qëllim është plugin për Sketch — , i cili tregon saktësisht sa kontrast ka mes 2 shtresave.
Si është me tekstin?
Këtu gjërat janë të thjeshta: 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ësi, ndërsa e zeza absorbon. Nëse vendosni tekstin e bardhë 100% mbi një sfond të zi 100%, shkronjat do të reflektojnë dritën, do të zbeheshin dhe do të bëhen më pak të lehta për t'u lexuar, çka do të ndikonte negativisht në lexueshmëri.
E njëjta gjë vlen dhe për sfondin e bardhë 100%, i cili reflekton shumë dritë për t'u përqendruar plotësisht në fjalë. Provoni të zbutni pak ngjyrën e bardhë, përdorni gri të ndritshme për sfondet dhe tekstet mbi sfondet e zeza. Kjo do të ulë ngarkesën mbi sytë, duke parandaluar
Rezi i errët këtu dhe nuk ka për t'u larguar
Sasia e kohës që kalojmë para ekraneve po rritet vazhdimisht, dhe çdo ditë të re, ekrane të reja shfaqen në jetën tonë, që nga momenti që zgjohemi deri në momentin që flijojmë. Kjo është një dukuri mjaft e re, sytë tanë ende nuk janë mësuar me rritjen e tillë të kohës para ekranit vonë në darkë. Këtu rezi i errët hyn në lojë. Pas prezantimit të kësaj funksionaliteti në macOS dhe Material Design (dhe, shumë e mundshme, në iOS) ne besojmë se vonë a herët do të bëhet standard në të gjitha aplikacionet, si ato mobile ashtu dhe ato desktop. Dhe është më mirë të jemi të përgatitur për këtë!
Arsyeja e vetme për të mos implementuar rezi të errët është kur jeni absolutisht 100% të sigurt se aplikacioni juaj përdoret vetëm në dritë të ndritshme të ditës. Kjo ndodh, megjithatë, jo shpesh.
Duhet të përmendim disa gjëra që kërkojnë vëmendje të veçantë gjatë zbatimit të rezi të errët, përveç parimeve kryesore të përmbledhura më parë.
Nga këndvështrimi i aksesueshmërisë, rezi i errët nuk është më i lehtë, pasi kontrasti në përgjithësi është më i ulët, çka nga ana tjetër nuk përmirëson lexueshmërinë.
Por, imagjinoni se po përgatiteni për të fjetur, jeni shumë të lodhur, por pikërisht përpara se të flini, ju kujtohet se duhet të dërgoni një mesazh super të rëndësishëm dikujt, që nuk mund të presë as një natë. Merrni telefonin tuaj, e ndizni atë dhe AAAAAA… sfondi i ndritshëm i iMessage tuaj nuk do t'ju lejojë të flini për akoma 3 orë. Ndërsa teksti i ndritshëm mbi sfondin e errët nuk konsiderohet maksimalisht i aksesueshëm, prania e rezi të errët pikërisht në këtë sekond do të rrisë komoditetin për një milion. Gjithçka varet nga situata në të cilën ndodhet përdoruesi në atë moment.
Kjo është arsyeja pse ne besojmë modi automatik të errët Një ide shumë e shkëlqyer. Aktivizohet në mbrëmje dhe fiket në mëngjes. Përdoruesi nuk ka nevojë të mendojë për këtë, që është shumë e përshtatshme. Twitter bëri një punë të shkëlqyer me cilësimet e modit të errët. Për më tepër, ata kanë si një mod të errët të thjeshtë ashtu edhe një version më të errët për të gjitha këto ekrane OLED, për kursimin e jetës së baterisë dhe çdo gjë që lidhet me këtë. Këtu është e rëndësishme të theksohet: jepni përdoruesit mundësinë për të kaluar manualisht kur të dëshirojë: nuk ka gjë më të keqe se ndryshimi automatik i ndërfaqes pa mundësinë për ta kthyer mbrapsht.
Twitter ka një mod automatik të errët që aktivizohet në mbrëmje dhe fiket në mëngjes.
Po ashtu, kur zhvilloni një temë, duhet të keni parasysh se disa gjëra thjesht nuk mund të bëhen të errëta.
Merrni për shembull redaktuesin e tekstit, Pages. Mund ta bëni ndërfaqen të errët, por fleta vetë do të mbetet gjithmonë e bardhë, duke imituar një fletë reale letre.
Pages me modin e errët të aktivizuar
I njëjti rregull vlen për të gjitha llojet e redaktorëve për krijimin e përmbajtjes, si Sketch ose Illustrator. Edhe pse ndërfaqja mund të bëhet e errët, paneli i punës, nga i cili punoni, gjithmonë do të jetë i bardhë në parazgjedhje.
Sketch në modin e errët dhe prapë një panel punimi të bardhë të ndritshëm.
Prandaj, pavarësisht nga aplikacioni, ne besojmë se modet e errëta do të bëhen natyrore për sistemin operativ që po përdorni, prandaj është më mirë të përgatitemi për të ardhmen. do të jetë e errët.
Nëse dëshironi të mësoni më shumë rreth zhvillimit të ndërfaqeve të errëta, sigurohuni të shikoni udhëzimet , ky ishte burimi ynë kryesor i informacionit për këtë artikull.
Burimi: habr.com
