Lys tilstand og mørk tilstand
Som du måske ved, kan du ændre din iPhones udseende mellem lys tilstand og mørk tilstand. Hvis du er usikker på, hvordan du skifter, følg disse trin: Åbn dine iPhone-indstillinger, rul ned, og tryk på Skærm & Lysstyrke. Du vil se to forhåndsvisninger mærket Lys og Mørk. Tryk på den, du foretrækker, for at anvende den. Dette giver dig mulighed for at tilpasse din skærm for bedre synlighed og komfort alt efter dine omgivelser. Lys tilstand har eksisteret siden den allerførste iPhone. Apple introducerede officielt mørk tilstand til iPhone og iPad med iOS 13 / iPadOS 13 i september 2019. Denne funktion begejstrede mange iPhone-brugere med tilpasset brugergrænseflade. Nogle foretrækker lys tilstand, mens andre er lidenskabeligt dedikeret til mørk tilstand. Du kan også vælge Automatisk, som skifter mellem de to tilstande baseret på tidspunktet på dagen.
Hvordan kontrollerer appudviklere UI-design mellem to udseendetilstande
En app kan se perfekt ud i lys tilstand, men se helt anderledes ud i mørk tilstand. I nogle tilfælde kan mørk tilstand utilsigtet forstyrre udviklerens oprindelige designintentioner, hvilket påvirker farver, kontrast og æstetik. Dette betyder, at udviklere skal omhyggeligt designe og teste deres grænseflader i begge tilstande for at sikre en ensartet og fornøjelig oplevelse for alle brugere. En mulig løsning er at forberede separate visninger og billedaktiver til lys og mørk tilstand. Men denne tilgang bliver hurtigt overflødig og svær at vedligeholde, især når appen vokser og nye UI-komponenter tilføjes. Af denne grund undgår de fleste udviklere denne metode og stoler i stedet på mere skalerbare løsninger, der automatisk tilpasser sig begge udseendetilstande.
Stol på system UI-funktioner
Heldigvis introducerede Apple systemdefinerede farver, der automatisk tilpasser sig både lys tilstand og mørk tilstand. Ved at bruge disse indbyggede farver kan udviklere sikre, at deres UI-elementer justerer sig problemfrit baseret på brugerens udseendeindstillinger. Dette fjerner behovet for manuelt at håndtere separate designs og hjælper med at opretholde visuel konsistens på tværs af begge tilstande. For eksempel ændrer farver som label, systemBackground og secondarySystemBackground sig dynamisk afhængigt af det aktuelle udseende, hvilket gør det muligt for apps at forblive læsbare og visuelt afbalancerede i alle miljøer. Derfor, når du skifter fra lys tilstand til mørk tilstand, ændrer standardtekstfarven sig fra sort til hvid. Men hvis en app hårdkoder sin tekstfarve til sort, vil teksten forblive sort, selv i mørk tilstand, hvilket gør den næsten usynlig mod en mørk baggrund. For at forhindre dette problem stoler udviklere på systemfarver, hvilket sikrer, at tekst og UI-elementer automatisk tilpasser sig den passende farve til hver tilstand.
Problem med mørk tilstand i Splyncs kategoriikoner
Splync var ikke særlig venlig overfor mørktilstandbrugere i starten. Da en bruger rapporterede, at kategoriikonerne var svære at se i mørk tilstand, kunne jeg ikke rette det med det samme. På det tidspunkt var jeg fokuseret på at forbedre appens kernefunktioner, så jeg prioriterede ikke dette visuelle problem. Så kom det nye år 2026, og jeg tog endelig et nærmere kig. Det jeg opdagede var simpelt men vigtigt: Ikonbillederne var i sig selv rent sorte. Teknisk set var de fastsat til farven #000000. Dette betød, at de forblev sorte uanset hvilken tilstand telefonen brugte. Så i mørk tilstand lå sorte ikoner på en mørk baggrund som camouflage. Oven i det havde jeg også brugt en fast hvid farve i min kode for at blødgøre ikonbaggrundene. Dette fungerede fint i lys tilstand, men i mørk tilstand skabte det en akavet kontrast og føltes ikke naturligt.
Hvad min nye kode gør for ikonfarver
Her er det, jeg ændrede. I stedet for at tvinge farver, instruerer min reviderede kode appen til at lade systemet automatisk bestemme ikonfarven; sort i lys tilstand og hvid i mørk tilstand. Derudover fortæller koden appen at bruge hver kategoris egen farve som en blød baggrundstoning, tilføje en subtil kant ved hjælp af den samme kategorifarve, og holde alt rent og læseligt i begge tilstande. Kort sagt stoppede jeg med at tvinge farver og lod iPhone håndtere dem intelligent. Takket være denne forbedring tilpasser kategoriikoner sig nu naturligt til lys og mørk tilstand, hvilket gør dem tydeligt synlige og visuelt konsistente i ethvert miljø. Denne rettelse tog ikke lang tid, men jeg besluttede at frigive en opdatering med det samme, så længe ventede problemer for mørktilstandbrugere endelig kunne blive løst så hurtigt som muligt.
Farver betyder noget
Der findes ikke en enkelt “perfekt” æstetik. Alle har forskellige designpræferencer. Selv den samme person kan føle anderledes afhængigt af dagen — eller endda tidspunktet på dagen. Hvad der ser fantastisk ud om morgenen, kan virke distraherende om aftenen. Derfor skal udviklere fokusere på tilpasning, mens de stadig balancerer det med enkel og intuitiv anvendelighed. Godt design handler ikke om at tvinge én stil. Det handler om at lade brugere vælge, hvad der føles rigtigt for dem — det er, hvad jeg tror.