Splync 1.13: Parannettu näkyvyys pimeässä tilassa

Kuten saatat tietää, voit vaihtaa iPhonesi ulkoasun vaalean ja pimeän tilan välillä. Jos et ole varma, miten se tehdään, seuraa näitä ohjeita: Avaa iPhonesi Asetukset, selaa alas ja napauta Näyttö ja kirkkaus. Näet kaksi esikatselukuvaa, joissa lukee Vaalea ja Tumma. Napauta haluamaasi. Tämä antaa sinun mukauttaa näyttöäsi paremman näkyvyyden ja mukavuuden takaamiseksi ympäristöstäsi riippuen. Vaalea tila on ollut olemassa ensimmäisestä iPhonesta lähtien. Apple toi virallisesti tumman tilan iPhoneen ja iPadiin iOS 13:n / iPadOS 13:n myötä syyskuussa 2019. Tämä ominaisuus ilahdutti monia iPhonen käyttäjiä mukautetulla käyttöliittymän ulkonäöllään. Jotkut suosivat vaaleaa tilaa, kun taas toiset ovat intohimoisesti tumman tilan kannattajia. Voit myös valita Automaattisen, joka vaihtaa tilojen välillä vuorokaudenajan mukaan.

Sovellus voi näyttää täydelliseltä vaaleassa tilassa, mutta täysin erilaiselta pimeässä tilassa. Joissakin tapauksissa pimeä tila voi tahattomasti häiritä kehittäjän alkuperäistä suunnittelua, vaikuttaen väreihin, kontrastiin ja yleiseen estetiikkaan. Tämä tarkoittaa, että kehittäjien on suunniteltava ja testattava käyttöliittymänsä huolellisesti molemmissa tiloissa varmistaakseen miellyttävän kokemuksen kaikille käyttäjille. Yksi mahdollinen ratkaisu on valmistella erilliset näkymät ja kuvavarannot vaaleaa ja pimeää tilaa varten. Tämä lähestymistapa muuttuu kuitenkin nopeasti turhaksi ja vaikeasti ylläpidettäväksi, erityisesti sovelluksen kasvaessa ja uusien käyttöliittymäkomponenttien lisääntyessä. Siksi useimmat kehittäjät välttävät tätä menetelmää ja luottavat sen sijaan skaalautuvampiin ratkaisuihin, jotka mukautuvat automaattisesti molempiin ulkoasuihin.

Onneksi Apple on tuonut käyttöön järjestelmän määrittämiä värejä, jotka mukautuvat automaattisesti vaaleaan ja pimeään tilaan. Näitä sisäänrakennettuja värejä käyttämällä kehittäjät voivat varmistaa, että heidän käyttöliittymänsä elementit sopeutuvat saumattomasti käyttäjän ulkoasuvalinnan mukaan. Tämä poistaa tarpeen hallita erillisiä suunnitelmia manuaalisesti ja auttaa säilyttämään visuaalisen johdonmukaisuuden molemmissa tiloissa. Esimerkiksi sellaiset värit kuin label, systemBackground ja secondarySystemBackground muuttuvat dynaamisesti nykyisen ulkoasun mukaan, jolloin sovellukset pysyvät luettavina ja visuaalisesti tasapainoisina missä tahansa ympäristössä. Siksi, kun vaihdat vaaleasta tilasta pimeään, oletustekstin väri muuttuu mustasta valkoiseksi. Jos sovellus kuitenkin määrittää tekstivärin mustaksi, teksti pysyy mustana myös pimeässä tilassa, tehden siitä lähes näkymättömän tummalla taustalla. Tämän ongelman välttämiseksi kehittäjät luottavat järjestelmän väreihin varmistaen, että teksti ja käyttöliittymän elementit mukautuvat automaattisesti sopivaan väriin kussakin tilassa.

Aluksi Splync ei ollut kovin ystävällinen pimeän tilan käyttäjille. Kun yksi käyttäjä raportoi, että kategoriaikonit olivat vaikeasti nähtävissä pimeässä tilassa, en voinut käsitellä sitä heti. Silloin keskityin sovelluksen ydintoimintojen parantamiseen, joten en asettanut tätä visuaalista ongelmaa etusijalle. Vuoden 2026 alkaessa päätin vihdoin tutkia asiaa tarkemmin. Huomasin yksinkertaisen mutta tärkeän seikan: ikonikuvat olivat täysin mustia. Teknisenä terminä ne oli kiinnitetty väriin #000000. Tämä tarkoittaa, että ne pysyivät mustina riippumatta siitä, mitä tilaa puhelin käytti. Joten pimeässä tilassa mustat ikonit olivat kuin naamioituneita tummalla taustalla. Lisäksi olin käyttänyt koodissani kiinteää valkoista väriä pehmentämään ikonien taustoja. Tämä toimi hyvin vaaleassa tilassa, mutta pimeässä tilassa se loi kömpelön kontrastin eikä tuntunut luonnolliselta.

Tässä on mitä muutin. Sen sijaan, että pakottaisin värejä, uusi koodini kertoo sovellukselle, että järjestelmä päättäköön ikonien värit automaattisesti; musta vaaleassa tilassa ja valkoinen pimeässä tilassa. Lisäksi koodi ohjaa sovellusta käyttämään kunkin kategorian omaa väriä pehmeänä taustasävynä, lisäämään hienovaraisen reunuksen samalla kategorian värillä ja pitämään kaiken selkeänä ja luettavana molemmissa tiloissa. Yksinkertaisesti sanottuna lopetin värien pakottamisen ja annoin iPhonen hoitaa ne älykkäästi. Tämän parannuksen ansiosta kategoriaikonit sopeutuvat nyt luonnollisesti vaaleaan ja pimeään tilaan, tehden niistä selkeästi näkyviä ja visuaalisesti yhtenäisiä missä tahansa ympäristössä. Tämä korjaus ei vienyt paljon aikaa, mutta päätin julkaista päivityksen heti, jotta pitkään odotetut ongelmat pimeän tilan käyttäjille saataisiin ratkaistua mahdollisimman nopeasti.

Ei ole yhtä ainoaa ”täydellistä” estetiikkaa. Jokaisella on oma käsityksensä suunnittelusta. Jopa sama henkilö voi kokea eri tavalla riippuen päivästä — tai jopa vuorokaudenajasta. Se, mikä näyttää hyvältä aamulla, saattaa tuntua häiritsevältä illalla. Siksi kehittäjien on keskityttävä mukautettavuuteen, samalla kun he tasapainottavat sen yksinkertaisen ja intuitiivisen käytettävyyden kanssa. Hyvä suunnittelu ei ole yhden tyylin pakottamista. Kyse on siitä, että annetaan käyttäjien valita, mikä tuntuu heistä oikealta — sitä minä uskon.