Tipografie: procesul de alegere a unui font. Combinați luminile cu neutre

Selectarea fonturilor astfel încât să se potrivească perfect împreună nu este o sarcină ușoară. În mod surprinzător, mulți designeri web au o înțelegere destul de vagă a modului de selectare a perechilor de fonturi, ce fonturi sunt cele mai bune de utilizat pentru titluri și subtitluri, când să folosească caracterele cursive și așa mai departe. Între timp alegere corectă Un font poate adăuga personalitate unui site web - și nu trebuie să utilizați fonturi exotice pentru aceasta. Chiar și cele mai comune fonturi selecție corectă poate arata foarte frumos.

CÂTE FONTURI TREBUIE FOLOSITE ÎNTR-UN DESIGN?

Nu există un răspuns specific la această întrebare - cu toate acestea, în cele mai multe cazuri, vă puteți descurca cu un singur font. Principalul lucru este că acest font are mai multe stiluri, cel puțin Regular, Bold și italic. Acest lucru este suficient pentru a crea o ierarhie de text. În plus, utilizarea unui singur font salvează designerul de selecția dureroasă a unei perechi de fonturi. Cu toate acestea un singur font face designul oarecum plictisitor, ceea ce uneori este inacceptabil.

Există o regulă nescrisă conform căreia nu trebuie să utilizați mai mult de trei fonturi într-un singur design. Având în vedere că, de obicei, un site web sau un logo al companiei este creat folosind un font neobișnuit, designerului îi rămâne doar câteva opțiuni.

De regulă, pentru evidențierea titlurilor se folosește un font care este personalizat (personalitate) și conferă textului personalitate. Al doilea font este folosit pentru textul obișnuit și este foarte important ca acest font să fie lizibil. Aceste fonturi ar trebui să se combine bine între ele, deoarece cea mai mică disonanță va înrăutăți percepția conținutului. Titlurile ar trebui să fie vizibile, dar nu strălucitoare - la urma urmei, scopul titlului este de a pregăti cititorul pentru vizualizarea următoarei piese de text.

CUM SĂ ALEGEȚI UN FONT DE BAZĂ

ÎN design grafic Se întâmplă adesea că nu trebuie să alegeți deloc un font - compania are un ghid în care totul este subliniat, inclusiv regulile de utilizare a fonturilor. Dar pentru web această opțiune nu se potrivește - adesea singurul lucru care poate fi luat din ghid este fontul în care este introdusă sigla.

Atunci când alegeți un font pentru textul principal, trebuie mai întâi să acordați atenție lizibilității acestuia. Cel mai bine este să nu încerci să reinventezi roata și să folosești fonturi „testate” care arătau bine în proiectele anterioare. Fiecare designer are întotdeauna mai multe opțiuni dovedite în stoc - acestea sunt fonturile care ar trebui folosite mai întâi. Dacă vorbim despre Fonturi Google, Asta alegere optimă vor fi Droid Sans, Noto Serif și Cabin.

CUM SĂ ALEGEȚI UN FONT PENTRU TITURI

Dar aici o ambuscadă îi așteaptă pe mulți designeri, în special pe începători. Alegerea unui font de personalitate nu este atât de ușoară. Dacă pentru textul principal puteți, fără a vă eforta cu adevărat, să alegeți niște takhoma sau verdana, atunci un astfel de număr nu va funcționa cu fontul pentru titluri. Un font Personality ar trebui să fie special, dar nu prea atrăgător. Ar trebui să atragă atenția, dar doar atât de mult încât să nu interfereze cu lectura. Fiecare font are propriul său trăsături caracteristice- vorbitor într-un limbaj simplu, unele fonturi sunt stricte, altele sunt netede, altele sunt clare etc. Și dacă fontul personalității este bine ales și aspectul său este combinat armonios cu fontul principal, atunci aceasta înseamnă că designerul a făcut față pe deplin sarcinii.

ÎN în acest exemplu combinație de fonturi utilizate FiraSansŞi Merriweather.

