Utawa apa sing kudu dielingi nalika ngembangake mode peteng kanggo aplikasi utawa situs web
2018 nuduhake yen mode peteng ana ing dalan. Saiki kita wis setengah dalan 2019, kita bisa ngomong kanthi yakin: dheweke ana ing kene, lan ana ing endi wae.
Ayo diwiwiti kanthi kasunyatan manawa mode peteng dudu konsep anyar. Iku wis digunakake kanggo dangu. Lan biyen, nyatane, wis suwe, iki mung siji-sijine sing digunakake: monitor kalebu macem-macem "ijo-ireng", nanging mung amarga lapisan luminescent ing njero mancarake cemlorot ijo nalika kena radiasi. .
Nanging sanajan sawise introduksi monitor warna, mode peteng terus ana. Kok ngono?
Ana rong motif utama sing nerangake kenapa saiki saben wong liya cepet-cepet nambah tema peteng ing aplikasi kasebut. Kaping pisanan: komputer ana ing endi wae. Nang endi wae kita katon ana sawetara jinis layar. Kita nggunakake piranti seluler saka esuk nganti pungkasan ing wayah wengi. Anane mode peteng nyuda ketegangan mripat nalika sampeyan lagi turu sadurunge turu kanggo "pungkasan wektu" nggulung feed sosial sampeyan. jaringan. (Yen sampeyan kaya aku, "pungkasan wektu" bisa uga tegese gulung 3 jam . Mode peteng? Iyo, monggo! )
Alasan liyane yaiku teknologi produksi tampilan anyar. Model unggulan perusahaan gedhe - Apple, Google, Samsung, Huawei - kabeh dilengkapi layar OLED, sing, ora kaya layar LCD, ora mbutuhake lampu latar. Lan iki kabar apik kanggo baterei sampeyan. Mbayangno sampeyan lagi ndeleng gambar kothak ireng ing telpon; karo LCD, lampu mburi bakal madhangi kabeh layar sanajan paling iku ireng. Nanging nalika ndeleng gambar sing padha ing tampilan OLED, piksel sing nggawe kothak ireng mung dipateni. Iki tegese padha ora nganggo energi ing kabeh.
Jinis tampilan iki nggawe mode peteng luwih menarik. Kanthi nggunakake antarmuka sing peteng, sampeyan bisa nambah umur baterei piranti kanthi signifikan. . Mode peteng mesthi cocog karo owah-owahan UI, mula ayo sinau babagan kawruh!
Mode peteng 101
Kaping pisanan: "peteng" ora padha karo "ireng". Aja nyoba ngganti latar mburi putih nganggo ireng, amarga iki ora bisa nggunakake bayangan. Desain kaya iki bakal dadi super flat (kanthi cara sing ala).
Penting kanggo mbudidaya prinsip dhasar shading / cahya. Obyek sing luwih dhuwur kudu luwih entheng ing bayangan, simulasi cahya nyata lan shading. Iki nggawe luwih gampang kanggo mbedakake antarane komponen beda lan hirarki.
Loro kothak werna abu-abu podho rupo karo bayangan, siji ing 100% latar mburi ireng, liyane ing #121212. Nalika obyek munggah, dadi werna abu-abu sing luwih entheng.
Ing tema peteng, sampeyan isih bisa nganggo werna dhasar biasa anggere kontras ok. Ayo diterangno nganggo conto.
Ing antarmuka iki, tumindak utama yaiku tombol biru gedhe ing garis ngisor. Ora ana masalah babagan kontras nalika ngalih ing antarane mode cahya utawa peteng, tombol isih katon, lambang kasebut cetha, lan kabeh apik.
Nalika werna sing padha digunakake ing macem-macem cara, contone ing teks, bakal ana masalah. Coba gunakake warna utama (akeh) sing kurang jenuh, utawa goleki cara liya kanggo nggabungake warna merek menyang antarmuka.
Kiwa: Abang ireng katon ala. Tengen: nyuda jenuh lan kabeh katon apik. - kira-kira. ngartekne
Semono uga kanggo warna sing kuwat liyane sing bisa digunakake, kayata warna peringatan utawa kesalahan. Google nggunakake lapisan lapisan putih 40% ing ndhuwur werna kesalahan standar ing nalika ngalih menyang mode peteng. Iki minangka titik wiwitan sing apik amarga bakal nambah tingkat kontras supaya cocog karo standar AA. Sampeyan bisa, mesthi, tansah ngganti setelan kaya sing dikarepake, nanging manawa kanggo mriksa tingkat kontras. Miturut cara, alat sing migunani kanggo tujuan iki yaiku plugin Sketch - , kang nuduhake persis carane akeh kontras ana antarane 2 lapisan.
Apa bab teks?
Kabeh prasaja ing kene: ora ana sing 100% ireng lan 100% putih lan kosok balene. Putih nggambarake gelombang cahya saka kabeh dawa gelombang, ireng nyerep. Yen sampeyan nyelehake teks putih 100% ing latar mburi ireng 100%, huruf kasebut bakal nggambarake cahya, smear, lan dadi ora bisa diwaca, sing bakal nyebabake keterbacaan.
Padha dadi kanggo 100% latar mburi putih, kang nuduhake kakehan cahya kanggo fokus ing tembung. Coba softened werna putih sethitik, nggunakake werna abu-abu cahya kanggo latar mburi lan teks ing latar mburi ireng. Iki bakal nyuda ketegangan mata, nyegah
Mode peteng wis ana lan ora bakal ilang
Jumlah wektu sing kita gunakake ing ngarep layar saya tambah akeh, lan saben dina anyar, layar anyar katon ing urip kita, wiwit tangi nganti turu. Iki minangka fenomena sing cukup anyar; mripat kita durung biasa karo paningkatan wektu layar ing wayah sore. Iki ngendi mode peteng teka menyang muter. Kanthi introduksi fitur iki ing macOS lan Desain Material (lan paling kamungkinan ing iOS), kita yakin manawa cepet utawa mengko bakal dadi standar ing kabeh aplikasi, seluler lan desktop. Lan luwih apik kanggo nyiapake iki!
Siji-sijine alesan kanggo ora ngetrapake mode peteng yaiku yen sampeyan pancen yakin 100% yen aplikasi sampeyan digunakake sacara eksklusif ing wayah awan sing padhang. Nanging, iki ora asring kedadeyan.
Sampeyan kudu nyebutake sawetara perkara sing mbutuhake perhatian khusus nalika ngetrapake mode peteng, ngluwihi prinsip dhasar sing diringkes sadurunge.
Ing babagan aksesibilitas, mode peteng ora paling trep, amarga kontras umume luwih murah, sing uga ora nambah maca.
Nanging mbayangno yen sampeyan lagi siyap turu, sampeyan pengin turu, nanging sadurunge turu, sampeyan kudu eling yen sampeyan kudu ngirim pesen sing penting banget sing ora bisa ngenteni sewengi. Sampeyan njupuk telpon, nguripake lan AAAAAH... latar mburi cahya saka iMessage bakal tetep siyaga kanggo liyane jam 3. Nalika teks cahya ing latar mburi peteng ora dianggep paling gampang diakses, duwe mode peteng tengen detik iki. nambah penak dening yuta. Iku kabeh gumantung ing kahanan sing pangguna saiki.
Mulane kita mikir mode peteng otomatis ide sing apik banget. Diuripake ing wayah sore lan dipateni ing wayah esuk. Pangguna ora perlu mikir babagan iki, sing trep banget. Twitter wis nindakake pakaryan sing apik karo setelan mode peteng. Kajaba iku, mung duwe mode peteng lan mode sing luwih peteng kanggo kabeh layar OLED iki, ngirit baterei lan kabeh sing ana gandhengane. Penting kanggo dicathet ing kene: menehi pangguna kesempatan kanggo ngalih kanthi manual kapan wae dheweke pengin: ora ana sing luwih elek tinimbang ngganti antarmuka kanthi otomatis tanpa bisa ngalih maneh.
Twitter duwe mode peteng otomatis sing diuripake ing wayah sore lan dipateni ing wayah esuk.
Kajaba iku, nalika ngembangake tema, kudu dielingake manawa sawetara perkara ora bisa digawe peteng.
Njupuk editor teks kaya Pages. Sampeyan bisa nggawe antarmuka peteng, nanging sheet dhewe bakal tansah putih, simulating sheet nyata saka kertas.
Kaca kanthi mode peteng diaktifake
Semono uga kanggo kabeh jinis editor nggawe konten, kayata Sketch utawa Illustrator. Sanajan antarmuka bisa digawe peteng, artboard sing sampeyan gunakake bakal dadi putih kanthi standar.
Sketsa ing mode peteng lan isih duwe artboard putih padhang.
Dadi preduli saka app, kita pracaya mode peteng bakal teka native kanggo sistem operasi sampeyan nggunakake, tegese iku paling apik kanggo nyiyapake kanggo mangsa. bakal peteng ndhedhet.
Yen sampeyan pengin sinau luwih lengkap babagan ngembangake UI sing peteng, priksa pandhuan kasebut , iki minangka sumber informasi utama kanggo artikel iki.
Source: www.habr.com