ProHoster > Blogs > interneta ziņas > Tuvojas tumÅ”ie laiki

Tuvojas tumŔie laiki

Vai arī tas, kas jāpatur prātā, izstrādājot tumŔo režīmu lietojumprogrammai vai vietnei

2018. gads parādÄ«ja, ka tumÅ”ie režīmi ir ceļā. Tagad, kad esam 2019. gada pusceļā, varam ar pārliecÄ«bu teikt: viņi ir Å”eit, un viņi ir visur.

Tuvojas tumÅ”ie laikiVeca zaļŔ-melns monitora piemērs

Sāksim ar to, ka tumÅ”ais režīms nemaz nav jauns jēdziens. Tas ir izmantots diezgan ilgu laiku. Un kādreiz, patiesÄ«bā, ilgu laiku, tas bija vienÄ«gais, ko viņi izmantoja: monitori bija ā€œzaļŔ-melnsā€, bet tikai tāpēc, ka iekÅ”pusē esoÅ”ais luminiscējoÅ”ais pārklājums izstaroja zaļganu mirdzumu, pakļaujoties starojumam. .

Bet pat pēc krāsu monitoru ievieÅ”anas tumÅ”ais režīms turpināja pastāvēt. Kāpēc tas tā ir?

Tuvojas tumÅ”ie laikiIr divi galvenie motÄ«vi, kas izskaidro, kāpēc mÅ«sdienās katrs otrais steidzas savam pieteikumam pievienot kādu tumÅ”u tēmu. Pirmkārt: datori ir visur. Visur, kur mēs skatāmies, ir sava veida ekrāns. Mēs izmantojam savas mobilās ierÄ«ces no rÄ«ta lÄ«dz vēlam vakaram. TumŔā režīma klātbÅ«tne samazina acu nogurumu, kad esat gultā pirms gulētieÅ”anas ā€œpēdējo reiziā€, ritinot sociālo plÅ«smu. tÄ«kliem. (Ja esat tāds pats kā es, ā€œpēdējā reizeā€ varētu nozÄ«mēt 3 stundu ritināŔanu R/EngineeringPorn. TumÅ”ais režīms? Jā, lÅ«dzu! )

Vēl viens iemesls ir jaunas displeju ražoÅ”anas tehnoloÄ£ijas. Lielo uzņēmumu - Apple, Google, Samsung, Huawei - flagmaņu modeļi ir aprÄ«koti ar OLED ekrāniem, kuriem atŔķirÄ«bā no LCD displejiem nav nepiecieÅ”ams fona apgaismojums. Un tās ir patieŔām labas ziņas jÅ«su akumulatoram. Iedomājieties, ka tālrunÄ« skatāties melna kvadrāta attēlu; Izmantojot LCD, fona apgaismojums izgaismos visu ekrānu, lai gan lielākā daļa no tā ir melna. Bet, skatoties vienu un to paÅ”u attēlu OLED displejā, pikseļi, kas veido melno kvadrātu, tiek vienkārÅ”i izslēgti. Tas nozÄ«mē, ka viņi vispār nepatērē enerÄ£iju.

Šāda veida displeji padara tumÅ”os režīmus daudz interesantākus. Izmantojot tumÅ”u saskarni, varat ievērojami pagarināt ierÄ«ces akumulatora darbÄ«bas laiku. Apskatiet faktus un skaitļus no pagājuŔā gada novembra Android izstrādātāju samita, lai pārliecinātos par to. TumÅ”ie režīmi, protams, iet roku rokā ar lietotāja interfeisa izmaiņām, tāpēc papildināsim savas zināŔanas!

TumÅ”ie režīmi 101

Pirmkārt: ā€œtumÅ”sā€ nav tas pats, kas ā€œmelnsā€. Nemēģiniet aizstāt balto fonu ar melnu, jo tas padarÄ«s neiespējamu ēnu izmantoÅ”anu. Šāds dizains bÅ«s ļoti plakans (sliktā nozÄ«mē).

Ir svarÄ«gi paturēt prātā ēnojuma/apgaismojuma pamatprincipus. Objektiem, kas ir augstāki, ēnā jābÅ«t gaiŔākiem, imitējot reālu apgaismojumu un ēnojumu. Tādējādi ir vieglāk atŔķirt dažādus komponentus un to hierarhiju.