OPȚIUNEA 1: ALEGEREA SIGURĂ

Multe fonturi sunt create în două versiuni - sans serif și serif. De exemplu, fonturile Scala Sans și Scala Serif, Meta și Meta Serif, Droid Sans și Droid Serif. Aceste fonturi pot fi folosite în perechi fără nicio teamă, deoarece forma literelor în sans și serif este aproape identică, dar în același timp contrastează destul de bine între ele. Pentru acei designeri care nu sunt pe deplin încrezători în capacitatea lor de a selecta fonturile corect, cel mai bine este să folosească această metodă, deoarece este cea mai sigură.

Combinație de fonturi DroidSansŞi DroidSerif

OPȚIUNEA 2: JUCAT CU CONTRAST

Dacă a fost ales un font calm și ușor de citit ca font principal, atunci titlurile necesită uneori să contrasteze cu textul obișnuit. Principalul lucru aici este să nu mergi prea departe. Contrastul este bun, dar nu ar trebui să fie prea vizibil, deoarece titlurile prea sclipitoare vor distrage atenția cititorului.

De exemplu, fontul Noto Serif are contururi netede de litere, este ușor și ușor de citit. În același timp, este foarte expresiv și, dacă acest cuvânt poate fi aplicat fontului, prietenos. Ce font este cel mai bun pentru a le asocia? Cel mai bine este să utilizați un font sans-serif cu caracteristici similare. Adică, fontul personal ar trebui să aibă proporții similare, iar contururile sale ar trebui să facă ecou contururile fontului principal. Questa Sans va arăta foarte bine împreună cu Noto Serif - este destul de expresiv și modern și contrastează bine cu fontul serif.

Combinație de fonturi Noto SerifŞi Questa Sans

OPȚIUNEA 3: CREȘTE CONTRAST

Dacă în primele două opțiuni accentul principal a fost pus pe conturul similar al fonturilor, atunci în al treilea caz puteți spori contrastul alegând un font care are proporții diferite. Desigur, acesta este cel mai mult varianta dificila– pentru a folosi această metodă, designerul trebuie să aibă bun gust. Altfel in schimb design elegant Va fi o prostie totală. Este imposibil să dați recomandări aici, deoarece totul este subiectiv și depinde de mulți factori, inclusiv de focalizarea site-ului.

O combinație de fonturi diferite este cel mai bine utilizată în paginile de destinație, pe site-urile web pentru cărți de vizită, la crearea bannerelor etc.

Fontul Cabin este simplu, atrăgător și ușor de citit. Nu o poți numi ușoară, totul este „pătrat” și dinamic, dar în același timp este perfect pentru tastarea textului de bază. Poate fi folosit în cazurile în care trebuie să întăriți prezentarea informațiilor și să atrageți atenția cititorului. Ca font contrastant, puteți alege un font serif, cum ar fi Buenard. Acest font este mai tradițional, conservator și oarecum rece. Totodata, arata grozav in combinatie cu Cabana, evidentiindu-i dinamismul prin calmul.

Combinație de fonturi CabinăŞi Buenard

CONCLUZIE

De fapt nu reguli stricte, care determină alegerea fontului. Practic, toate recomandările se rezumă la faptul că este mai bine să folosiți fonturi armonioase și lizibile în proiecte. Este mai bine să nu te răsfeți în aventuri și să arăți reținere - în în acest caz, va îmbunătăți doar designul.

Dar, de fapt, nu contează deloc ce fonturi vor fi folosite - principalul lucru este rezultatul final. Uneori este chiar mai bine atunci când un designer își asumă riscuri și experimentează cu o combinație de fonturi diferite - uneori astfel de experimente duc la descoperiri surprinzătoare.

Fontul este important. Ca aerul pe care nu-l observi atâta timp cât totul este bine. Majoritatea oamenilor habar nu au cum se numesc fonturile sau cum diferă (și este în regulă), dar pot simți cu siguranță că este ceva în neregulă cu site-ul tău dacă fontul pe care îl folosești nu se potrivește proiectului tău.

Care este greutatea fontului

Lizibilitatea fontului

Indiferent de fontul pe care îl alegeți, acesta ar trebui să fie ușor de citit. Mai ales dacă utilizați o fotografie de fundal. Dacă puneți o linie subțire pe o fotografie cu mici detalii, textul nu va fi citit. Acordați întotdeauna atenție acestui lucru.

Ce se poate face? În primul rând, utilizați o fotografie potrivită pentru fundal: cu elemente mari, uniforme. În al doilea rând, înmuiați fotografia folosind un filtru, aceasta va deveni mai netedă și textul va fi citit mai bine. În al treilea rând, puteți crește saturația unui anumit bloc prin aplicarea „stilului inline”. Aceasta înseamnă că nu setați setări pentru întregul site, ci doar pentru o parte a textului. Trebuie să selectați textul și să setați parametrii prin editor.

Stilul care este aplicat în acest fel, pe lângă setările globale, va avea întotdeauna prioritate. Prin urmare, dacă brusc schimbați parametrii din setările site-ului, dar modificările nu sunt vizibile, înseamnă că în acest loc a fost aplicat un „stil inline”. Pentru a-l elimina, trebuie să selectați textul și să faceți clic pe pictograma „șterge”.

Exemplul 1: Textul nu este foarte lizibil

Exemplul 2: Textul se citește bine

Dacă te interesează subiectul alegerii unui font, găsește site-uri bune aproape de proiectul tău și vezi ce fonturi folosesc. Extensia browser What Font vă va ajuta să determinați acest lucru.

De asemenea, puteți arunca o privire asupra arhivei tipografice independente http://fontsinuse.com/ - o resursă în care sunt prezentate mostre de site-uri web și publicații tipărite după tipul de font utilizat.

Cât de des te întrebi „ ce font este mai bine să utilizați pentru site-ul web?”, mulți oameni nu acordă atenție acestui lucru, dar în zadar!

Fiecare webmaster începător dorește să-și facă cumva site-ul web în evidență, astfel încât să iasă în evidență din nenumăratele resurse realizate folosind un șablon.

Una dintre modalități este de a selecta fonturi pentru site, a căror gamă de alegere nu este atât de largă. Sarcina webmasterului este de a face procesul de citire a informațiilor cât mai confortabil posibil. Dar utilizarea mai multor fonturi poate fi intimidantă pentru utilizator. Și utilizarea unuia va face resursa monotonă și gri. Mulți oameni încearcă să instaleze un font unic pe o pagină, dar uită că este posibil să nu fie afișat pe computerul utilizatorului. La urma urmei, nu este încorporat într-o pagină web.

Prin urmare, dacă o persoană nu are unul sau altul font instalat pe computerul său, acesta nu va fi afișat. Pentru a evita probleme, ar trebui să alegeți disponibil, așa-numitul fonturi standard pentru site, dintre care unele le vom analiza mai jos.

Fonturi utilizate frecvent

Fonturile standard pentru site sunt:

• Times New Roman;
• Arial; Georgia;
• Impact;
• Trebuchet MS;
• Verdana și alții.

Sunt incluși în grupul sigur. Să le privim mai detaliat:

Arial. Avantajul acestui font compact este înălțimea literelor.

Tahoma. Datorită literelor late medii, este ideală pentru articole tehnice.

Trebuchet MS. Cel mai nepotrivit pentru lectură. Chiar și cu dimensiune normală 12-14 px, trebuie să priviți textul, ceea ce duce la oboseala ochilor.

Times New Roman. Cel mai comun și utilizat font. Ideal pentru citit, dar la 12 px pare mic.

MS Sans Serif. Contează fontul de sistem Windows. Toate mementourile și alertele ale sistemului de operare sunt scrise pe el.

Georgia. Foarte asemănător cu Times. Dar are serifuri și capete mai largi și mai ascuțite.

Comic Sans MS. Cel mai urât de societate. Se distinge prin contururi netede rotunjite, ușoară strâmbă a literelor și distanță mică între litere.

