Modalità chiara e modalità scura
Come saprai, puoi cambiare l'aspetto del tuo iPhone tra modalità chiara e modalità scura. Se non sei sicuro di come cambiarla, segui questi passaggi: apri le Impostazioni, scorri verso il basso e tocca Display e Luminosità. Vedrai due immagini di anteprima etichettate Chiara e Scura. Tocca quella che preferisci per applicarla. Questo ti permette di personalizzare lo schermo per una migliore visibilità e comfort a seconda dell'ambiente. La modalità chiara esiste sin dal primo iPhone. Apple ha ufficialmente introdotto la modalità scura su iPhone e iPad con iOS 13 / iPadOS 13 nel settembre 2019. Questa funzione ha soddisfatto molti utenti iPhone con un aspetto UI personalizzato. Alcuni preferiscono la modalità chiara, altri sono appassionatamente devoti alla modalità scura. Puoi anche scegliere Automatica, che passa tra le due modalità in base all'ora del giorno.
Come controllano gli sviluppatori il design UI tra le due modalità
Un'app potrebbe apparire perfetta in modalità chiara ma completamente diversa in modalità scura. In alcuni casi, la modalità scura può alterare involontariamente le intenzioni originali del design, influenzando colori, contrasto ed estetica generale. Questo significa che gli sviluppatori devono progettare e testare attentamente le loro interfacce in entrambe le modalità per garantire un'esperienza coerente e piacevole per tutti gli utenti. Una possibile soluzione è preparare viste e risorse d'immagine separate per entrambe le modalità. Tuttavia, questo approccio diventa rapidamente ridondante e difficile da mantenere, specialmente con la crescita dell'app e l'aggiunta di nuovi componenti UI. Per questa ragione, la maggior parte degli sviluppatori evita questo metodo e si affida a soluzioni più scalabili che si adattano automaticamente a entrambe le modalità.
Affidarsi alle funzionalità UI di sistema
Fortunatamente, Apple ha introdotto colori definiti dal sistema che si adattano automaticamente sia alla modalità chiara che a quella scura. Utilizzando questi colori integrati, gli sviluppatori possono garantire che gli elementi UI si adattino senza problemi alle impostazioni di aspetto dell'utente. Questo elimina la necessità di gestire manualmente progetti separati e aiuta a mantenere la coerenza visiva in entrambe le modalità. Ad esempio, colori come label, systemBackground e secondarySystemBackground cambiano dinamicamente a seconda dell'aspetto corrente, consentendo alle app di rimanere leggibili e bilanciate visivamente in qualsiasi ambiente. Ecco perché, quando si passa dalla modalità chiara a quella scura, il colore del testo predefinito cambia da nero a bianco. Tuttavia, se un'app codifica il colore del testo in nero, il testo rimarrà nero anche in modalità scura, rendendolo quasi invisibile su uno sfondo scuro. Per evitare questo problema, gli sviluppatori si affidano ai colori di sistema, garantendo che testo ed elementi UI si adattino automaticamente al colore appropriato per ogni modalità.
Problema con le icone di categoria di Splync in modalità scura
Inizialmente, Splync non era molto amico della modalità scura. Quando un utente ha segnalato che le icone di categoria erano difficili da vedere in modalità scura, non ho potuto affrontarlo subito. All'epoca, ero concentrato sul miglioramento delle funzionalità principali dell'app, quindi non ho dato priorità a questo problema visivo. Poi è arrivato il 2026 e ho finalmente fatto un esame più attento. Ciò che ho scoperto era semplice ma importante: le immagini delle icone erano completamente nere. In termini tecnici, erano fissate al colore #000000. Questo significa che rimanevano nere indipendentemente dalla modalità del telefono. Quindi, in modalità scura, le icone nere stavano su uno sfondo scuro come un camuffamento. Inoltre, avevo anche utilizzato un colore bianco fisso nel mio codice per addolcire gli sfondi delle icone. Questo funzionava bene in modalità chiara, ma in modalità scura creava un contrasto scomodo e non sembrava naturale.
Cosa fa il mio nuovo codice per i colori delle icone
Ecco cosa ho cambiato. Invece di forzare i colori, il mio codice rivisto dice all'app di lasciare che il sistema decida il colore delle icone automaticamente; nero in modalità chiara e bianco in modalità scura. Inoltre, il codice indica all'app di usare il colore proprio di ogni categoria come sfumatura di sfondo soffice, aggiungere un bordo sottile usando lo stesso colore della categoria e mantenere tutto pulito e leggibile in entrambe le modalità. In termini semplici, ho smesso di forzare i colori e ho lasciato che l'iPhone li gestisse in modo intelligente. Grazie a questo miglioramento, le icone di categoria ora si adattano naturalmente alla modalità chiara e scura, rendendole chiaramente visibili e visivamente coerenti in qualsiasi ambiente. Questo intervento non ha richiesto molto tempo, ma ho deciso di rilasciare un aggiornamento immediato in modo che i problemi tanto attesi per gli utenti della modalità scura potessero finalmente essere risolti il più rapidamente possibile.
I colori sono importanti
Non esiste un'estetica "perfetta". Ognuno ha un diverso senso del design. Anche la stessa persona può sentirsi diversamente a seconda del giorno — o persino dell'ora del giorno. Ciò che appare fantastico al mattino potrebbe sembrare distraente di notte. È per questo che gli sviluppatori devono concentrarsi sulla personalizzazione, bilanciandola con un'usabilità semplice e intuitiva. Un buon design non riguarda forzare uno stile. Riguarda lasciare che gli utenti scelgano ciò che è giusto per loro — È quello in cui credo.