În acest articol aveți posibilitatea de a învăța despre împerecherea fonturilor și cum să găsiți combinațiile de fonturi ideale pentru website-ul vostru.
Alegerea tipografiei potrivite pentru designurile voastre poate fi adesea o sarcină frustrantă. În acest articol vă vom oferi toate informațiile de care trebuie să țineți cont pentru a obține combinațiile de fonturi ideale pentru website-ul vostru. Multe persoane petrec o perioadă îndelungată de timp căutând cele mai potrivite fonturi pentru propriul design, însă de multe ori fără prea multe rezultate. Ceea ce adesea vă poate împiedica să găsiți ceea ce vă doriți este nerespectarea sau necunoașterea regulilor de tipografie. În cele ce urmează vă vom arăta ce trebuie să știți despre combinarea fonturilor și, mai mult, vă vom oferi câteva combinații grozave pe care le puteți utiliza în munca voastră.
Sfaturi pentru combinațiile de fonturi ideale în designul vostru
1. Folosiți fonturi care au tonuri diferite
Scrisul are puterea de a exprima emoție. Formele literelor pe care le alegem pentru a afișa cuvintele ne influențează, chiar și involuntar, percepțiile. Unele fonturi sunt mai dure și serioase, în timp ce altele sunt mai informale și optimiste. Fonturile au identități distincte care pot adăuga sens cuvintelor pe care le compun. Atunci când vă alegeți combinațiile de fonturi, țineți cont ca acestea să reflecteze un contrast vizual plăcut.
Când alegeți cele mai potrivite combinații de fonturi, luați în calcul, mai întâi, scopul final al website-ului. O formă a literelor jucăușă poate fi folosită pentru companiile de jucării, însă sunt nepotrivite pentru o firmă de avocatură. Una din cele mai mari preocupări va fi fonturile pe care le veți folosi în zone cheie precum antetul sau subsolul. Titlurile oferă mai multă libertate în utilizarea fonturilor stilizate datorită dimensiunii lor mari. Pentru informațiile de conținut aveți nevoie de un font care să fie ușor de citit, mai ales în cazul textelor de dimensiuni mai mici. În ciuda faptului că fonturile au personalități diferite, ele lucrează împreună, în armonie.
2. Creați contraste – însă nu utilizați într-un mod exagerat combinațiile de fonturi
Perechile de fonturi trebuie să se distingă într-un mod vizibil, însă, totodată, să se completeze reciproc. Ce se întâmplă dacă alegem un font cu o caligrafie înflorită, ca de exemplu Great Vibes și îl combinăm cu un font Serif precum Merriweather? Sfârșim cu un contrast care nu este foarte plăcut din punct de vedere vizual.
Fontul Great Vibes transmite sentimente mult mai sofisticate comparativ cu Merriweather, care este un font simplist, tipic fonturilor Serif. În acest caz, contrastul este prea mare pentru ca impactul vizual să fie unul plăcut. Să vedem acum cum ar trebui să arate o combinație de fonturi satisfăcătoare. În antet vom folosi Vollkorn, un font serif subtil și jucăuș. Vom combina acest font cu Open Sans, un sans serif mult mai neutru și simplu. După cum vedeți în imaginea de mai jos, această combinație este mult mai plăcută vizual decât în primul caz.
3. Folosiți maxim 3, sau mai puține fonturi
De cele mai multe ori, în realizarea designurilor veți folosi un font pentru titlu și altul pentru conținut. Cu toate acestea, există posibilitatea să aveți anumite secțiuni în care să folosiți o tipografie mai stilizată, precum scrisul de mână, pentru a oferi un plus de valoare. Indiferent cât de tentante pot fi fonturile, încercați să vă limitați doar la 3 dintre acestea.
Mulți designeri optează pentru utilizarea unei superfamilii de caractere pentru proiectele lor. O superfamilie este un grup de fonturi care sunt toate înrudite. Ea poate conține variații stilistice, cum ar fi versiuni italice, îngroșate sau mai subțiri, aspect serif și sans serif, sau alte variații. Cel mai bun lucru în folosirea superfamiliilor este că elimină eforturile de a găsi fonturi complementare, deoarece au fost concepute astfel încât să fie respectată compatibilitatea. Mai jos putem observa cât mai concret variațiile unui font.
4. Comunicați ierarhia vizuală prin împerecherea corectă a fonturilor
The Equitist, un website de asistență medicală își comunică ierarhia prin diferite stiluri de caractere, dimensiuni și culori. Puteți folosi tipografia pentru a trimite semnale vizuale cu privire la importanța diferitelor secțiuni de conținut. Titlurile ar trebui să aibă cel mai puternic impact vizual, urmate de subtitluri, iar mai apoi de conținutul informațional. Utilizați combinațiile de fonturi pentru a oferi conținutului o structură intuitivă, ușor de urmărit.
Utilizați dimensiunea fontului pentru a semnala ordinea
Fontul cel mai mare sugerează cea mai mare prioritate pe care trebuie să o acordați secțiunii. O altă modalitate de a evidenția o secțiune este folosirea majusculelor. Încercați să folosiți cu prudență majusculele întrucât poate sugera că strigați la vizitatorii de pe website, ceea ce nu reprezintă situația ideală pe care o urmăriți. Integrarea diferitelor dimensiuni de tipografie este soluția pe care o adoptă majoritatea designerilor începători, însă există și alte modalități extraordinare de a sugera ierarhia vizuală.
Experimentați tonalitățile diferite ale unui font
Agenția Babel combină două tonalități diferite ale aceluiași font, așa cum putem observa în exemplul de mai jos.
Versiunea mai îngroșată poate indica o importanță mai ridicată, în timp ce fontul mai subțire sugerează o importanță mai scăzută. Puteți folosi variațiile unui font în diferite moduri pentru a transmite exact ceea ce doriți.
Folosiți variații ale culorilor fontului
Cu siguranță nu doriți să folosiți o varietate de culori și nuanțe în designul vostru, însă alternarea anumitor nuanțe sau culori pot scoate în evidență anumite secțiuni specifice. Atunci când vă jucați cu nuanțele și contrastele fonturilor, asigurați-vă că acestea vor fi suficient de clare și nu se vor pierde în fundal.
Fonturi cărora trebuie să le acordați atenție atunci când încercați diferite combinații
Acum că am acoperit principiile tipografice de care ar trebui să țineți cont, să discutăm despre categoriile majore de fonturi și combinații pe care le puteți utiliza în viitoarele voastre proiecte.
Serif
Fonturile de tip serif au fost dezvoltate pentru a îmbunătăți lizibilitatea textelor tipărite. Literele în stil serif fac parcurgerea textului mult mai eficientă, mai ales când vine vorba de secțiuni mari de text, cum ar fi în cazul cărților. În primele zile de la apariția computerului, rezoluția nu permitea afișarea lizibilă a fonturilor serif. Monitoarele de astăzi au o rezoluție mult mai mare și permit designerilor să folosească o varietate de fonturi în proiectele lor.
Încercați ca atunci când utilizați un font serif, să îl combinați cu un font sans serif. Fonturile serif sunt, în general, foarte asemănătoare, motiv pentru care combinarea a două fonturi de acest fel creează o imagine vizuală neatractivă. Fonturile serif oferă multă flexibilitate. Indiferent de dimensiunea acestora, sunt ușor de citit, ceea ce le face ideale atât pentru titluri și anteturi, cât mai ales pentru conținuturile mari de text.
Asocierea fonturilor: EB Garamond și Montserrat
În exemplul de mai jos am folosit fontul serif EB Garamond pentru conținut, și Montserrat pentru titlu. După cum putem concluziona, fonturile serif funcționează mai bine pentru secțiuni mari de conținut atunci când au o dimensiune mai mică a fontului.
Asocierea fonturilor: Libre Baskerville and Raleway
Fonturile serif mai pronunțate, precum Libre Baskerville contrastează perfect cu liniile subțiri ale fontului Raleway.
Sans serif
Aceste tipuri de font sunt mult mai simpliste, întrucât elimină liniile suplimentare care încarcă literele. În special, sans serif poate fi folosit pentru paragrafe sau în textul care compune conținutul unei pagini, sau pot fi combinate cu fonturile serif în antet.
Asocierea fonturilor: Open Sans și Lato
Open Sans este un font simplu, dar primitor, și se combină foarte bine cu multe alte fonturi. În exemplul de mai jos am folosit Open Sans în antet, iar fontul Lato este utilizat pentru conținut.
Display font
Fonturile display funcționează cel mai bine mai ales atunci când trebuie să atrageți atenția vizitatorilor tăi. Ele sunt adesea formate din fonturi sofisticate și pot varia foarte mult ca și aspect. Fonturile display sunt foarte stilizate, de aceea le puteți folosi cu încredere în titluri sau în diferite secțiuni, pentru a crea o impresie favorabilă din punct de vedere vizual.
Asocierea fonturilor: Bubblegum Sans și Open Sans
Neutralitatea fontului Open Sans este completată perfect de literele stilizate și vesele ale fontului Bubblegum.
Asocierea fonturilor: Poiret One și Lato
Dacă sunteți în căutarea unui font sofisticat și modern, cu litere nuanțate, atunci probabil ar trebui să vă opriți la Poiret One. Asocierea acestui font cu unul mai subtil precum Lato creează un contrast foarte plăcut.
Fonturi monospațiate
Fiecare caracter din acest font respectă aceeași lățime. Ele transmit un puternic sentiment de consistență, întrucât, comparativ cu celelalte tipuri de fonturi, ele au aceeași măsură fixă. La apariția calculatorului, din cauza rezoluției reduse, fonturile monospațiate erau folosite din abundență.
Asocierea Fonturilor: IBM Plex Mono și PT Sans
IBM Plex Mono este un tip de font modern, cu o identitate vizuală perfectă mai ales pentru startup-uri și alte ramuri din domeniul tehnologiei. Asocierea acestuia cu PT Sans, un font care are o geometrie mai clară, creează un contrast plăcut și o ierarhie vizuală eficientă.
Asocierea Fonturilor: Roboto Mono și Roboto
Ce face ca Roboto să fie un font atât de apreciat este gradul ridicat de lizibilitate pe care-l oferă. Combinația de mai jos face ca un conținut text să fie ușor de parcurs.
Combinațiile de fonturi sunt esențiale în web design Există atât de multe aspecte de luat în considerare atunci când dorim să realizăm un design web eficient. Combinațiile de fonturi sunt tot atât de importante precum alegerea paletei de culori. Acesta este principalul motiv pentru care trebuie să tratați cu mare atenție alegerea fonturilor. Tonul fonturilor, felul în care le combinați și lizibilitatea acestora contribuie la experiența pozitivă sau, din contră, negativă a utilizatorului pe website. Încercați să găsiți acele combinații de fonturi care reușesc cel mai bine să descrie personalitatea designului vostru. Pentru obținerea unui design perfect puteți să vă inspirați din portofoliul nostru de proiecte, sau puteți să vă documentați din numeroasele articole regăsite pe site.
