Cele mai bune 10 instrumente de asociere a fonturilor pentru web designeri

Publicat: 2021-02-24

Alegerea tipului potrivit este, fără îndoială, un pas esențial pentru a crea modele grozave. Mai ales când intenționați să utilizați mai multe fonturi, trebuie să vă asigurați că acestea se îmbină bine, cu coerență și echilibru.

După cum am explicat pe larg în blogpostul nostru „Un ghid pentru asocierea fonturilor pentru web designeri + 30 de exemple uimitoare”, există o întreagă știință pentru a asocia fonturile. Ele trebuie să se alinieze bine cu marca dvs., să creeze contrastul dorit fără a urma principii opuse de design și să creeze un sentiment general de fluiditate și armonie.

Având la dispoziție mii de fonturi, acest proces poate fi cu adevărat haotic și consumatoare de timp și sunt șanse să ajungeți să aveți dureri de cap. Deci, de unde începi?

Pentru a vă ajuta cu acest proces, am întocmit o listă cu cele mai bune instrumente de asociere a fonturilor pentru designeri. Aceste instrumente vor sugera diferite combinații de fonturi care arată excelent între ele și vă vor oferi șabloane online, astfel încât să puteți previzualiza cum vor arăta fonturile în sălbăticie. Cu siguranță îți vor debloca inspirația și te vor ajuta să iei deciziile corecte.

Verifică-le mai jos și marchează-ți favoritele!

1. Fontjoy

Cele mai multe instrumente de asociere de fonturi vă vor oferi fie colecții selectate, fie instrumente care vă vor ajuta să previzualizați perechile de fonturi și să decideți care dintre ele funcționează cel mai bine împreună. Fontjoy, pe de altă parte, face toată munca grea pentru tine, cu inteligență artificială. Creat de designerul și inginerul Jack Qiao, acest instrument folosește tehnici de învățare profundă pentru a analiza caracteristicile vizuale cheie ale fonturilor și pentru a calcula care funcționează cel mai bine împreună.

Aceasta înseamnă că nu trebuie să aveți abilități avansate de designer pentru a veni cu o pereche de fonturi bine echilibrată. Doar apăsați butonul „Generare” și răsfoiți câteva combinații de fonturi minunate. Alternativ, puteți alege un font și sistemul va veni cu potențiale combinații care funcționează bine cu cel selectat. Puteți asocia până la trei fonturi, unul pentru titlu, unul pentru subtitlu și unul pentru conținutul sau paragraful principal și să le previzualizați pe un fundal întunecat sau deschis.

2. Tastați Conexiune

Dacă sunteți în căutarea unui instrument ciudat și distractiv pentru a exersa împerecherea fonturilor și a afla cum funcționează fonturile împreună, tocmai l-ați găsit! Type Connection a fost creat ca proiect de teză de Aura Weiner și se descrie ca un „joc de întâlniri tipografice”. Și chiar este!

Începeți cu alegerea unui tip principal de „protagonist” pentru care doriți să găsiți potrivirea perfectă. La al doilea pas vi se prezintă posibile strategii de întâlnire, fiecare bazată pe strategii diferite pentru asocierea fonturilor, cum ar fi alegerea unui font similar sau explorarea a ceva diferit. După ce alegeți strategia, Type Connection vă va sugera potențiale „date” pentru fontul pe care l-ați ales.

După ce fiecare dintre aceste „date” este analizată și evaluată de sistem, primiți feedback despre dacă această potrivire este slabă, moderată sau excelentă și de ce.

Un detaliu pe care personal imi place? Fiecare font vine cu o mică descriere care se potrivește cu „personalitatea” sa. Una peste alta, Type Connection este un instrument educațional excelent pentru explorarea împerecherii fonturilor și înțelegerea principiilor acesteia.

3. Tipotecă

Typotheque oferă o modalitate unică de a descoperi combinații de fonturi în funcție de stilul lor și de modul în care intenționați să le utilizați. Aveți acces la numeroase filtre pentru a vă ajuta să restrângeți rezultatele căutării, cum ar fi stilul, scopul, categoria și limbile acceptate. Acest lucru vă ajută să filtrați perechile de fonturi.

Dacă doriți să experimentați și mai mult, puteți utiliza Font Combinator și simple drag and drop font pentru a vedea cum vor arăta. Asigurați-vă că utilizați glisorul de dimensiune pentru a fixa dimensiunea fiecărui font până când găsiți echilibrul perfect.

4. Google Type

Acest proiect colaborativ, aflat în desfășurare, numit Google Type, oferă inspirație folosind combinații frumoase de fonturi Google. Este nevoie de o abordare splendidă atrăgătoare pentru a prezenta perechea fonturilor folosindu-le pentru a afișa pasaje din fabulele lui Esop. Toți designerii pot contribui la acest proiect, iar combinațiile câștigătoare sunt folosite pentru a crea o pagină de destinație frumoasă.

