3 Consiliul privind utilizarea corectă a fonturilor în e-mailuri

3 sfaturi despre utilizarea corectă a fonturilor în e-mailuri +5

• 21.07.16 06:23
• lol_wat •
• # 306082
• Habrahabr •
• Traducere •
• 3 •
• 3200

- la fel ca Forbes, doar mai bine.

Desigur, unul dintre cele mai importante elemente de design este textul imprimat. Un design grafic și stilul textului se numește tipografie. Cu abordarea corectă, tipografia vă poate transforma e-mailurile. Cu toate acestea, problema este că nu toate fonturile sunt afișate în toate cutiile poștale și pe toate dispozitivele. În primul rând, trebuie să stabiliți limitele "securității web".

Fonturi "nesigure" și modul de utilizare a acestora

Anumite fonturi vor fi afișate corect pe toate dispozitivele și în toți clienții de e-mail. Acestea sunt așa-numitele fonturi "în siguranță":

• Arial
• curier
• Georgia
• Helvetica
• Lucida sans
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

În acest caz, ce trebuie să facă proiectanții de interfață? Din fericire, există mai multe modalități de a rezolva această problemă.
În primul rând, cu dispunerea corectă a literelor, trebuie să utilizați nu numai fonturi, ci și imagini, liniuțe, spații, lucrul cu text etc. Vorbim despre asta mai târziu.

În al doilea rând, puteți trece dincolo de limitele "securității web" prin tastarea textului cu fonturi nestandard. O modalitate populară este de a utiliza fonturi web descărcate atunci când deschideți un mesaj, de exemplu, din serviciul de fonturi web Google. Formarea "stivelor CSS bazate pe fonturi" permite dispozitivului să treacă la un font alternativ mai frecvent.

Și acum să ne întoarcem la proiectarea e-mailurilor și tipografiei. Alegeți corect fontul pentru campania de e-mail a campaniei, care vă va ajuta la 3 sfaturi.

Sfat # 1: Alegeți fontul potrivit pentru corpul mesajului

Imagine luată de la w3schools.com

Ce fonturi sunt recomandate pentru încorporarea e-mailurilor ca alternativă la Arial și Helvetica? Georgia sau Verdana. "În ceea ce privește e-mailurile, de obicei, ne uităm prin câteva paragrafe", se arată în articol. "Distanța mare dintre litere accelerează mult citirea ... Și serifii ajută la distingerea scrisorilor între ei."

În căsuța poștală am găsit câteva exemple bune de utilizare a fonturilor serif. Adunarea Generală a Companiei Educaționale Globale. ca regulă, utilizează fontul Georgia pentru textul principal al literei:

Compania britanică Dunhill, specializată în producția de articole pentru bărbați de lux, preferă de asemenea Georgia:

Și site-ul culinar Kitchn face o alegere în favoarea fontului Georgia:

Dar am găsit și o mulțime de scrisori, în care au fost folosite fonturile familiei sanselor serifelor. Cele mai multe ori, fonturile sans-serif sunt alese pentru blocuri mici de text (1 sau 2 linii) sau titluri mari, ca în această scrisoare de pe site-ul Canopy:

Marca americană de îmbrăcăminte sport de clasă premium Lululemon oferă, de asemenea preferință pentru un serif font:

Ca regulă generală, dacă corpul mesajului este format din blocuri lungi, ar trebui să utilizați fonturi serif. Fonturile Georgia și Verdana fac textul mai ușor de citit. Cu toate acestea, pentru literele scurte și fragmente de text individuale, fonturile sans-serif sunt mai potrivite.

Sfat # 2: Selectați titlul combinând fonturile sau schimbând stilul fontului

a) Pentru titlu, utilizați același font ca și corpul literei, dar mai mare (și / sau aplicați o altă culoare și stil, de exemplu, subliniind-o cu caractere aldine sau tastând numai cu majuscule).

Utilizarea aceluiași font pentru titlu și conținut face ca litera să fie simplă și simplă. Această uniformitate oferă recunoașterea mărcii, cu condiția ca titlurile dvs. să difere vizual de textul principal în mărime și / sau stilul fontului sau să fie separate de un spațiu. În plus, scrisoarea dvs. va fi afișată corect în orice client de e-mail.

