Splync 1.13: Jobb láthatóság sötét módban

Ahogy talán már tudod, az iPhone megjelenése közötti váltás lehetséges a világos és sötét mód között. Ha nem vagy biztos benne, hogyan kell váltani, kövesd ezeket a lépéseket: Nyisd meg az iPhone Beállításokat, görgess le, és koppints a Kijelző és Fényerő elemre. Két előnézeti képet fogsz látni, Világos és Sötét felirattal. Koppints arra, amelyiket preferálod. Ez lehetővé teszi a képernyőd testreszabását a jobb láthatóság és kényelem érdekében, az aktuális környezetedhez igazodva. A világos mód az első iPhone megjelenése óta létezik. Az Apple hivatalosan 2019 szeptemberében, az iOS 13 / iPadOS 13 bevezetésével mutatta be a sötét módot iPhone-ra és iPad-re. Ez a funkció sok iPhone felhasználónak örömet okozott a testreszabott felhasználói felület megjelenésével. Néhányan a világos módot, míg mások szenvedélyesen a sötét módot részesítik előnyben. Az Automatikus lehetőséget is választhatod, amely az időszak alapján vált a két mód között.

Egy alkalmazás tökéletesen nézhet ki világos módban, de teljesen másképp tűnhet sötét módban. Bizonyos esetekben a sötét mód akaratlanul megzavarhatja a fejlesztő eredeti design szándékait, befolyásolva a színeket, kontrasztot és az összesített esztétikát. Ez azt jelenti, hogy a fejlesztőknek gondosan kell megtervezniük és tesztelniük a felületeiket mindkét módban, hogy a felhasználók számára konzisztens és élvezetes élményt biztosítsanak. Egy lehetséges megoldás lenne külön nézetek és képi elemek elkészítése a világos és sötét módhoz. Azonban ez a megközelítés gyorsan redundánssá és nehezen fenntarthatóvá válik, különösen ahogy az alkalmazás bővül, és új felhasználói felület elemek kerülnek hozzá. Emiatt a legtöbb fejlesztő kerüli ezt a módszert, és inkább a skálázhatóbb megoldásokra támaszkodik, amelyek automatikusan alkalmazkodnak mindkét megjelenési módhoz.

Szerencsére az Apple bevezetett rendszer által meghatározott színeket, amelyek automatikusan alkalmazkodnak mind a világos, mind a sötét módhoz. E beépített színek használatával a fejlesztők biztosíthatják, hogy a felhasználói felület elemei zökkenőmentesen igazodjanak a felhasználó megjelenési beállításaihoz. Ez megszünteti a külön tervek manuális kezelésének szükségességét, és segít fenntartani a vizuális konzisztenciát mindkét módban. Például olyan színek, mint a címke, systemBackground és secondarySystemBackground dinamikusan változnak az aktuális megjelenés függvényében, lehetővé téve az alkalmazások számára, hogy olvashatóak és vizuálisan kiegyensúlyozottak maradjanak bármilyen környezetben. Ezért van az, hogy amikor világos módról sötét módra váltasz, az alapértelmezett szövegszín feketéről fehérre változik. Azonban, ha egy alkalmazás keményen kódolja a szövegszínét feketére, a szöveg fekete marad sötét módban is, szinte láthatatlanná téve azt a sötét háttér előtt. Ennek elkerülése érdekében a fejlesztők a rendszer színekre támaszkodnak, biztosítva, hogy a szöveg és a felhasználói felület elemek automatikusan alkalmazkodjanak a megfelelő színhez minden módban.

Splync eleinte nem volt túl barátságos a sötét módot használók számára. Amikor egy felhasználó jelezte, hogy a kategória ikonok nehezen láthatók sötét módban, nem tudtam azonnal foglalkozni vele. Akkoriban az alkalmazás alapvető funkcióinak fejlesztésére koncentráltam, így nem helyeztem előtérbe ezt a vizuális problémát. Aztán elérkezett 2026 új éve, és alaposabban megvizsgáltam a dolgot. Amit felfedeztem, egyszerű volt, de fontos: az ikon képek maguk teljesen feketék voltak. Technikai értelemben a #000000 színhez voltak rögzítve. Ez azt jelenti, hogy feketék maradtak, függetlenül attól, hogy a telefon melyik módot használta. Tehát sötét módban a fekete ikonok egy sötét háttér előtt úgy jelentek meg, mint egy álcázás. Emellett a kódom egy rögzített fehér színt használt az ikon hátterek lágyítására. Ez világos módban jól működött, de sötét módban kínos kontrasztot eredményezett, és nem tűnt természetesnek.

Íme, mit változtattam. Ahelyett, hogy színeket kényszerítenék, az új kódom az alkalmazást arra utasítja, hogy hagyja a rendszerre az ikon színének automatikus meghatározását; fekete világos módban, és fehér sötét módban. Ezenkívül a kód azt is utasítja az alkalmazást, hogy használja minden kategória saját színét lágy háttérszínként, adjon hozzá finom szegélyt ugyanazzal a kategória színnel, és tartsa tisztán és olvashatóan mindkét módban. Egyszerűen szólva, abbahagytam a színek kényszerítését, és hagytam, hogy az iPhone intelligensen kezelje azokat. Ennek a fejlesztésnek köszönhetően a kategória ikonok most természetesen alkalmazkodnak a világos és sötét módhoz, ami által jól láthatóvá és vizuálisan konzisztenssé válnak bármilyen környezetben. Ez a javítás nem vett sok időt igénybe, de azonnal úgy döntöttem, hogy kiadok egy frissítést, hogy a sötét módot használók régóta várt problémái végre minél gyorsabban megoldódjanak.

Nincs olyan, hogy egyetlen „tökéletes” esztétika. Mindenkinek más az ízlése a design terén. Még ugyanaz a személy is érezhet különbséget a nap folyamán — vagy akár a nap egyes időszakaiban is. Ami reggel remekül néz ki, éjjel zavaró lehet. Ezért a fejlesztőknek a testreszabhatóságra kell összpontosítaniuk, miközben egyszerű és intuitív használhatósággal egyensúlyoznak. A jó design nem az egyik stílus erőltetéséről szól. Arról szól, hogy hagyjuk, hogy a felhasználók válasszák ki, ami számukra megfelelő — ebben hiszek.