O unsa ang hinumduman kung maghimo usa ka ngitngit nga mode alang sa usa ka aplikasyon o website
Gipakita sa 2018 nga ang ngitngit nga mga mode anaa sa dalan. Karon nga tunga-tunga na kita sa 2019, makaingon kita uban ang pagsalig: ania sila, ug bisan asa sila.
Magsugod kita sa kamatuoran nga ang ngitngit nga mode dili usa ka bag-ong konsepto. Kini gigamit sa dugay na nga panahon. Ug kaniadto, sa tinuud, sa dugay nga panahon, kini ra ang ilang gigamit: ang mga monitor gikan sa lainlain nga "berde-sa-itom", apan tungod lamang kay ang sulud nga sulud sa sulud nagpagawas sa usa ka berde nga silaw kung nahayag sa radiation. .
Apan bisan pagkahuman sa pagpaila sa mga monitor sa kolor, ang ngitngit nga mode nagpadayon nga naglungtad. Nganong ingon niini?
Adunay duha ka nag-unang motibo nga nagpatin-aw ngano nga karon ang matag ikaduha nga tawo nagdali sa pagdugang usa ka madulom nga tema sa ilang aplikasyon. Una sa tanan: ang mga kompyuter anaa bisan asa. Bisan asa kita motan-aw adunay usa ka matang sa screen. Gigamit namo ang among mga mobile device gikan sa buntag hangtod sa gabii. Ang presensya sa usa ka ngitngit nga mode makapamenos sa pilay sa mata kung naa ka sa higdaanan sa wala pa matulog alang sa "katapusang higayon" nga nag-scroll sa imong social feed. mga network. (Kung sama ka nako, ang "katapusan nga higayon" mahimong magpasabot ug 3 ka oras nga scroll . Dark mode? Oo, palihog! )
Ang laing hinungdan mao ang bag-ong mga teknolohiya sa produksiyon sa pagpakita. Ang mga modelo sa punoan sa dagkong mga kompanya - Apple, Google, Samsung, Huawei - tanan adunay mga OLED screen, nga, dili sama sa mga display sa LCD, wala magkinahanglan og backlight. Ug kana usa ka maayong balita alang sa imong baterya. Hunahunaa nga nagtan-aw ka sa usa ka imahe sa usa ka itom nga square sa imong telepono; nga adunay LCD, ang backlight modan-ag sa tibuok screen bisan pa ang kadaghanan niini itom. Apan kung nagtan-aw sa parehas nga imahe sa usa ka OLED display, ang mga pixel nga naglangkob sa itom nga square gipalong ra. Kini nagpasabut nga wala sila magkonsumo sa enerhiya.
Kini nga mga matang sa mga pasundayag naghimo sa mga ngitngit nga mode nga labi ka makapaikag. Pinaagi sa paggamit sa usa ka ngitngit nga interface, mahimo nimong mapalawig ang kinabuhi sa baterya sa imong aparato. . Ang mangitngit nga mga mode siyempre nag-uban sa mga pagbag-o sa UI busa atong pauswagon ang atong kahibalo!
Mangitngit nga mga Mode 101
Una sa tanan: ang "itom" dili parehas sa "itom". Ayaw pagsulay sa pag-ilis sa usa ka puti nga background sa usa ka itom, tungod kay kini mahimo nga imposible sa paggamit sa mga anino. Ang usa ka disenyo nga sama niini mahimong sobra ka patag (sa dili maayo nga paagi).
Importante nga hinumdoman ang sukaranang mga prinsipyo sa pag-shading/pagsiga. Ang mga butang nga mas taas kinahanglan nga mas gaan sa anino, nga nagsundog sa tinuod nga kinabuhi nga suga ug shading. Gipadali niini ang pag-ila tali sa lainlaing mga sangkap ug sa ilang hierarchy.
Duha ka managsama nga gray nga mga kwadro nga adunay anino, ang usa sa 100% itom nga background, ang lain sa #121212. Sa pagsaka sa butang, kini mahimong mas gaan nga landong sa abohon.
Sa usa ka ngitngit nga tema, mahimo ka gihapon magtrabaho sa imong naandan nga base nga kolor basta ok ang kalainan. Atong ipatin-aw uban sa usa ka pananglitan.
Sa kini nga interface, ang panguna nga aksyon mao ang dako nga asul nga butones sa ilawom nga bar. Wala’y problema sa mga termino sa pagtandi kung magbalhin sa taliwala sa kahayag o ngitngit nga mode, ang buton nakadani gihapon sa mata, ang icon klaro, ug sa kinatibuk-an maayo ang tanan.
Kung ang parehas nga kolor gigamit sa lainlaing mga paagi, pananglitan sa teksto, adunay mga problema. Sulayi ang paggamit sa usa ka (daghan) dili kaayo saturated nga landong sa nag-unang kolor, o pangitaa ang ubang mga paagi aron maapil ang mga kolor sa brand sa interface.
Wala: Ang pula sa itom morag dili maayo. Tuo: pagpakunhod sa saturation ug ang tanan tan-awon nga maayo. — gibanabana. paghubad
Ingon usab niana ang bisan unsang uban pang kusgan nga mga kolor nga mahimo nimong gigamit, sama sa mga kolor sa pasidaan o sayup. Gigamit sa Google ang usa ka 40% nga puti nga layer nga overlay sa ibabaw sa default nga kolor sa sayup sa ilang kung mubalhin sa dark mode. Kini usa ka maayo nga punto sa pagsugod tungod kay kini magpauswag sa mga lebel sa kalainan aron mohaum sa mga sumbanan sa AA. Mahimo nimo, siyempre, kanunay nga usbon ang mga setting sumala sa imong nakita nga angay, apan siguruha nga susihon ang lebel sa pagtandi. Pinaagi sa dalan, usa ka mapuslanon nga himan alang niini nga katuyoan mao ang Sketch plugin - , nga nagpakita kon unsa ka dako ang kalainan tali sa 2 ka mga lut-od.
Unsa man ang bahin sa teksto?
Ang tanan yano dinhi: walay kinahanglan nga 100% itom ug 100% puti ug vice versa. Ang puti nagpakita sa kahayag nga mga balod sa tanang wavelength, ang itom mosuhop. Kung imong ibutang ang 100% nga puti nga teksto sa usa ka 100% nga itom nga background, ang mga letra magpakita sa kahayag, smear, ug mahimong dili kaayo mabasa, nga negatibo nga makaapekto sa pagkabasa.
Ang sama nga moadto alang sa usa ka 100% puti nga background, nga nagpakita sa sobra nga kahayag sa bug-os nga focus sa mga pulong. Sulayi pagpahumok og gamay ang puti nga kolor, gamita ang light gray para sa background ug text sa itom nga background. Kini makapakunhod sa kakapoy sa mata, makapugong
Ang dark mode ania na ug dili mawala
Ang gidaghanon sa oras nga among gigugol sa atubangan sa mga screen kanunay nga nagtubo, ug matag bag-ong adlaw, ang mga bag-ong screen makita sa among kinabuhi, gikan sa among pagmata hangtod sa among pagkatulog. Kini usa ka bag-o nga panghitabo; ang atong mga mata wala pa maanad niining pagtaas sa oras sa screen sa gabii. Dinhi nagdula ang dark mode. Uban sa pagpaila niini nga bahin sa macOS ug Material Design (ug lagmit sa iOS), kami nagtuo nga sa madugay o sa madali kini mahimong default sa tanan nga mga aplikasyon, sa mobile ug desktop. Ug mas maayo nga mag-andam alang niini!
Ang bugtong rason nga dili ipatuman ang ngitngit nga mode mao kung ikaw hingpit nga 100% sigurado nga ang imong aplikasyon gigamit lamang sa masanag nga kahayag sa adlaw. Kini, bisan pa, dili kanunay mahitabo.
Angayan nga hisgutan ang pipila ka mga butang nga nanginahanglan espesyal nga atensyon kung ipatuman ang ngitngit nga mode, lapas sa sukaranan nga mga prinsipyo nga gisumada sa sayo pa.
Sa mga termino sa pagka-access, ang ngitngit nga mode dili ang labing kombenyente, tungod kay ang pagtandi sa kasagaran mas ubos, nga sa baylo dili makapauswag sa pagkabasa.
Apan hunahunaa nga nangandam ka na sa higdaanan, gusto nimo matulog, apan sa dili pa ikaw matulog, nahinumdom ka nga kinahanglan nimo ipadala ang usa ka tawo nga labi ka hinungdanon nga mensahe nga dili makahulat bisan usa ka gabii. Imong gigunitan ang imong telepono, i-on kini ug AAAAAH... ang kahayag nga background sa imong iMessage makapahimo kanimo nga magmata sa laing 3 ka oras. Samtang ang gaan nga teksto sa ngitngit nga background dili isipa nga labing daling ma-access, ang pagbaton ug ngitngit nga mode niining ikaduha dugangi ang kasayon sa usa ka milyon. Kini tanan nagdepende sa sitwasyon kung diin ang tiggamit karon.
Mao nga naghunahuna kami awtomatik nga ngitngit nga mode nindot kaayo nga ideya. Kini mosiga sa gabii ug mopalong sa buntag. Ang tiggamit dili na kinahanglan nga maghunahuna bahin niini, nga sayon kaayo. Ang Twitter nakahimo og usa ka maayo nga trabaho sa iyang mga setting sa dark mode. Dugang pa, sila adunay usa lamang ka ngitngit nga mode ug usa ka mas itom nga mode alang sa tanan niini nga mga OLED nga mga screen, nga makatipig sa baterya ug sa tanan nga may kalabutan niini. Mahinungdanon nga timan-an dinhi: hatagi ang tiggamit ug higayon nga mano-mano ang pagbalhin bisan kanus-a niya gusto: wala’y mas grabe pa kaysa awtomatiko nga pagbag-o sa interface nga wala’y katakus nga ibalik.
Ang Twitter adunay awtomatik nga dark mode nga mo-on sa gabii ug mo-off sa buntag.
Dugang pa, kung maghimo usa ka tema, angay nga hinumdoman nga ang pipila ka mga butang dili mahimo nga madulom.
Pagkuha ug text editor sama sa Pages. Mahimo nimong ngitngit ang interface, apan ang sheet mismo kanunay nga puti, nga nagsundog sa usa ka tinuud nga panid sa papel.
Mga panid nga adunay dark mode nga gi-enable
Ang parehas alang sa tanan nga mga lahi sa mga editor sa paghimo sa sulud, sama sa Sketch o Illustrator. Bisan kung ang interface mahimo nga madulom, ang artboard nga imong gigamit kanunay puti nga default.
Pag-sketch sa dark mode ug aduna pa'y hayag nga puti nga artboard.
Mao nga bisan unsa pa ang app, kami nagtuo nga ang mga itom nga mode moabut nga lumad sa operating system nga imong gigamit, nagpasabut nga labing maayo nga mangandam alang sa umaabot. mangitngit na.
Kung gusto nimo mahibal-an ang dugang bahin sa pagpalambo sa mga itom nga UI, siguruha nga susihon ang mga panudlo , mao kini ang among nag-unang tinubdan sa impormasyon alang niining artikuloha.
Source: www.habr.com