Ghid pentru asocierea fonturilor: alegerea celor mai bune combinații de fonturi pentru site-ul dvs. web

Publicat: 2020-11-02

În calitate de designer web, aveți de luat o mulțime de decizii importante pentru fiecare site pe care îl construiți. Palete de culori, interacțiuni cu interfața de utilizare, aspect de navigare, alegerea celui mai bun font pentru site-ul dvs. și multe, multe altele.

Totuși, un domeniu al designului web la care s-ar putea să nu petreceți suficient timp gândindu-vă este asocierea fonturilor.

Alegerea unui font cu aspect extraordinar este un lucru. Odată ce ai un bun simț al vocii și stilului mărcii, devine mult mai ușor să identifici fonturile care transmit o vibrație similară.

Cuprins

  • De ce aveți nevoie de asocierea fonturilor?
  • Ce trebuie luat în considerare la asocierea fonturilor
  • 4 reguli pentru asocierea fonturilor în web design
  • Regula nr. 1: nu utilizați mai mult de trei fonturi pe site-ul dvs.
  • Regula # 2: Concordia și contrastul sunt bune; Conflictul este rău
  • Regula nr. 3: Nu vă fie frică de asocierea în superfamilii de fonturi
  • Regula # 4: asigurați-vă că fonturile dvs. sunt dimensionate și modelate corespunzător
  • Cele mai bune 30 de combinații de fonturi pentru web design

De ce aveți nevoie de asocierea fonturilor?

Site-urile web au nevoie de mai multe fonturi - pentru a stabili ierarhia, pentru a menține vizitatorii implicați cu mult text și pentru a le spune vizitatorilor mai multe despre personalitatea și abordarea mărcii.

Când adăugați acest strat suplimentar de complexitate la mix, lucrurile pot deveni complicate. Nu numai că asociați fonturi unul cu celălalt; le asociați și cu designul dvs. web.

Sunt sigur că ați întâlnit astfel de scenarii în călătoriile dvs. pe web:

  • Două fonturi plictisitoare fac ca o postare lungă pe blog să fie foarte dificil de citit și ajungeți să parcurgeți anteturile pentru a vedea dacă puteți face povestea împreună.
  • Un font cursiv distractiv și unic introduce vizitatorii în afaceri, doar pentru ca un font de corp prea mic și foarte simplu să contrazică acea primă impresie.
  • Site-ul susține că compania adoptă o abordare tinerească și inovatoare a afacerilor, motiv pentru care fonturile retro par atât de deplasate.

Există prea multe lucruri care pot merge prost în asocierea fonturilor dacă nu vă faceți timp pentru a înțelege cum se potrivesc fonturile.

Aflați cum să adăugați fonturi personalizate la WordPress

Ce trebuie luat în considerare la asocierea fonturilor

În ghidul nostru pentru cele mai bune fonturi pentru site-uri web, am rezumat principalele caracteristici de căutat:

1. Legibilitate

Unul dintre motivele pentru care serifele sunt foarte preferate în literatură și ziare este din cauza lizibilității. Serifele (picioarele) din vârfurile și fundurile personajelor facilitează cititorilor să facă distincția între personaje cu aspect similar, cum ar fi majusculele „I” și minusculele „l”, deci nu există încetinire din cauza problemelor de înțelegere.

Dacă proiectați o pagină cu peste 600 de cuvinte, nu ar fi o idee proastă să folosiți un serif în textul corpului chiar din acest motiv.

Acestea fiind spuse, dacă găsiți un sans serif cu forme de literă distincte (chiar și fără serifele), nu vă fie teamă să experimentați. Avem câteva exemple despre cum să utilizați sans serifs atât în ​​plasarea corpului, cât și în cea a antetului de mai jos.

2. lizibilitate

Unul dintre motivele pentru care s-a crezut de multă vreme că san serifele sunt o alegere mai bună decât serifele pentru textul online a fost datorită lizibilității lor ridicate. Cu toate acestea, studiile au arătat că există puține diferențe în ceea ce privește cât de repede sau cu ușurință oamenii pot citi textele serif vs. san serif - cel puțin la dimensiuni mai mici.

Deoarece rezoluțiile ecranului s-au îmbunătățit considerabil de-a lungul anilor, tipografii au reușit să creeze fețe de fonturi în ambele stiluri, care sunt la fel de ușor de citit. După cum explică NNG:

„Vechea linie de utilizare pentru tipografia online a fost simplă: respectați tipurile de caractere sans-serif. Deoarece ecranele computerului erau prea mizerabile pentru a reda serifele în mod corespunzător, încercarea de tip serif la dimensiunile corpului-text a dus la forme neclare ale literelor. ”

În timp ce alte tipuri de fonturi - cum ar fi cele prea decorative - pot fi prea dificil de citit în afara textului de antet mare, designerii au o mulțime de opțiuni în ceea ce privește modul în care stilează textul pe o pagină cu serif și san serif.

Prin urmare, ceea ce ar trebui să fiți mai conștient este dimensiunea și spațierea personajelor dvs., deoarece acestea au un efect asupra lizibilității și lizibilității.

3. Confort

Există unii designeri de web care sunt reticenți în utilizarea tipurilor de caractere precum Helvetica sau Times New Roman din cauza cât de mult sunt folosiți. Cu toate acestea, selectarea fontului și asocierea nu se referă la modul în care vă simțiți despre tipografia site-ului dvs. web, ci la cât de confortabili sunt vizitatorii dvs. când îl citesc.

Deci, nu este rușine să alegi clasici dacă își fac treaba.

4. Stil

Selectați tipuri de fonturi și fonturi cu stiluri care se aliniază bine cu marca dvs. De exemplu, fonturile serif se simt mai tradiționale și mai serioase, spre deosebire de fonturile cursive, care tind să fie mai ciudate și mai distractive.

Puteți spune vizitatorilor multe despre marca dvs. doar alegând tipurile potrivite de fonturi pentru început.

Nu pierdeți din vedere aceste reguli pe măsură ce treceți la următorul pas de proiectare cu tipografie: