Pagina principala » Web design » Tipografia Serif vs. Sans-Serif

    Tipografia Serif vs. Sans-Serif

    La etapa de selectare a fonturilor, un designer se întreabă adesea, “la Serif sau Sans-Serif”? Alegerea tipului de text de a utiliza într-un design este de cea mai mare importanță, deoarece afectează foarte mult lizibilitatea, experiența utilizatorului și estetica generală a designului.

    Deși, indiferent cât de multă experiență aveți cu tipografia, puteți întotdeauna se blochează în seriful față de dilema sans-serif. Eu personal cred că o cale de ieșire bună este prin înțelegerea principiilor de bază de serifi și sans serifi, și acesta este exact ceea ce își propune să facă acest articol.

    Să aruncăm o privire la următoarea scriere evidențiază diferențe majore între fonturile serif și sans-serif pentru o mai bună înțelegere a celor două.

    De unde provin serifii?

    Sunt serifi linii mici subțiri atașate la sfârșitul curbelor în fonturi. Se crede că acestea au provenit din alfabetul latin pe care românii i-au folosit pentru a-și etchiza scrierile în piatră.

    Deși nu există o origine universală acceptată în acest sens piesă decorativă în tipografie, se crede ca romanii obisnuiau sa picteze litere cu contururi pe piatra, asa ca atunci cand sculptorii de piatra urmau marcile de pensule, care se ardea la capete, care a dus la crearea de serifi.

    Cum rămâne cu sans-seriful??

    Sans-serif, pe de altă parte, înseamnă literal "fără serifi". Orice font care este absent de la aceste accidente vasculare la sfârșitul fiecărui colț poate fi considerat ca un font sans-serif.

    Știind asta, cum poate alegerea de a merge cu serifs sau sans-serif afectează designul? Iată câteva lucruri de luat în considerare:

    Diviziune

    Lizibilitatea este adesea măsurată ca cat de usor un cititor poate digera continutul. Desigur, deoarece viziunea este, de obicei, subiectivă, există o mulțime de factori care intră în joc, inclusiv nivelul de interes sau cititorul și modul în care este organizat conținutul în blocul sau spațiul pe care le-a fost dat.

    Metoda "vechei școli" de prezentare a textului folosește serif-uri pentru un motiv. Te-ai gândit vreodată de ce majoritatea ziarelor folosesc fonturi serif pentru conținutul lor? Deoarece serifii sunt mai ușor de citit. Aceste mici linii decorative în fiecare personaj ghidează ochii în mod fluid, pe măsură ce vă deplasați de la linie la linie și alăturați literele împreună care le face citiți texte mai lungi, fără să vă impozitați ochii.

    Spațiile dintre litere (din moment ce trebuie să țineți cont de serif-uri atunci când este vorba de spațiere), de asemenea oferă mai mult spațiu cititorului pentru a identifica cu ușurință scrisorile unul de celălalt.

    Uitați-vă la exemplul de mai jos și veți observa că serif fonturile creează o experiență mai ușoară de citire a ochiului deoarece creează lacune între litere și cuvinte. Acest lucru vă face mai ușor să vă mișcați ochii de la un cuvânt la altul.

    Pe de altă parte, fontul serif devine mai greu de citit folosind aceeași distanță. Acest lucru se datorează faptului că separarea fiecărei litere este mai mică ca tine nu trebuie să țineți cont de serifele atunci când o distanți.

    Lizibilitate

    Legibilitatea este calitatea și claritatea literelor. Aceasta se referă la detalii fine ale textului și este esențială deoarece îi ajută pe cititor să diferențieze un caracter de celălalt. Acest diferă de lizibilitate, deoarece acesta din urmă se referă în principal la abordarea conținutului în ansamblu.

    În cazul imaginii de mai sus, casetele de jos L și I pentru sans serif în Arial arăta destul de asemănător. Imaginați-vă tastarea cuvântului “Illinois”.

    Iată pentru a sublinia punctul meu de vedere.

    Cu toate acestea, este important să rețineți că dacă textul dvs. este ilizibil, acesta nu poate fi citit niciodată. Dar există multe cazuri de tipuri lizibile care pot apărea ca fiind de nerecunoscut datorită modul în care acestea sunt distanțate sau scalate în raport cu scopul lor de proiectare.

    Alex Poole a scris un articol bine explicat care a comparat caracterele serif și sans-serif în încercarea de a afla care este mai lizibil.

    Potrivit lui, există cinci caracteristici de observat când vine vorba de lizibilitate:

    • Serif sau Sans-serif
    • Dimensiunea punctului
    • X-înălțime
    • Contoare
    • Ascendenți și descendenți

    Poole a concluzionat, bazându-se pe argumente care sprijină ambele părți, că într-adevăr a existat nici o diferență în lizibilitate atunci când vine vorba de selecția tipului. El a remarcat, de asemenea, că există posibilitatea ca serifurile sau lipsa acestora să poată afecta lizibilitatea dar diferența nu este chiar măsurabilă.

    Cu toate acestea, el a spus că:

    Diferențe mai mari în lizibilitate pot fi găsite cu ușurință în cadrul membrilor de aceeași familie decât între serif și serigraf de tip sans serif. Există, de asemenea, alți factori, cum ar fi înălțimea x, dimensiunea contra, distanța dintre litere și lățimea cursei care sunt mai mult semnificativă pentru lizibilitate decât prezența sau absența serifilor.

    Scalare și rezoluție

    Textul în designul web nu este static. Acesta poate diferi de la ecran la ecran și ar trebui să fie scalabil. Acest lucru este făcut astfel încât textul să fie în continuare lizibil în ciuda dimensiunii ecranului.

    În acest domeniu, este sigur să spunem acest lucru sans-serif câștigă bătălia, deoarece este mai flexibilă la scalare. Fonturile Sans-serif sunt mult mai ușor de oferit accent și lizibilitate în rezoluții mai mici deoarece supraviețuiesc petele datorită lipsei de detalii în ele.

    IMAGINE: Ora

    Aici este o prime exemplu de modul în care seriful este folosit prost. Uitați-vă la paragraful de jos de pe coperta Time Magazine de mai sus și veți observa cu ușurință cât de relativ este greu să citești, deoarece nu curge cu ușurință mai ales cu dimensiunea mică. Dar observați cât de perfect este efectul pe măsură ce trece la sans serif pentru “Jonathan Franzen”.

    Același lucru este valabil și atunci când un font sans-serif este aruncat în sus. Scara fontului își păstrează forma generală și o face mai ușor de recunoscut. Deci, când vine vorba de scalare, sans serifurile tind să fie ușor adaptate la dimensiuni mai bune, deoarece se ajustează bine mizerie în dimensiuni mici și rupere în cele mai mari.

    La serif sau sans serif?

    Deci, care este răspunsul la întrebare?

    Putem spune că este o cravată evidentă. Alegerea între fonturile sans-serif și serif în cele din urmă se reduce la scopul de a utiliza textul. În cazul în care textul pe care îl styling ar trebui să rămână pe aproape aceeași dimensiune? Atunci ați dori o mai bună citire ceea ce face seriful o alegere mai bună.

    Pe de altă parte, dacă doriți să faceți parte a unui site web receptiv, alegerea unui font sans-serif ar putea fi mai înțeleaptă, deoarece nu doriți ca textul dvs. să apară prea mic pentru a citi.

    IMAGINE: GQ

    Uită-te la acestea Recipientele de reviste GQ care folosesc atât fonturi serif, cât și serif serif. Consensul general este că fonturile serif sunt folosite pe materiale formale și tipărite, în timp ce sans serif este cea mai mare parte folosită pe web. Dar în acest caz, amândouă au fost folosite, și dacă veți observa că este întotdeauna numele modelului de acoperire care este în serif, subliniind astfel.

    Unele cuvinte finale

    Doar amintiți-vă consistența este cheia. Alegerea fontului trebuie să se potrivească cu estetica generală a designului pe care îl creați. Poti se amestecă și se potrivesc fonturi care sunt similare, încercați să le redimensionați pentru a afla ce funcționează. Cu toate acestea, amintiți-vă că faceți acest lucru pentru ca utilizatorul ar înțelege mesajul iar design-ul dvs. arata si estetic.