Tan nwa yo ap vini

Oswa sa pou w sonje lè w ap devlope yon mòd nwa pou yon aplikasyon oswa sit entènèt

2018 te montre ke mòd nwa yo sou wout la. Kounye a ke nou nan mwatye nan 2019, nou ka di ak konfyans: yo isit la, epi yo tout kote.

Yon egzanp yon ansyen monitè vèt-sou-nwa

Ann kòmanse ak lefèt ke mòd nwa se pa yon nouvo konsèp ditou. Li te itilize pou yon bon bout tan. Ak yon fwa sou yon tan, an reyalite, pou yon tan long, sa a se sèl bagay yo te itilize: monitè yo te nan varyete "vèt-sou-nwa", men se sèlman paske kouch luminesan anndan an te emèt yon ekla vèt lè yo te ekspoze a radyasyon. .

Men, menm apre entwodiksyon de monitè koulè, mòd nwa kontinye egziste. Poukisa se konsa?

Gen de rezon prensipal ki eksplike poukisa jodi a chak dezyèm moun prese ajoute yon tèm nwa nan aplikasyon yo. Premye a tout: òdinatè yo tout kote. Tout kote nou gade gen kèk kalite ekran. Nou itilize aparèy mobil nou yo depi maten jiska ta nan mitan lannwit. Prezans nan yon mòd nwa diminye souch je lè ou nan kabann anvan ou ale nan kabann pou "dènye fwa" defile nan manje sosyal ou a. rezo yo. (Si ou tankou mwen, "dènye fwa" ka vle di yon woulo 3 èdtan R/EngineeringPorn. Mòd nwa? Wi tanpri! )

Yon lòt rezon se nouvo teknoloji pwodiksyon ekspozisyon. Modèl bato gwo konpayi yo - Apple, Google, Samsung, Huawei - yo tout ekipe ak ekran OLED, ki, kontrèman ak LCD ekspozisyon, pa mande pou ekleraj. Epi sa vrèman bon nouvèl pou batri ou. Imajine w ap gade yon imaj yon kare nwa sou telefòn ou; ak yon LCD, ekleraj la pral eklere ekran an antye menm si pi fò nan li se nwa. Men, lè w ap gade menm imaj la sou yon ekspozisyon OLED, piksèl ki fòme kare nwa a tou senpleman etenn. Sa vle di yo pa konsome enèji ditou.

Kalite ekspozisyon sa yo fè mòd nwa pi enteresan. Lè w itilize yon koòdone nwa, ou ka pwolonje anpil lavi batri aparèy ou an. Tcheke reyalite ak chif ki soti nan Android Dev Summit Novanm pase a pou w wè tèt ou. Mòd nwa nan kou ale men nan men ak chanjman UI, kidonk ann brose sou konesans nou an!

Mòd nwa 101

Premye a tout: "nwa" pa menm ak "nwa". Pa eseye ranplase yon background blan ak yon nwa, paske sa ap fè li enposib pou itilize lonbraj. Yon konsepsyon tankou sa a pral super plat (nan yon move fason).

Li enpòtan pou kenbe nan tèt ou prensip debaz yo nan lonbraj / ekleraj. Objè ki pi wo yo ta dwe pi lejè nan lonbraj, similye ekleraj lavi reyèl ak lonbraj. Sa fè li pi fasil yo fè distenksyon ant diferan eleman yo ak yerachi yo.

De kare gri idantik ak yon lonbraj, youn sou yon background 100% nwa, lòt la sou #121212. Kòm objè a leve, li vin tounen yon lonbraj pi lejè nan gri.

Nan yon tèm nwa, ou ka toujou travay ak koulè baz regilye ou osi lontan ke kontras la se ok. Ann eksplike ak yon egzanp.

Nan koòdone sa a, aksyon prensipal la se gwo bouton ble nan ba anba a. Pa gen okenn pwoblèm an tèm de kontras lè chanje ant mòd limyè oswa nwa, bouton an toujou atire je, icon nan klè, ak an jeneral tout bagay anfòm.

Lè yo itilize menm koulè a ​​nan diferan fason, pou egzanp nan tèks, pral gen pwoblèm. Eseye sèvi ak yon lonbraj (anpil) mwens satire nan koulè prensipal la, oswa chèche lòt fason yo enkòpore koulè mak nan koòdone a.

Goch: Wouj sou nwa sanble move. Dwa: redwi saturation a ak tout bagay sanble bon. -apeprè tradiksyon

Menm bagay la tou ale pou nenpòt lòt koulè fò ou ta ka itilize, tankou avètisman oswa koulè erè. Google sèvi ak yon kouch 40% blan kouvri sou tèt koulè erè default nan yo Gid konsepsyon materyèl yo lè chanje nan mòd nwa. Sa a se yon trè bon pwen depa paske li pral amelyore nivo kontras yo matche ak estanda AA yo. Ou ka, nan kou, toujou chanje anviwònman yo jan ou wè anfòm, men asire w ke ou tcheke nivo yo kontras. By wout la, yon zouti itil pou objektif sa a se Plugin nan Sketch - Stark, ki montre egzakteman konbyen kontras ki genyen ant 2 kouch.

