Splync 1.13: Vylepšená viditeľnosť v tmavom režime

Ako možno viete, vzhľad vášho iPhonu môžete zmeniť medzi svetlým a tmavým režimom. Ak neviete, ako to prepnúť, postupujte takto: Otvorte Nastavenia vašej iPhonu, posuňte sa nadol a klepnite na Displej a jas. Uvidíte dve ukážky označené Svetlý a Tmavý. Klepnutím na preferovaný z nich ho použijete. To vám umožní prispôsobiť si obrazovku pre lepšiu viditeľnosť a pohodlie v závislosti od prostredia. Svetlý režim existuje už od prvého iPhonu. Apple oficiálne predstavil tmavý režim pre iPhone a iPad s iOS 13 / iPadOS 13 v septembri 2019. Táto funkcia potešila mnohých používateľov iPhonu s prispôsobeným vzhľadom UI. Niektorí preferujú svetlý režim, zatiaľ čo iní sú nadšení pre tmavý režim. Môžete si tiež vybrať Automatické, ktoré prepína medzi dvoma režimami podľa dennej doby.

Aplikácia môže vyzerať perfektne v svetlom režime, ale v tmavom režime úplne inak. V niektorých prípadoch môže tmavý režim neúmyselne narušiť pôvodné dizajnové zámery vývojára, čo ovplyvňuje farby, kontrast a celkovú estetiku. To znamená, že vývojári musia starostlivo navrhovať a testovať svoje rozhrania v oboch režimoch, aby zabezpečili konzistentný a príjemný zážitok pre všetkých používateľov. Jedným z možných riešení je pripraviť samostatné pohľady a obrazové zdroje pre svetlý a tmavý režim. Tento prístup sa však rýchlo stáva redundantným a ťažko udržateľným, najmä keď aplikácia rastie a pridávajú sa nové komponenty UI. Preto sa väčšina vývojárov vyhýba tejto metóde a radšej sa spolieha na škálovateľnejšie riešenia, ktoré sa automaticky prispôsobujú obom režimom vzhľadu.

Našťastie Apple predstavil systémové farby, ktoré sa automaticky prispôsobujú svetlému aj tmavému režimu. Použitím týchto vstavaných farieb môžu vývojári zabezpečiť, že sa prvky UI plynule prispôsobia nastaveniam vzhľadu používateľa. To eliminuje potrebu manuálne spravovať samostatné dizajny a pomáha udržiavať vizuálnu konzistenciu v oboch režimoch. Napríklad farby ako štítok, systemBackground a secondarySystemBackground sa dynamicky menia v závislosti od aktuálneho vzhľadu, čo umožňuje aplikáciám zostať čitateľnými a vizuálne vyváženými v akomkoľvek prostredí. Preto, keď prepnete zo svetlého režimu na tmavý, predvolená farba textu sa zmení z čiernej na bielu. Ak však aplikácia pevne nastaví farbu textu na čiernu, text zostane čierny aj v tmavom režime, takže na tmavom pozadí je takmer neviditeľný. Aby sa tomuto problému predišlo, vývojári sa spoliehajú na systémové farby a zabezpečujú, že text a prvky UI sa automaticky prispôsobujú vhodnej farbe pre každý režim.

Splync nebol spočiatku veľmi priateľský k používateľom tmavého režimu. Keď jeden používateľ nahlásil, že ikony kategórií sú v tmavom režime ťažko viditeľné, nemohol som to hneď riešiť. V tom čase som sa zameriaval na zlepšenie hlavných funkcií aplikácie, takže vizuálny problém som neriešil prioritne. Potom prišiel nový rok 2026 a konečne som sa na to pozrel bližšie. To, čo som zistil, bolo jednoduché, ale dôležité: Samotné obrázky ikon boli čisto čierne. Technicky boli nastavené na farbu #000000. To znamená, že zostali čierne bez ohľadu na režim telefónu. Takže v tmavom režime čierne ikony ležali na tmavom pozadí ako kamufláž. Okrem toho som v kóde tiež použil pevnú bielu farbu, aby som zjemnil pozadia ikon. To fungovalo dobre v svetlom režime, ale v tmavom režime to vytvárilo nešikovný kontrast a nepôsobilo prirodzene.

Tu je, čo som zmenil. Namiesto núteného nastavenia farieb môj nový kód hovorí aplikácii, aby systém automaticky rozhodoval o farbe ikon; čierna v svetlom režime a biela v tmavom režime. Okrem toho kód hovorí aplikácii, aby použila vlastnú farbu každej kategórie ako jemný odtieň pozadia, pridala jemný okraj pomocou tej istej farby kategórie a udržala všetko čisté a čitateľné v oboch režimoch. Jednoducho povedané, prestal som nútiť farby a nechal som iPhone, aby ich inteligentne spracoval. Vďaka tomuto zlepšeniu sa ikony kategórií teraz prirodzene prispôsobujú svetlému a tmavému režimu, čo ich robí jasne viditeľnými a vizuálne konzistentnými v akomkoľvek prostredí. Táto oprava nezabrala veľa času, ale rozhodol som sa okamžite vydať aktualizáciu, aby dlho očakávané problémy pre používateľov tmavého režimu mohli byť konečne vyriešené čo najrýchlejšie.

Neexistuje žiadna „dokonalá“ estetika. Každý má iný vkus na dizajn. Dokonca aj ten istý človek sa môže cítiť inak v závislosti od dňa — alebo dokonca dennej doby. To, čo vyzerá skvele ráno, môže večer pôsobiť rušivo. Preto sa musia vývojári sústrediť na prispôsobenie, pričom stále vyvažujú jednoduchú a intuitívnu použiteľnosť. Dobrý dizajn nie je o nútení jedného štýlu. Ide o to, aby si používatelia mohli vybrať, čo im vyhovuje — to je to, čomu verím.