Dimensiunea fontului anteturilor ar trebui să fie de cel puțin două ori mărimea fontului textului principal, iar anteturile și blocurile de conținut separate de o linie goală pentru a îmbunătăți lizibilitatea. Din acest principiu, Canopy, Kitchn și Lululemon fac titlurile scrisorilor lor.

b) Pentru titlu, selectați un font diferit de fontul corpului mesajului (și / sau aplicați o altă culoare și stil, de exemplu, subliniind-o cu caractere aldine sau tastând numai cu majuscule).

Diferența dintre fontul titlului și textul principal al literei creează un contrast vizual plăcut. "Principiul cel mai popular de combinare a fonturilor este combinația dintre un font marcat pentru titlu și un font serif cu o serif pentru textul principal", a declarat Smashing Magazine. "Folosind această combinație clasică, este aproape imposibil să faci o greșeală." Secretul nu este de a combina fonturi, care se disting prin multe caracteristici unice. Acest lucru poate duce la un conflict nedorit în tipografie. În mod obișnuit, fonturile "în siguranță" nu sunt prea florice, astfel încât puteți combina cu ușurință aproape orice font din familia serifelor cu tip tăiat.
Fonturile serif securizate pe web includ:

• curier
• Georgia
• Times New Roman

• Arial
• Helvetica
• Lucida sans
• Tahoma
• trebuchet
• Verdana

c) Introduceți titlul într-un font non-standard și inserați-l în literă ca imagine.

Multe branduri utilizează logo-uri și anteturi de scrisori ca o oportunitate de a-și prezenta identitatea corporativă. Tipografia lor poate fi atât de unică încât preferă să pună fonturi în litere sub formă de imagini, nu de text. În acest caz, este recomandat să se insereze un font non-standard în imagini, deoarece altfel este posibil să nu apară la anumiți clienți de e-mail. Pe de altă parte, atunci când compuneți un mesaj, nu trebuie să vă bazați în întregime pe imagini, deoarece unele casete poștale blochează descărcarea lor implicită. Cu toate acestea, unele companii iau acest risc pe baza conținutului scrisorilor și ale publicului. De exemplu, un magazin on-line de elemente de design interior Sight Unseen, pune în scrisorile dvs. imagini cu un titlu corporativ:

Dați-vă identitatea mărcii prin simpla plasare a siglei de marcă și a fontului non-standard în partea de sus a mesajului, iar pentru restul titlurilor și textului scris al caracterelor, utilizați un font "sigur în web".

Regula 3: trageți corect legăturile

Lululemon a luat această abordare în scris scrisoarea. Titlul său, partea descriptivă și butonul de chemare la acțiune sunt legate, astfel încât cititorii pot face clic pe aproape orice element al literei pentru a obține mai multe informații. Deși legăturile nu pot fi identificate vizual vizibil, un clic instinctiv redirecționează abonații la site-ul web Lululemon. Astfel, scrisoarea nu este supraîncărcată cu sublinieri sau culori noi, iar designul rămâne simplu și elegant.

Experimentând cu designul de link-uri în scrisorile dvs., încercați să găsiți un echilibru care să se potrivească cu marca dvs. și pune accentul pe estetica sa. Asigurați-vă că linkurile din scrisoarea dvs. sunt extrem de simple și concise.

În concluzie: Cele mai bune tehnici practice

1. Pentru corpul mesajului, selectați fontul "Web Safe". Dacă există o mulțime de text în scrisoare, încercați să utilizați un font serif.
2. Utilizați un font sans-serif pentru titlu. Dimensiunea fontului antetului ar trebui să depășească dimensiunea fontului textului principal.
3. Creșteți eficacitatea legăturilor, legând cât mai multe informații posibil cu litera, fără a încălca designul.

Alte materiale din blogul "Pechkin":

Vă puteți ajuta și puteți transfera niște bani la dezvoltarea site-ului

Articole similare

• Strângerea de fonduri - cum se scrie o scrisoare

• Sfaturi și sfaturi cu privire la utilizarea echipamentelor de bere - echipament master-bere

• Cât de corect să vă cunoașteți pe Internet, sfatul unui psiholog

Trimiteți-le prietenilor: