Progetta email compatibili con la modalità scura

La modalità scura è sempre più diffusa. Ad agosto 2022, infatti, viene utilizzata dal 34% degli utenti per aprire le email (Fonte: Litmus). Questa preferenza è dettata dal comfort offerto, dalla riduzione dell'affaticamento per gli occhi, dal miglioramento della visibilità dei contenuti e molto altro. Molti destinatari di email scelgono la modalità scura per questi motivi. Pertanto, è fondamentale progettare le tue email in modo che siano compatibili con la modalità scura.

Che cos'è la modalità scura?

La modalità scura è un'impostazione di visualizzazione che può essere abilitata o disabilitata su numerosi dispositivi, app e sistemi operativi. Quando è attivata, cambia il colore dell'interfaccia utente.

Per quanto riguarda le email, la modalità scura inverte i colori dell'interfaccia dei destinatari delle email e del contenuto delle email. Ciò significa che i destinatari delle email vedranno uno sfondo scuro o a colori invertiti per gli sfondi non scuri e il colore del testo invertito per evitare che si confonda con lo sfondo.
Di seguito è fornito un esempio di email in modalità chiara e scura:

Dark_mode_email_light_version_en-us.jpg Dark_mode_email_dark_version_en-us.jpg

Quali piattaforme di email supportano la modalità scura?

In base alla piattaforma di email utilizzata, in modalità scura, le email potrebbero essere visualizzate in modo diverso. Questo perché le piattaforme di email utilizzano tre tecniche principali per abilitare la modalità scura:

Piattaforma di email Tecnica utilizzata
Apple Mail (MacOS)

Nessuna modifica

La tua email non viene modificata quando la modalità scura è abilitata.

iPhone / iPad (iOS 13)
AOL
Yahoo Mail
App Gmail per Android

Inversione parziale

La tua email apparirà con sfondo più scuro e testo più chiaro, mentre le parti già scure rimarranno tali.

Outlook app (iOS / Android)
Outlook 2019 (MacOS)
Outlook.com
Office 365 (MacOS)
App Gmail per iOS

Inversione completa

La tua email invertirà gli sfondi chiari in scuri, mentre quelli già scuri diventeranno chiari.

Outlook 2019 (Windows)
Outlook 2021 (MacOS / Windows)
Office 365 (Windows)
Windows Mail

Ottimizzazione delle email per la modalità scura

Qui troverai informazioni su come ottimizzare le tue email per la modalità scura.

💡 Buono a sapersi
Durante la progettazione delle tue email, ti suggeriamo di scegliere sempre la semplicità. In particolare, per il testo della tua mail è meglio utilizzare il carattere nero predefinito.

Prima di iniziare a progettare la tua email in Brevo, ci sono alcune cose che puoi fare da solo con le tue immagini per rendere le tue email compatibili con la modalità scura:

Usa PNG trasparenti

I PNG trasparenti sono immagini senza sfondo e sono spesso contrassegnate da un motivo a scacchiera. Ti consigliamo di utilizzare questo tipo di immagini per il tuo logo.

Dark_mode_email_png_model_en-us.png

L'utilizzo di immagini trasparenti consente di mantenere un aspetto naturale nelle email con sfondi bianchi e neri. Inoltre, migliora l'esperienza dell'utente evitando di avere sfondi luminosi durante la lettura delle email in modalità scura.
Ecco un esempio di cosa fare e cosa non fare:

Dark_mode_email_example_transparent_PNG_en-us.jpg

Ritaglia le immagini come un vero professionista

Se le tue immagini non sono PNG (il che significa che non hanno uno sfondo trasparente), prendi in considerazione l'aspetto che avranno in modalità scura. Ad esempio, se lo sfondo della tua immagine è ritagliato vicino al logo o al testo, la tua email non avrà un aspetto professionale in modalità scura, come puoi vedere nell'esempio qui sotto. Per evitare ciò, assicurati di ritagliare l'immagine con abbastanza sfondo o spazio bianco intorno.

Dark_mode_email_crop_images_2_en-us.png

Aggiungi bagliori, bordi o ombre ai tuoi PNG scuri

Aggiungi bagliori, bordi o ombre ai tuoi PNG scuri per assicurarti che possano essere visualizzati correttamente in modalità scura indipendentemente dal colore di sfondo. In particolare, se utilizzi un logo scuro su sfondo bianco in modalità chiara, puoi aggiungere un bagliore, un bordo o un'ombra corrispondente al colore di sfondo. Esistono diversi strumenti online che ti consentono di farlo. 
Ecco un esempio di testo PNG con bagliore:

Dark_mode_email_glow_image_dark_en-us.jpg

Aggiungi un colore di sfondo alle immagini

Se non vuoi o non puoi aggiungere un bagliore, un bordo o un'ombra, durante la progettazione della tua email puoi aggiungere uno sfondo colorato dall'editor drag & drop di Brevo. Aggiungi un colore di sfondo al tuo blocco di stile e scegli tonalità più chiare come il grigio per garantire visibilità.

Dark_mode_email_background-color_en-us.png

Dark_mode_email_background-color_result_en-us.png

Anteprima e prova dell'email in modalità scura

Prima di inviare la tua email, ti consigliamo di visualizzarla in anteprima su diverse piattaforme di email. Puoi farlo direttamente da Brevo dopo aver progettato la tua email per verificare come apparirà la tua email, anche in modalità scura. Tieni presente che le anteprime non sono sempre precise, perciò ti consigliamo di inviarti un'email di prova se hai abilitato la modalità scura sui tuoi dispositivi. Per ulteriori informazioni, consulta il nostro articolo dedicato Anteprima e prova della campagna email.

Dark_mode_email_preview_en-us.png

🤔 Domande?

In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarci qui.

Se stai cercando aiuto per un progetto che prevede l'utilizzo di Brevo, possiamo metterti in contatto con l'agenzia partner di Brevo giusta per te.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 21 su 61