Textul unui site web este unul dintre cele mai importante elemente ale oricărui website. Tipografia având un impact mare asupra mărcii și experienței acesteia în industrie. Este fundamental să realizăm modificări ale tipografiei în textul nostru. De exemplu schimbarea mărimii textului, un font nou trebuie ales fără a pierde mult timp în realizarea acestora. Dar există câteva modificări simple pe care le puteți face tipografiei. Ele nu vă vor pierde timpul și pot fi realizate în 30 de minute sau mai puțin.
Iată opt dintre cele mai ușoare modificări.
1. Măriți contrastul culorilor
Relația unui designer cu textul unui site este foarte diferită de cea a unui utilizator. Un designer poziționează textul ca formă, un utilizator îl citește rând cu rând. În consecință, designerii tind să subestimeze cantitatea de text necesară pentru un website.
Textul unui site de culoare gri deschis este frumos din punct de vedere estetic, dar inutil din punct de vedere funcțional. Textul este folosit să fie citit și trebuie să îndeplinească standardele WCAG AA pe desktop și pe mobil. Acesta ar trebui să fie testat temeinic pentru contrast. Ca punct de plecare, textul de 18 px pe un fundal alb nu ar trebui să fie niciodată mai deschis decât #595959.
2.Strângeți spațierea între litere
Marea majoritate a fonturilor sunt concepute pentru a fi utilizate la scrierea text, de pe o pagină. Când a fost creat fontul, acesta a fost distanțat pentru această utilizare.
Spre deosebire de textul care rulează, titlurile tind să fie scurte și sunt înconjurate de mai multe spații albe. Spațiile albe suplimentare îngreunează partea vizuală. Încât deformează formele cuvintelor și forțează literele să se separe. Pentru a compensa, restrângeți spațierea dintre litere și titlurile cu 1–5%.
3. Spațiere
Când citim, creierul nostru nu scrie cuvintele literă cu literă. Creierul recunoaște formele de cuvinte și chiar formele grupurilor de cuvinte.
Cea mai mare parte a microtipografiei este preocupată de a nu perturba acele forme de cuvinte. Cu toate acestea, există momente în care doriți să împiedicați formarea cuvintelor și să permiteți caractere individuale.
Slăbiți spațierea dintre litere de pe orice text destinat să fie citit ca o serie de caractere, cum ar fi numere de serie, coduri de urmărire și date tabulare.
4. Utilizați fonturi de sistem pentru logare
Confidențialitatea este o problemă importantă pentru utilizatori. Cu cât faceți mai sigură navigarea utilizatorului, datele datele acestora vor fii în siguranță,cu atât va crește UX-ul pozitiv al site-ului dvs.
Stizați intrările HTML pentru a utiliza fonturile de sistem — fonturile implicite setate de sistemul de operare cu care accesează utilizatorul dvs. site-ul. Acest lucru creează o delimitare clară între datele mărcii din fonturile mărcii și datele utilizatorului din fonturile utilizatorului.
Folosirea fonturilor de sistem în acest fel încurajează utilizatorul să simtă că este proprietarul datelor lor. Atunci se construiește încrederea în site și cresc conversiile.
5. Marcați paragrafele
Paragrafele unui text, au nevoie de o indicație vizuală că au început. Există trei moduri în care acest lucru este transmis în mod normal: urmărirea unui titlu, cu un spațiu vertical înaintea paragrafului.
Fiecare paragraf ar trebui să utilizeze unul dintre acești indicatori. Datorită conținutului web și a avantajelor pe care le au titlurile, citirea rapidă a conținutului este cea mai bună alegere. Este o combinație între urmărirea unui titlu și spațierea verticală.
6. Folosiți stiluri autentice
Din diverse motive este obișnuit ca site-urile să falsifice stiluri alternative folosind CSS. Literele cursive pot fi falsificate să aarate ca cele oblice, iar majusculele mici pot fi falsificate prin setarea textului la majuscule și reducerea mărimii fontului.
Aceste trucuri fac mai mult rău decât bine, creând forme de cuvinte distorsionate care întrerup fluxul natural al textului unui site web.
Dacă nu puteți utiliza litere italice autentice și majuscule, atunci nu le falsificați. Găsiți modalități alternative de a pune accent pe diferite cuvinte, cum ar fi schimbarea culorilor.
7. Folosiți ghilimele corecte
Apostrofele, ghilimele simple și duble sunt caractere specifice. Majoritatea fonturilor le oferă o grafare care este diferit de tasta rapidă.
Aceste ghilimele sunt denumite ghilimele „inteligente”, deoarece aplicațiile de procesare a cuvintelor au de obicei opțiunea de a fi „inteligente” în ceea ce privește simbolurile pe care le folosesc.
Textul unui site web poate arata frumos atunci când utilizăm ghilimelelor corecte.
8. Despărțirea corectă
Silabisirea este ruperea unui cuvânt pe două rânduri, cu cratimă între acestea. Web-ul are suport surprinzător de slab pentru separarea corectă în silabe, dar se îmbunătățește treptat și poate fi aplicat ca o îmbunătățire progresivă.
CSS vă permite să setați separarea prin silabe (fără cratime), automat (browserul se inserează automat) și manual (în care specificați unde ar trebui să apară cratimele folosind caracterul cratima moale).
Din punct de vedere tipografic, o cratima poate fi inserată în orice cuvânt care are cinci caractere sau mai mult. Trebuie să existe cel puțin două caractere înaintea cratimei și cel puțin trei caractere după cratimă.
Pingback: Cum se utilizează o Scară Tipografică?