E tèks la?

Tout bagay se senp isit la: pa gen anyen yo ta dwe 100% nwa ak 100% blan ak vis vèrsa. Blan reflete vag limyè nan tout longèdonn, nwa absòbe. Si ou mete tèks 100% blan sou yon background 100% nwa, lèt yo pral reflete limyè, swol, epi yo vin mwens lizib, ki pral gen yon enpak negatif sou lizibilite.

Menm bagay la tou ale pou yon background 100% blan, ki reflete twòp limyè yo konplètman konsantre sou mo yo. Eseye adousi koulè blan an yon ti kras, sèvi ak gri limyè pou orijin ak tèks sou orijin nwa. Sa a ap diminye souch nan je, anpeche survoltaj yo

Mòd nwa se isit la epi li pa pral ale

Kantite tan nou pase devan ekran yo toujou ap grandi, epi chak jou nouvo, nouvo ekran parèt nan lavi nou, depi lè nou reveye jiskaske nou tonbe nan dòmi. Sa a se yon fenomèn jistis nouvo; je nou poko abitye ak ogmantasyon sa a nan tan ekran an reta nan aswè a. Sa a se kote mòd nwa antre nan jwèt. Avèk entwodiksyon de karakteristik sa a nan macOS ak Design Material (ak gen plis chans nan iOS), nou kwè ke pi bonè oswa pita li pral vin default nan tout aplikasyon, tou de mobil ak Desktop. Epi li pi bon pou w prepare pou sa!

Sèl rezon pou pa aplike mòd nwa se lè w se absoliman 100% asire w ke aplikasyon w lan itilize sèlman nan lajounen klere. Sepandan, sa a pa rive souvan.

Li vo mansyone kèk bagay ki pral mande atansyon espesyal lè w ap aplike mòd nwa, pi lwen pase prensip debaz yo rezime pi bonè.

An tèm de aksè, mòd nwa se pa pi pratik la, depi kontras la jeneralman pi ba, ki an vire pa amelyore lizibilite nan tout.

Sous

Men, imajine ke w ap prepare pou kabann, ou reyèlman vle dòmi, men jis anvan ou tonbe nan dòmi, ou sonje ke ou bezwen voye yon moun yon mesaj super enpòtan ki pa ka tann menm yon swa. Ou pwan telefòn ou, vire l 'ak AAAAAAH... background nan limyè nan iMessage ou a ap kenbe ou reveye pou yon lòt èdtan 3. Pandan ke tèks limyè sou yon background nwa pa konsidere kòm pi aksesib la, gen yon mòd nwa dwa dezyèm sa a ta. ogmante konvenyans pa yon milyon. Li tout depann sou sitiyasyon an nan ki itilizatè a se nan moman sa a.

Se poutèt sa nou kwè otomatik mòd nwa tankou yon lide fre. Li vire nan aswè a epi li fèmen nan maten. Itilizatè a pa menm bezwen panse osijè de sa, ki trè pratik. Twitter te fè yon bon travay ak anviwònman mòd nwa li yo. Anplis de sa, yo gen tou de jis yon mòd nwa ak yon mòd menm pi fonse pou tout ekran OLED sa yo, ekonomize batri ak tout bagay ki gen rapò ak li. Li enpòtan sonje isit la: bay itilizatè a opòtinite pou chanje manyèlman nenpòt lè li vle: pa gen anyen pi mal pase otomatikman chanje koòdone a san yo pa kapasite nan chanje tounen.

Twitter gen yon mòd nwa otomatik ki limen nan aswè a epi etenn nan maten an.

Epitou, lè w ap devlope yon tèm, li vo kenbe nan tèt ou ke kèk bagay tou senpleman pa ka fè nwa.

Pran yon editè tèks tankou Pages. Ou ka fè koòdone a fè nwa, men fèy nan tèt li ap toujou blan, similye yon fèy papye reyèl.

Paj ak mòd nwa aktive

Menm bagay la tou ale pou tout kalite editè kreyasyon kontni, tankou Sketch oswa Illustrator. Malgre ke koòdone a ka fè nwa, plan travay ou ap toujou blan pa default.

Fè desen nan mòd nwa epi ou toujou gen yon tablo atis blan klere.

Se konsa, kèlkeswa aplikasyon an, nou kwè mòd nwa ap vin natif natal nan sistèm opere ou itilize a, sa vle di li pi bon pou prepare pou lavni an. li pral fè nwa. 

Si ou vle aprann plis sou devlopman UI nwa, asire w ke w tcheke direktiv yo Materyèl Design, sa a se sous prensipal nou an enfòmasyon pou atik sa a.

Sous: www.habr.com