Curier Nou. Similar cu cea pe care obișnuiau să tasteze la o mașină de scris. Courier New oferă litere clare, ușor de citit, cu o ușoară compresie. - Minus: culoare nesaturată.

Impact. Caracterizat prin compresie între caractere, linii groase și spațiu redus în litere. Este utilizat pe scară largă în titluri, deoarece distanța apropiată dintre litere face ca citirea textului principal să fie incomodă.

Verdana. O opțiune de font ideală pentru un site web. Datorită distanta optimaîntre litere și lățimea acestora este ușor de citit.

Deci, care este cel mai bun font de folosit pe un site web? Conform sondajelor recente în rândul utilizatorilor de internet, cea mai buna varianta este să faci titlul folosind Verdana și corpul textului folosind Times New Roman. Dar este posibil ca întregul text să fie făcut Verdana.

Se întâmplă ca fontul să nu fie afișat pe computer. În acest caz, ar trebui să specificați nu un font, ci mai multe.

De exemplu, Verdana, Impact, Trebuchet MS. Apoi browserul după încercare nereușită Verdana va încerca să folosească Impact și apoi Trebuchet. Dacă toate fonturile specificate nu sunt afișate, sistemul își va desemna propriile fonturi - implicit. Astfel, puteți proiecta ușor și simplu un site web pe gustul dvs., să îl faceți luminos și neobișnuit. Principalul lucru este să preveniți problemele la afișarea resurselor pe computerele vizitatorilor de resurse.

Inovație de la Yandex. Mărimea contează!

Urmând algoritmul mobil „Vladivostok”, a făcut Yandex factor de clasare dimensiunea fontului. Acum, dimensiunea textului de pe un site mobil contează, iar standardul său este de 12 cm PX (sau mai mult). Puteți verifica fontul pentru „adecvare mobilă” în Yandex.Webmaster.

Această știre a provocat critici negative în rândul creatorilor site-ului. La urma urmei, de exemplu, resursele realizate folosind tehnologii flash, pentru a fi afișat normal pe ecrane dispozitive mobile, va trebui să creeze aplicație specială. Și asta va dura mult timp și bani.

De multe ori se va dovedi că site-urile în care textele sunt confortabile și lizibile pentru utilizator, în versiuni mobile va fi imens.

Interesant! Diferite tipuri fonturile nu au aceeași dimensiune. Dacă doriți să o măriți, nu trebuie să îi schimbați dimensiunea pixelilor. Puteți experimenta cu alegerea altor fonturi. De exemplu, dacă setați dimensiunile Times New Roman și Tahoma - 12 px - acestea vor arăta diferit. Acesta din urmă va arăta vizual mai mare.

Una dintre cele mai valoroase abilități pe care un designer le poate învăța este abilitatea de a selecta fonturi. Acest lucru se explică prin faptul că textul este una dintre principalele căi de comunicare între designer și utilizator. Tipografia este esențială pentru proiectare.

Tipografia este un lucru complex și frumos. Unii își dedică întreaga carieră lucrului cu el. Din fericire pentru noi, ei își descriu experiențele în detaliu, așa că avem la dispoziție o mulțime de resurse de tipografie online.

Acest articol a fost conceput ca o scurtă introducere pentru cei care doresc să învețe cum să aleagă fonturile potrivite pentru design. Vă va încuraja să extindeți gama de fonturi și combinații de fonturi pe care le utilizați în machetele dvs., dincolo de opțiunile familiare.

Definiți-vă scopul

În primul rând, determinați scopul designului dvs. Ce informații doriți să transmiteți? În ce format?

În modelele bune, tipografia servește scopului propus. Acest lucru este important deoarece fonturile ajută la crearea unei anumite dispoziții și la stabilirea tonului și stilului designului.

Dacă o faci, spune felicitare Cu un număr mare ilustrații, alegeți un font care să fie combinat cu stilul în care sunt realizate. Fontul ar trebui să fie în armonie cu restul componentelor de design.