Tuvojas tumŔie laiki

Divi identiski pelēki kvadrāti ar ēnu, viens uz 100% melna fona, otrs uz #121212. Objektam paceļoties, tas kļūst gaiŔāks pelēks tonis.

TumŔā motÄ«vā joprojām varat strādāt ar parasto pamatkrāsu, ja vien kontrasts ir labs. Paskaidrosim ar piemēru.

Tuvojas tumŔie laiki

Å ajā saskarnē galvenā darbÄ«ba ir lielā zilā poga apakŔējā joslā. Kontrasta ziņā nav problēmu, pārslēdzoties starp gaiÅ”o vai tumÅ”o režīmu, poga joprojām piesaista uzmanÄ«bu, ikona ir skaidra, un kopumā viss ir kārtÄ«bā.

Tuvojas tumŔie laiki

Ja vienu un to paÅ”u krāsu izmantos dažādos veidos, piemēram, tekstā, radÄ«sies problēmas. Mēģiniet izmantot (daudz) mazāk piesātinātu galvenās krāsas toni vai meklējiet citus veidus, kā interfeisā iekļaut zÄ«mola krāsas.

Tuvojas tumŔie laiki

Pa kreisi: sarkans uz melna izskatās slikti. Pareizi: samaziniet piesātinājumu, un viss izskatās labi. ā€” apm. tulkojums

Tas pats attiecas uz citām spēcÄ«gajām krāsām, kuras, iespējams, esat izmantojis, piemēram, brÄ«dinājuma vai kļūdu krāsas. Google izmanto 40% baltā slāņa pārklājumu virs noklusējuma kļūdas krāsas Materiālu dizaina vadlÄ«nijas pārslēdzoties uz tumÅ”o režīmu. Tas ir diezgan labs sākumpunkts, jo tas uzlabos kontrasta lÄ«meņus, lai tie atbilstu AA standartiem. Protams, jÅ«s vienmēr varat mainÄ«t iestatÄ«jumus pēc saviem ieskatiem, taču noteikti pārbaudiet kontrasta lÄ«meņus. Starp citu, noderÄ«gs rÄ«ks Å”im nolÅ«kam ir spraudnis Sketch - Sastindzis, kas precÄ«zi parāda, cik kontrasta ir starp 2 slāņiem.

Kā ar tekstu?

Å eit viss ir vienkārÅ”i: nekas nedrÄ«kst bÅ«t 100% melns un 100% balts un otrādi. Baltā krāsa atstaro visu viļņu garumu gaismas viļņus, melna absorbē. Ja ievietojat 100% baltu tekstu uz 100% melna fona, burti atstaro gaismu, izsmērēsies un kļūs mazāk salasāmi, kas negatÄ«vi ietekmēs lasāmÄ«bu.

Tas pats attiecas uz 100% baltu fonu, kas atstaro pārāk daudz gaismas, lai pilnÄ«bā koncentrētos uz vārdiem. Mēģiniet nedaudz mÄ«kstināt balto krāsu, izmantojiet gaiÅ”i pelēku fonu un tekstu uz melna fona. Tas samazinās acu nogurumu, novērÅ”ot to pārspriegums

Tuvojas tumŔie laiki

TumŔais režīms ir klāt, un tas nepazudīs

Laiks, ko pavadām pie ekrāniem, nepārtraukti pieaug, un katru jaunu dienu mÅ«su dzÄ«vē parādās jauni ekrāni, sākot no pamoÅ”anās brīža lÄ«dz aizmigÅ”anai. Å Ä« ir diezgan jauna parādÄ«ba; mÅ«su acis vēl nav pieraduÅ”as pie Ŕī ekrāna laika pieauguma vēlā vakarā. Å eit tiek izmantots tumÅ”ais režīms. LÄ«dz ar Ŕīs funkcijas ievieÅ”anu MacOS un Material Design (un, visticamāk, iOS), mēs uzskatām, ka agri vai vēlu tā kļūs par noklusējumu visās lietojumprogrammās gan mobilajās, gan galddatoros. Un labāk ir tam sagatavoties!

