Da PSD a modello Email

La Landing page è una pagina in cui i visitatori arrivano ed è usata per dirigere il traffico, mentre i modelli di email sono solo testo, che ti permette di cambiare il testo e la formattazione delle email inviate dagli utenti.

In base ai design delle migliori email-

• Per la struttura di un sito desktop, la larghezza del modello di email dovrebbe essere dai 600 ai 700 pixel e l’altezza dovrebbe essere tra i 110 e i 1500 pixel.
• Per la struttura di un sito per telefoni, la larghezza di un modello di email dovrebbe stare dai 320 ai 550 pixel.

Essa viene usata per assicurare la massima compatibilità con più client di posta elettronica possibili. Per un modello di email con un markup basato su tabella è sicuro che venga rappresentato correttamente a tutti i tuoi clienti.

Il limite nell’inviare un’email efficiente in Outlook e Gmail è che entrambi sono client di posta elettronica e non fornitori di email. Ci sarà-

• Spazio indesiderato
• Link sottolineati
• Altezza della linea irregolare

Se stai pensando di inviare un modello di email tramite Gmail/Outlook, è raccomandato di seguire una struttura prefissata.

Questo viene attuato per assicurare la massima compatibilità con più client di posta elettronica possibile. Per un modello di email con un markup basato su tabella è sicuro che sia rappresentato correttamente per tutti i tuoi clienti

Sia per le strutture di siti desktop che per telefoni, la lunghezza ottimale dei modelli di email va dai 1200 ai 1500 pixel. Se la lunghezza del modello è più grande ci sarà un ritaglio e l’email si spezza in Gmail e Outlook.

Oltre a controllare la dimensione della lunghezza, assicurati che la dimensione del modello sia minore di 100Kb. Se la dimensione del file eccede questo limite il tempo di caricamento del file potrebbe aumentare e l’email potrebbe “spezzarsi”.

I caratteri di Google non sono supportati nella maggior parte dei client di posta elettronica. Puoi utilizzare caratteri alternativi (caratteri contenenti simboli) per quei client di posta elettronica che non supportano i caratteri di Google.

I caratteri di Google funzionano sui sistemi operati moderni per telefoni- Da Android 2.2 in su e da iOS 4.2 in su (iPhone, iPad, iPod). Inoltre sono compatibili con i seguenti browser:

• Dalla versione 4.249.4 di Google Chrome in su
• Dalla versione 3.1 di Apple Safari in su
• Dalla versione 10.5 di Opera in su
• Dalla versione 6 di Microsoft Internet Explorer in su

Le email con le immagini con la risoluzione raddoppiata rispetto alle originali sono conosciute come email Retina.

Progettazione delle email retina-

- Progetta le immagini con vettori ad alta risoluzione e usale come oggetti su tela di 600 pixel in modo che possono essere usate in HTML per l’effetto retina. Puoi anche progettarla con 1200 pixel mantenendo una risoluzione di 300 pixel per punto (dpi).

Si. Ma l’immagine di sfondo non sarà visibile se invii la tua email con Gmail o Outlook.

L’immagine non sarà stirata se il contenuto del tuo modello è lunghetto. Piuttosto di usare un’immagine di sfondo raccomandiamo di usare uno sfondo totalmente colorato.

Nel caso dei modelli di email, la codifica basata su tabella viene utilizzata per assicurarsi che saranno compatibili con client molteplici, inclusi i client che non supportano CSS.

Queste sono le restrizioni che devi ricordare mentre progetti email-

• Il design dell’email deve essere di 600 pixel e la risoluzione dovrebbe essere mantenuta intorno ai 72 dpi.
• I caratteri dovrebbero essere sicuri per le email altrimenti alcuni client non sono in grado di leggere i caratteri del progettista.
• Non puoi usare lo sfondo nella tua email poiché non è visibile con alcuni client. Inoltre non si stirerà se c’è un contenuto lunghetto nella tua email.
• Se posizioni un elemento sopra un altro, entrambi gli elementi si uniranno in un’unica immagine