Ose çfarë duhet të keni parasysh kur zhvilloni një modalitet të errët për një aplikacion ose faqe interneti
2018 tregoi se mënyrat e errëta janë në rrugë të mbarë. Tani që jemi në gjysmë të rrugës 2019, mund të themi me besim: ata janë këtu dhe janë kudo.
Le të fillojmë me faktin se modaliteti i errët nuk është aspak një koncept i ri. Hasshtë përdorur për një kohë mjaft të gjatë. Dhe një herë e një kohë, në fakt, për një kohë të gjatë, kjo ishte e vetmja gjë që përdornin: monitorët ishin të varietetit "jeshile mbi të zezë", por vetëm sepse veshja lumineshente brenda lëshonte një shkëlqim të gjelbër kur ekspozohej ndaj rrezatimit. .
Por edhe pas prezantimit të monitorëve me ngjyra, modaliteti i errët vazhdoi të ekzistonte. Pse është kështu?
Dy janë motivet kryesore që shpjegojnë pse sot çdo i dyti nxiton të shtojë një temë të errët në aplikacionin e tij. Para së gjithash: kompjuterët janë kudo. Kudo ku shikojmë ka një lloj ekrani. Ne përdorim pajisjet tona celulare nga mëngjesi deri në orët e vona të natës. Prania e një modaliteti të errët redukton tendosjen e syve kur jeni në shtrat para se të shkoni në shtrat për "herën e fundit" duke lëvizur nëpër burimet tuaja sociale. rrjeteve. (Nëse jeni si unë, "hera e fundit" mund të nënkuptojë një rrotull 3-orësh . Modaliteti i errët? Po të lutem! )
Një arsye tjetër janë teknologjitë e reja të prodhimit të ekranit. Modelet kryesore të kompanive të mëdha - Apple, Google, Samsung, Huawei - janë të gjitha të pajisura me ekrane OLED, të cilat, ndryshe nga ekranet LCD, nuk kërkojnë ndriçim të pasmë. Dhe ky është me të vërtetë një lajm i mirë për baterinë tuaj. Imagjinoni që po shikoni një imazh të një katrori të zi në telefonin tuaj; me një LCD, drita e prapme do të ndriçojë të gjithë ekranin edhe pse pjesa më e madhe e tij është e zezë. Por kur shikoni të njëjtin imazh në një ekran OLED, pikselët që përbëjnë katrorin e zi thjesht fiken. Kjo do të thotë që ata nuk konsumojnë energji fare.
Këto lloj ekranesh i bëjnë modalitetet e errëta shumë më interesante. Duke përdorur një ndërfaqe të errët, mund të zgjasni ndjeshëm jetën e baterisë së pajisjes tuaj. . Modalitetet e errëta sigurisht që shkojnë paralelisht me ndryshimet e ndërfaqes së përdoruesit, kështu që le të rishikojmë njohuritë tona!
Mënyrat e errëta 101
Para së gjithash: "e errët" nuk është e njëjtë me "e zezë". Mos u mundoni të zëvendësoni një sfond të bardhë me një të zi, pasi kjo do ta bëjë të pamundur përdorimin e hijeve. Një dizajn si ky do të jetë super i sheshtë (në një mënyrë të keqe).
Është e rëndësishme të mbani parasysh parimet bazë të hijes/ndriçimit. Objektet që janë më të ngritura duhet të jenë më të lehta në hije, duke simuluar ndriçimin dhe hijezimin e jetës reale. Kjo e bën më të lehtë dallimin ndërmjet komponentëve të ndryshëm dhe hierarkisë së tyre.
Dy katrorë identikë gri me një hije, njëri në një sfond 100% të zi, tjetri në #121212. Ndërsa objekti ngrihet, bëhet një nuancë më e lehtë gri.
Në një temë të errët, mund të punoni ende me ngjyrën tuaj bazë të rregullt për sa kohë që kontrasti është në rregull. Le të shpjegojmë me një shembull.
Në këtë ndërfaqe, veprimi kryesor është butoni i madh blu në shiritin e poshtëm. Nuk ka asnjë problem për sa i përket kontrastit kur kaloni midis modalitetit të dritës ose të errët, butoni është ende tërheqës, ikona është e qartë dhe në përgjithësi gjithçka është në rregull.
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ë (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 në të zezë duket keq. E drejta: zvogëloni ngopjen dhe gjithçka duket mirë. - përafërsisht. përkthimi
E njëjta gjë vlen edhe për çdo ngjyrë tjetër të fortë që mund të keni përdorur, të tilla si ngjyrat e paralajmërimit ose gabimit. Google përdor një shtresë të bardhë prej 40% në krye të ngjyrës së gabimit të paracaktuar në to kur kaloni në modalitetin e errët. Kjo është një pikënisje mjaft e mirë pasi do të përmirësojë nivelet e kontrastit për të përputhur standardet AA. Sigurisht, gjithmonë mund t'i ndryshoni cilësimet sipas dëshirës, por sigurohuni që të kontrolloni nivelet e kontrastit. Nga rruga, një mjet i dobishëm për këtë qëllim është shtojca Sketch - , e cila tregon saktësisht se sa kontrast ka midis 2 shtresave.
Po me tekstin?
Gjithçka është e thjeshtë këtu: asgjë nuk duhet të jetë 100% e zezë dhe 100% e bardhë dhe anasjelltas. E bardha reflekton valët e dritës të të gjitha gjatësive valore, e zeza thith. Nëse vendosni tekst 100% të bardhë në një sfond 100% të zi, shkronjat do të reflektojnë dritë, do të njollosen dhe do të bëhen më pak të lexueshme, gjë që do të ndikojë negativisht në lexueshmërinë.
E njëjta gjë vlen edhe për një sfond 100% të bardhë, i cili reflekton shumë dritë për t'u fokusuar plotësisht te fjalët. Provoni të zbutni pak ngjyrën e bardhë, përdorni gri të hapur për sfond dhe tekst në sfond të zi. Kjo do të zvogëlojë tendosjen e syve, duke parandaluar
Mënyra e errët është këtu dhe nuk do të largohet
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 kur zgjohemi e deri sa na zë gjumi. Ky është një fenomen mjaft i ri; sytë tanë nuk janë mësuar ende me këtë rritje të kohës së ekranit vonë në mbrëmje. Këtu hyn në lojë Mode Dark. Me futjen e kësaj veçorie në macOS dhe Material Design (dhe ka shumë të ngjarë në iOS), besojmë se herët a vonë do të bëhet parazgjedhja në të gjitha aplikacionet, si në celular ashtu edhe në desktop. Dhe është më mirë të përgatiteni për këtë!
Arsyeja e vetme për të mos zbatuar modalitetin e errët është kur jeni absolutisht 100% i sigurt se aplikacioni juaj përdoret ekskluzivisht në dritën e ndritshme të ditës. Sidoqoftë, kjo nuk ndodh shpesh.
Vlen të përmenden disa gjëra që do të kërkojnë vëmendje të veçantë gjatë zbatimit të modalitetit të errët, përtej parimeve bazë të përmbledhura më parë.
Për sa i përket aksesit, modaliteti i errët nuk është më i përshtatshmi, pasi kontrasti është përgjithësisht më i ulët, gjë që nga ana tjetër nuk përmirëson lexueshmërinë fare.
Por imagjinoni që po përgatiteni për shtrat, dëshironi shumë të flini, por menjëherë para se të bini në gjumë, mbani mend se duhet t'i dërgoni dikujt një mesazh super të rëndësishëm që nuk mund të presë as një natë. E merr telefonin, e ndez dhe AAAAAAH... sfondi i ndritshëm i iMessage do të të mbajë zgjuar edhe për 3 orë të tjera. Ndërsa teksti i lehtë në sfond të errët nuk konsiderohet më i arritshëm, të kesh një modalitet të errët pikërisht këtë sekondë Rritni lehtësinë me një milion. E gjitha varet nga situata në të cilën është përdoruesi në këtë moment.
Kjo është arsyeja pse ne mendojmë Mënyra automatike e errët një ide kaq e lezetshme. Ndizet në mbrëmje dhe fiket në mëngjes. Përdoruesi as nuk duhet të mendojë për të, gjë që është shumë e përshtatshme. Twitter ka bërë një punë të shkëlqyer me cilësimet e tij të modalitetit të errët. Përveç kësaj, ata kanë vetëm një modalitet të errët dhe një modalitet edhe më të errët për të gjithë këta ekrane OLED, duke kursyer baterinë dhe gjithçka që lidhet me të. Është e rëndësishme të theksohet këtu: jepini përdoruesit mundësinë që të ndërrojë manualisht sa herë që dëshiron: nuk ka asgjë më të keqe se ndryshimi automatik i ndërfaqes pa aftësinë për t'u kthyer prapa.
Twitter ka një modalitet automatik të errët që ndizet në mbrëmje dhe fiket në mëngjes.
Gjithashtu, kur zhvilloni një temë, ia vlen të keni parasysh se disa gjëra thjesht nuk mund të bëhen të errëta.
Merrni një redaktues teksti si faqet. Ju mund ta bëni ndërfaqen të errët, por vetë fleta do të jetë gjithmonë e bardhë, duke simuluar një fletë të vërtetë letre.
Faqet me modalitetin e errët të aktivizuar
E njëjta gjë vlen për të gjitha llojet e redaktuesve të krijimit të përmbajtjes, të tilla si Sketch ose Illustrator. Megjithëse ndërfaqja mund të bëhet e errët, tabela artistike me të cilën punoni do të jetë gjithmonë e bardhë si parazgjedhje.
Skico në modalitetin e errët dhe gjithsesi keni një tabelë artistike të bardhë të ndritshme.
Pra, pavarësisht nga aplikacioni, ne besojmë se modalitetet e errëta do të vijnë në sistemin operativ që përdorni, që do të thotë se është më mirë të përgatiteni për të ardhmen. do të jetë errësirë.
Nëse dëshironi të mësoni më shumë rreth zhvillimit të UI-ve të errëta, sigurohuni që të shikoni udhëzimet , ky ishte burimi ynë kryesor i informacionit për këtë artikull.
Burimi: www.habr.com