Dacă proiectați un site web cu accent pe imagini, alegeți un font simplu care nu va distrage atenția utilizatorului de la acestea. Utilizați fontul ca o modalitate de a sublinia informațiile pe care doriți să le transmiteți.

Definiți-vă publicul

Odată ce v-ați hotărât asupra scopului designului, decideți pentru ce public îl creați. Acest pas este de mare importanță, deoarece informațiile despre utilizatori (vârsta, interesele, mediul cultural) pot influența deciziile pe care le iei atunci când selectezi fonturile.

De exemplu, unele fonturi sunt mai potrivite pentru copiii mai mici. Copiii care învață să citească au nevoie de fonturi foarte lizibile, cu contururi clare ale literelor. O bună ilustrare a acestui lucru este Sassoon Primary. Sassoon Primary este un proiect al lui Rosemary Sassoon bazat pe cercetarea ei în ceea ce privește fonturile care sunt cel mai ușor de citit pentru copii.

Alte fonturi sunt mai potrivite pentru persoanele în vârstă. Ele se disting de obicei prin dimensiunea mare a literelor, contrastul pronunțat și absența copywriting-ului și a elementelor decorative.

Atunci când alegeți un font, luați în considerare caracteristicile și nevoile dvs publicul țintă. Mai simplu spus, pune-te în locul lor.

Căutați inspirație

Priviți munca altor designeri. Încercați să înțelegeți ce i-a motivat atunci când ați decis să utilizați aceste fonturi specifice.

Inspirație: fonturi

Pentru idei de fonturi proaspete, cele mai bune 100 de fonturi gratuite de la CreativeBloq este o resursă excelentă pentru a vă pune în dispoziție. În articolul lor, CreativeBloq explică logica pe care au urmat-o atunci când au ales fiecare font.

În plus, Invision a adunat o grămadă de resurse tipografice. Acolo vei găsi o mulțime de surse de inspirație.

Dacă doriți să vă inspirați din exemple de pagini web reale, vă recomand să verificați Typ.io. Site-ul conține o colecție de surse din solutii interesante de pe tot web-ul. În plus, pentru fiecare probă, site-ul afișează sub text parametrii fontului CSS.

Pe lângă site-urile specializate, poți să vizitezi paginile tale preferate și să vezi ce folosesc acestea acolo. Aici este util instrumentul WhatTheFont - o extensie Chrome care afișează informații despre font atunci când treci cu mouse-ul peste text.

Inspirație: combinații

Pe lângă fonturile în sine, studiați opțiuni diferite combinațiile lor nu sunt mai puțin importante. Combinațiile potrivite ajută la formarea unei ierarhii vizuale și fac designul mai ușor de perceput.

Prima sursă de inspirație de vizitat este Typewolf. Typewolf conține exemple de combinații interesante de pe diverse site-uri. De asemenea, oferă recomandări de fonturi și tutoriale de tipografie aprofundate. Pentru cei care lucrează cu fonturi, aceasta este o adevărată comoară.

FontPair este o altă resursă despre cum să alegeți combinații mai bune, concepută special pentru lucrul cu fonturile Google. Resursa oferă posibilitatea de a sorta după combinații de stiluri (de exemplu, sans-serif și serif sau serif și serif).

Și, în sfârșit, internetul este plin de seturi de combinații gata făcute din designeri profesioniști. Să spunem Tipografie: Combinații de fonturi Google sau Tipografie: Combinații de fonturi Google Volumul 2. Doar căutați „împerecherea fonturilor” pe Behance, Dribble și alte site-uri similare.

Alegeți un font

Acum că ești teoretic priceput și inspirat, poți începe să faci alegerea. În timpul procesului de selecție, țineți cont de trei principii: lizibilitate, lizibilitate, scop.

Alege fonturi care au aspect clasic si usor de inteles. Evitați fonturile fanteziste în favoarea celor simple și practice. Și luați în considerare scopul acestui sau aceluia font: unele dintre ele, de exemplu, sunt mai potrivite pentru titluri decât pentru textul corpului.

