Splync 1.13: Pinabuting Visibility sa Dark Mode

Tulad ng alam mo, maaari mong baguhin ang hitsura ng iyong iPhone sa pagitan ng Light mode at Dark mode. Kung hindi ka sigurado kung paano ito gawin, sundin ang mga hakbang na ito: Buksan ang Settings ng iyong iPhone, mag-scroll pababa, at pindutin ang Display & Brightness. Makikita mo ang dalawang preview na imahe na may label na Light at Dark. Pindutin ang iyong nais para i-apply ito. Ito ay nagbibigay-daan sa iyo na i-customize ang iyong screen para sa mas magandang visibility at kaginhawahan depende sa iyong kapaligiran. Ang Light Mode ay nag-umpisa mula pa sa unang iPhone. Inilunsad ng Apple ang Dark Mode sa iPhone at iPad gamit ang iOS 13 / iPadOS 13 noong Setyembre 2019. Ang tampok na ito ay ikinatuwa ng maraming iPhone users sa customized na UI appearance. Mas gusto ng ilan ang Light Mode, habang ang iba naman ay masigasig sa Dark Mode. Maaari ka ring pumili ng Automatic, na lumilipat sa pagitan ng dalawang mode base sa oras ng araw.

Maaaring magmukhang perpekto ang isang app sa Light Mode ngunit ganap na mag-iba sa Dark Mode. Sa ilang pagkakataon, ang Dark Mode ay maaaring hindi sinasadyang maabala ang orihinal na disenyo ng developer, na naapektuhan ang kulay, contrast, at kabuuang estetika. Nangangahulugan ito na kailangang maingat na idisenyo at subukan ng mga developer ang kanilang mga interface sa parehong mode upang masiguro ang pare-pareho at kasiya-siyang karanasan para sa lahat ng gumagamit. Ang isang posibleng solusyon ay ang paghahanda ng magkahiwalay na views at image assets para sa Light Mode at Dark Mode. Gayunpaman, ang paraang ito ay nagiging redundant at mahirap panatilihin, lalo na kapag lumalaki ang app at nadaragdagan ang mga bagong UI component. Dahil dito, karamihan sa mga developer ay iniiwasan ang pamamaraang ito at sa halip ay umaasa sa mas scalable na solusyon na awtomatikong umaangkop sa parehong mode ng hitsura.

Sa kabutihang palad, ipinakilala ng Apple ang mga kulay na tinukoy ng sistema na awtomatikong umaangkop sa parehong Light Mode at Dark Mode. Sa paggamit ng mga built-in na kulay na ito, masisiguro ng mga developer na ang kanilang mga UI element ay madaling nag-aadjust base sa settings ng hitsura ng user. Inaalis nito ang pangangailangan na mano-manong pamahalaan ang magkahiwalay na disenyo at nakakatulong na mapanatili ang visual consistency sa parehong mode. Halimbawa, ang mga kulay tulad ng label, systemBackground, at secondarySystemBackground ay dinamiko nagbabago depende sa kasalukuyang hitsura, na nagpapahintulot sa mga app na manatiling nababasa at biswal na balansado sa anumang kapaligiran. Kaya, kapag lumipat ka mula sa Light Mode patungo sa Dark Mode, ang default na kulay ng teksto ay nagbabago mula itim patungong puti. Gayunpaman, kung ang isang app ay nakatali ang kulay ng teksto nito sa itim, mananatili itong itim kahit sa Dark Mode, na halos hindi nakikita laban sa madilim na background. Upang maiwasan ang isyung ito, umaasa ang mga developer sa mga kulay ng sistema, na tinitiyak na ang teksto at UI element ay awtomatikong umaangkop sa angkop na kulay para sa bawat mode.

Ang Splync ay hindi masyadong magiliw sa mga gumagamit ng Dark Mode sa simula. Nang mag-ulat ang isang user na mahirap makita ang mga category icon sa Dark Mode, hindi ko agad naharap ito. Noon, nakatuon ako sa pagpapabuti ng mga pangunahing tampok ng app, kaya’t hindi ko inuna ang isyung ito sa biswal. Pagdating ng bagong taon 2026, sinilip ko ito nang mas malapitan. Ang nadiskubre ko ay simple ngunit mahalaga: Ang mga icon images mismo ay purong itim. Sa teknikal na termino, ang mga ito ay nakatakda sa kulay na #000000. Ibig sabihin, nananatili silang itim kahit anong mode ang ginagamit ng telepono. Kaya sa Dark Mode, ang mga itim na icon ay parang camouflage sa madilim na background. Bukod pa rito, gumamit din ako ng fixed na puting kulay sa aking code para lunasan ang background ng mga icon. Maayos ito sa Light Mode ngunit sa Dark Mode nagresulta ito sa di pantay na contrast at hindi natural na pakiramdam.

Kaya ito ang binago ko. Sa halip na pilitin ang mga kulay, ang aking binagong code ay nagsasabi sa app na hayaan ang sistema na awtomatikong magdesisyon ng kulay ng icon; Itim sa Light Mode at Puti sa Dark Mode. Dagdag dito, ang code ay nagsasabi sa app na gamitin ang sariling kulay ng bawat kategorya bilang isang malambot na background tint, magdagdag ng banayad na border gamit ang parehong kulay ng kategorya, at panatilihing malinis at nababasa ang lahat sa parehong mode. Sa madaling salita, tumigil ako sa pamimilit ng mga kulay at hinayaan ang iPhone na hawakan ito ng matalino. Salamat sa pagpapabuti na ito, ang mga category icon ngayon ay natural na umaangkop sa Light at Dark Mode, na ginagawang malinaw na nakikita at biswal na pare-pareho sa anumang kapaligiran. Hindi inabot ng matagal ang pag-aayos na ito, ngunit nagpasya akong agad na maglabas ng update upang sa wakas ay maayos nang mabilis ang mga matagal nang isyu para sa mga gumagamit ng Dark Mode.

Walang nag-iisang “perpektong” estetika. Ang bawat isa ay may iba’t ibang pananaw sa disenyo. Maging ang parehong tao ay maaaring makaramdam ng iba depende sa araw — o kahit sa oras ng araw. Ang mukhang maganda sa umaga ay maaaring nakaka-abala sa gabi. Iyan ang dahilan kung bakit dapat mag-focus ang mga developer sa customization, habang pinapanatili pa rin ang simple at intuitive na usability. Ang magandang disenyo ay hindi tungkol sa pamimilit ng isang estilo. Ito ay tungkol sa pag-papahintulot sa mga gumagamit na pumili ng angkop para sa kanila — Iyan ang aking paniniwala.