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
Deoarece sunt afișate peste tot, puteți să le folosiți în siguranță în campaniile de marketing prin e-mail. Singurul dezavantaj al acestor fonturi este numărul lor foarte limitat.
Î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
Fonturile sans-serif sigure pentru web includ:
- Arial
- Helvetica
- Lucida sans
- Tahoma
- trebuchet
- Verdana
Chiar și atunci când combinați diferite fonturi, dimensiunea fontului titlului ar trebui să fie cel puțin de două ori mai mare decât dimensiunea caracterelor textului (poate fi de asemenea diferită în ceea ce privește culoarea sau saturația). E-mailul de mai sus de la Adunarea Generală este un excelent exemplu de combinare a fontului Arial în antetul și Georgia în textul principal al scrisorii.
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
- 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.
- Utilizați un font sans-serif pentru titlu. Dimensiunea fontului antetului ar trebui să depășească dimensiunea fontului textului principal.
- 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