În consecință, înainte de a alege un font, gândiți-vă la scopul pentru care îl veți folosi.

În ceea ce privește combinațiile de fonturi, nu le face prea complexe - limitează-te la trei diferite tipuri, nu mai mult. De asemenea, alegeți fonturi contrastante. Acest lucru va ajuta la îndreptarea privirii utilizatorului: mai întâi către titlu, apoi către corpul textului. De asemenea, puteți crea contrast vizual folosind diferite dimensiuni, culori și stiluri.

Pentru fonturile web, puteți utiliza Fonturi Google, Typekit și Font Squirrel. Pe Fonturi Google totul este gratuit, Typekit și Font Squirrel oferă opțiuni plătite și gratuite.

Setați dimensiunea

Acum că te-ai hotărât asupra combinației, următorul pas- stabiliți dimensiunile. Există un instrument minunat pentru asta

DESPRE principii de bază lucrul cu tipografia.

Marcaje

Una dintre cele mai importante aptitudini pentru un designer este abilitatea de a alege tipografia, scrie Jonathan. La urma urmei, textul este una dintre principalele moduri prin care un designer comunică cu utilizatorii. Iar tipografia poate face sau sparge un design.

Tipografia este atât complexă, cât și frumoasă. Unii oameni își dedică întreaga carieră acestuia. Din fericire, munca lor este bine documentată, așa că avem o mulțime de resurse de tipografie online.

Acest material este conceput pentru a dezvolta abilitățile inițiale în alegerea tipografiei pentru designul dvs., precum și pentru a încuraja experimentarea cu fonturile și combinațiile acestora - inclusiv cu cele necunoscute.

Definiți-vă scopul

În primul rând, trebuie să înțelegeți care este scopul designului dvs. Ce informații doriți să transmiteți? Cu ce? ÎN design bun tipografia este potrivită scopului. Acest lucru se datorează faptului că tipografia este factor cheieîn crearea stării de spirit, a tonului și a stilului unui design.

De exemplu, dacă creați un design de card de bun venit care se bazează în mare măsură pe imagini, cel mai bine este să alegeți un font care se potrivește cu stilul ilustrațiilor. Fontul ar trebui să fie în armonie cu restul designului.

Alegeți un font care se potrivește cu stilul ilustrațiilor dvs

Dacă creați un design de pagină de destinație în care imaginile joacă un rol important, alegeți un font care nu va distrage atenția de la ilustrații. Fontul în acest caz acționează ca o modalitate de a sublinia informații semnificative, purtând un sens cheie.

Dacă imaginile sunt elementul principal designul tău, ia-l fonturi simple pentru a evidenția ilustrația

Definiți-vă publicul

Odată ce înțelegeți scopul designului, decideți asupra publicului. Acest pas este extrem de important deoarece alegerea fonturilor va depinde de vârsta, interesele și mediul cultural al publicului.

De exemplu, unele fonturi sunt mai potrivite pentru copii. Deoarece doar învață să citească, fonturile ușor de citit cu litere mari și lizibile sunt cele mai bune pentru ei. Bun exemplu Acest font este Sassoon Primary. A fost creat de Rosemary Sassoon pe baza propriei cercetări în care literele sunt cel mai ușor de citit pentru copii.

Primar Sassoon

Alte fonturi sunt mai potrivite pentru copiii mai mari. În astfel de fonturi literele dimensiune potrivită, culorile sunt contrastante și nu există stil scris de mână sau stiluri decorative.

Atunci când alegeți tipografia, luați în considerare publicul și nevoile acestora. Mai simplu spus, pune-te în pielea utilizatorilor.

Căutați inspirație

Acordați atenție muncii altor designeri. Încercați să înțelegeți cum au decis asupra aspectului tipografiei lor.

Idei de fonturi

Dacă nu sunteți sigur ce font să alegeți, cele mai bune 100 de fonturi gratuite de la CreativeBloq vă pot pune rapid în dispoziție. În ea, autorul explică motivația din spatele designului fiecăruia dintre cele sute de fonturi prezentate.