VienÄ«gais iemesls neieviest tumÅ”o režīmu ir tad, ja esat pilnÄ«gi 100% pārliecināts, ka jÅ«su lietojumprogramma tiek izmantota tikai spilgtā dienasgaismā. Tomēr tas nenotiek bieži.

Ir vērts pieminēt dažas lietas, kurām, ievieÅ”ot tumÅ”o režīmu, papildus iepriekÅ” apkopotajiem pamatprincipiem bÅ«s jāpievērÅ” Ä«paÅ”a uzmanÄ«ba.

PieejamÄ«bas ziņā tumÅ”ais režīms nav ērtākais, jo kontrasts parasti ir mazāks, kas savukārt neuzlabo lasāmÄ«bu.

Tuvojas tumŔie laiki

Avots

Bet iedomājieties, ka gatavojaties gulēt, ļoti vēlaties gulēt, bet tieÅ”i pirms aizmigÅ”anas atceraties, ka jums ir jānosÅ«ta kādam ļoti svarÄ«ga ziņa, kas nevar gaidÄ«t pat vienu nakti. JÅ«s paņemat tālruni, ieslēdzat to un AAAAAAH... iMessage gaiÅ”ais fons neļaus jÅ«s nomodā vēl 3 stundas. Lai gan gaiÅ”s teksts uz tumÅ”a fona netiek uzskatÄ«ts par pieejamāko, tumÅ”ais režīms Å”ajā sekundē palielināt ērtÄ«bas par miljonu. Tas viss ir atkarÄ«gs no situācijas, kurā lietotājs Å”obrÄ«d atrodas.

Tāpēc mēs domājam automātiskais tumÅ”ais režīms tik forÅ”a ideja. Tas ieslēdzas vakarā un izslēdzas no rÄ«ta. Lietotājam par to pat nav jādomā, kas ir ļoti ērti. Twitter ir paveicis lielisku darbu ar tumŔā režīma iestatÄ«jumiem. Turklāt tiem ir gan tikai tumÅ”ais režīms, gan vēl tumŔāks režīms visiem Å”iem OLED ekrāniem, taupot akumulatoru un visu, kas ar to saistÄ«ts. Å eit ir svarÄ«gi atzÄ«mēt: dodiet lietotājam iespēju manuāli pārslēgties, kad vien viņŔ vēlas: nekas nav sliktāks par automātisku interfeisa nomaiņu bez iespējas pārslēgties atpakaļ.

Tuvojas tumŔie laiki

Twitter ir automātisks tumÅ”ais režīms, kas ieslēdzas vakarā un izslēdzas no rÄ«ta.

Tāpat, izstrādājot tēmu, ir vērts paturēt prātā, ka dažas lietas vienkārÅ”i nevar padarÄ«t tumÅ”as.

Izmantojiet teksta redaktoru, piemēram, Pages. JÅ«s varat padarÄ«t saskarni tumÅ”u, bet pati lapa vienmēr bÅ«s balta, imitējot Ä«stu papÄ«ra lapu.

Tuvojas tumÅ”ie laikiLapas ar iespējotu tumÅ”o režīmu

Tas pats attiecas uz visu veidu satura veidoÅ”anas redaktoriem, piemēram, Sketch vai Illustrator. Lai gan saskarni var padarÄ«t tumÅ”u, zÄ«mējums, ar kuru strādājat, pēc noklusējuma vienmēr bÅ«s balts.

Tuvojas tumÅ”ie laikiSkice tumŔā režīmā un joprojām ir spilgti balts zÄ«mējums.

Tāpēc neatkarÄ«gi no lietotnes mēs uzskatām, ka tumÅ”ie režīmi bÅ«s jÅ«su izmantotajā operētājsistēmā, kas nozÄ«mē, ka vislabāk ir sagatavoties nākotnei. bÅ«s tumÅ”s. 

Ja vēlaties uzzināt vairāk par tumÅ”o lietotāja interfeisu izstrādi, noteikti iepazÄ«stieties ar vadlÄ«nijām Materiāls dizains, tas bija mÅ«su galvenais informācijas avots Å”im rakstam.

Avots: www.habr.com

Pievieno komentāru