Cel mai bun lucru despre acest site web este cât de bine sunt prezentate combinațiile de fonturi. Fiecare secțiune este dedicată unei anumite perechi de fonturi și îi evidențiază personalitatea urmând diferite orientări, aliniamente și stiluri. Obțineți și o imagine de fundal pentru a accentua experiența. În total, Google Type este un instrument grozav, nu numai pentru a explora perechi uimitoare de fonturi, ci și pentru a obține inspirație pentru aspectul, paleta de culori și utilizarea creativă a tipografiei pe un site web.

5. Pereche de fonturi

Dacă sunteți copleșit de cantitatea de fonturi Google disponibile, un instrument care le restrânge în combinații frumoase este exact ceea ce aveți nevoie. FontPair a fost început de Hayden Mills ca o modalitate de a ajuta oamenii să împerecheze fonturi gratuite, open source și este încă actualizat săptămânal.

Găzduiește o colecție uriașă de exemple minunate care promit să vă stimuleze inspirația și să vă ajute să găsiți potrivirea perfectă a fontului pentru următorul dvs. proiect. Puteți căuta perechi frumoase, bine combinate, puteți descărca fonturile și chiar le puteți vedea în acțiune, deoarece fiecare pereche vine cu un set de exemple reale ale acestor fonturi utilizate împreună. În plus, dacă căutați anumite tipuri de împerechere, cum ar fi Afișare cu fonturi Serif, există categorii separate pentru majoritatea combinațiilor pe care le doriți.

6. Typ.io

Lucrul grozav despre Typ.io este că găsește perechi frumoase de fonturi prin scufundări în site-urile web existente bine concepute și în tipografia pe care o folosesc. Pe pagina de pornire vă puteți inspira cu o vitrină de site-uri care folosesc foarte bine diverse fonturi.

Dacă doriți să asociați un anumit font, îl puteți căuta și selecta și puteți vedea exemple despre cum a fost frumos folosit, fie singur, fie combinat cu alte fonturi. Fiecare pereche de fonturi vine cu un set de etichete, care descriu fie caracteristicile fontului, fie stilul și personalitatea acestora. În plus, puteți explora câteva liste predefinite de fonturi care ar putea corespunde criteriilor dvs., cum ar fi „Fonturi Serif atât pentru antete, cât și pentru conținut”.

7. Canva

Canva este o aplicație de design puternic bine-cunoscută, care oferă diverse funcții și șabloane avansate pentru a vă ajuta să creați modele minunate. Dar știați că îl puteți folosi și pentru combinații de fonturi?

Generatorul Canva vă permite să selectați fontul dorit, apoi generează o varietate de opțiuni de combinație în care vă puteți folosi propria copie și are, de asemenea, exemple ale perechii de fonturi folosite în sălbăticie.

8. Mixfont

Mixfont vă oferă o modalitate ușoară de a vizualiza sute de mii de perechi de fonturi, astfel încât să puteți găsi ceva care se potrivește cel mai bine proiectului dvs. Vine cu un buton dedicat, pe care îl puteți face clic pentru a genera noi perechi de fonturi. Dacă vă place un anumit tip de font, îl puteți „bloca” și lăsați generatorul să schimbe celelalte fonturi pentru a vă ajuta să găsiți o pereche potrivită.

Cu toate acestea, nu toate combinațiile sunt bine îngrijite și echilibrate vizual, așa că trebuie să aveți cel puțin câteva abilități de bază de asociere a fonturilor pentru a alege o combinație de succes.

9. Lupul de tip

O altă selecție îngrijită de tipografii superbe combinate cu exemple de pe web, Typewolf vă oferă o selecție de fonturi populare, site-ul zilei și diverse recomandări pentru a vă ajuta să vă găsiți potrivirea ideală.

La fel ca în majoritatea platformelor de asociere a fonturilor, puteți selecta un anumit font și puteți vedea numeroase sugestii de alte fonturi care se potrivesc bine cu selecția dvs., toate bazate pe exemple reale de pe web. În plus, puteți răsfoi lookbook-uri cu palete gata făcute de asociere care vă arată cum să obțineți un anumit aspect utilizând fonturi din fonturile Google, fonturile Adobe și alte surse.

10. Typespirația

Typespiration este un instrument minunat, creat de Rafal Tomal și prezintă combinații de fonturi și palete de culori contribuite de designer. Puteți fie să specificați fontul titlului și să vedeți cum se îmbină cu sugestiile diferite de fonturi pentru corp sau invers.

Alternativ, puteți lăsa ambele câmpuri nespecificate și puteți răsfoi toate combinațiile posibile. Sub fiecare exemplu, puteți găsi link-uri pentru a descărca fonturile care au fost utilizate, combinații de culori și chiar câteva elemente de bază ale UI, cum ar fi butoanele primare și secundare.
În prezent, instrumentul are acces doar la biblioteca de fonturi Google, dar se așteaptă să fie adăugate mai multe biblioteci în viitor.