O altă sursă utilă de idei este cea mai mare colecție de 100 de fonturi gratuite pentru 2015 de la Awwwards. În plus, Invision a publicat recent o listă uriașă de resurse de tipografie. Există o mulțime de surse de idei acolo.

Pentru a vedea cum arată ideile pe site-uri web reale, consultați Typ.io. Conține exemple de fonturi de pe tot Internetul. În plus, în partea de jos a fiecărei mostre de font există o descriere a acestuia în CSS.

Pe lângă aceste servicii de „inspirație”, consultați site-urile dvs. preferate și vedeți ce fonturi folosesc. WhatTheFont este un instrument bun pentru asta. WhatTheFont este o extensie Chrome care vă permite să explorați fonturile de pe web trăgând mouse-ul peste ele.

Idei de combinații

Pe lângă doar fonturi, căutați idei pentru combinațiile lor. Combinațiile potrivite nu sunt mai puțin importante decât fonturile în sine. Datorită combinației corecte de fonturi, se creează o ierarhie vizuală a informațiilor și se îmbunătățește lizibilitatea designului.

Pentru inspirație, începeți cu Typewolf. Conține exemple de combinații de fonturi de la diferite site-uri. În plus, site-ul are recomandări și articole cu o analiză aprofundată a tipografiei. O adevărată comoară de informații.

Alegeți fonturile dvs

Inspirat și înarmat de cercetare, sunteți în sfârșit gata să vă alegeți tipografia. Când vine vorba de asta, rețineți următoarele principii: interesant aspect, lizibilitate și semnificație.

Înainte de a alege un font, află de ce a fost creat

Alegeți un font care se potrivește scopului conform standardelor convenționale și care este ușor de citit. Evitați fonturile excesiv de fanteziste în favoarea celor simple și practice. De asemenea, rețineți de ce aveți nevoie de font. De exemplu, unele fonturi sunt mai potrivite pentru titluri, în timp ce altele sunt mai potrivite pentru corpul textului.

O combinație de două fonturi care contrastează unul cu celălalt

Când vine vorba de combinații de fonturi, limitează-te la maximum trei. De asemenea, aranjați-le astfel încât să contrasteze. În acest fel, se va putea controla mișcarea privirii cititorului: mai întâi titlul, apoi textul principal. De asemenea, puteți crea contrast vizual folosind dimensiuni diferite fonturi, culori și greutate.

Pentru fonturile web, Google Fonts, Typekit și Font Squirrel sunt opțiuni bune. Google Fonts este gratuit, iar Typekit și Font Squirrel au atât fonturi gratuite, cât și cu plată.

Determinați dimensiunile fontului

După ce v-ați dat seama de combinațiile de fonturi, treceți la dimensiunile acestora. Modular Scale de la Tim Brown, șeful de tipografie la Adobe, este grozav pentru asta. De fapt, Modular Scale este un sistem de identificare a raporturilor de dimensiune a fonturilor ideale din punct de vedere istoric.

De exemplu, puteți utiliza o scară de raport bazată pe raportul de aur. Acestea vor fi primele cinci dimensiuni de font:

Raportul de aur (1:1,618)

1.000 x 1.618 = 1.618

1,618 x 1,618 = 2,618

2,618 x 1,618 = 4,236

4,236 x 1,618 = 6,854

6,854 x 1,618 = 11,089​

Raportul dvs. poate fi prea mare. De exemplu, iată cum arată ultimele intervale pe scara noastră pe baza raportului de aur:

Raportul de aur (1:1,618)

11,089 x 1,618 = 17,942

17,942 x 1,618 = 29,03

29,030 x 1,618 = 46,971

46,971 x 1,618 = 75,999

75,999 x 1,618 = 122,966

După cum puteți vedea, intervalele dintre numere devin prea mari. Pentru majoritatea interfețelor, astfel de intervale nu sunt potrivite - este nevoie de mai puțin. Din fericire, în