Cum alegeți Fontul pentru Interfața de Utilizare (UI)

interfața de utilizare ui

Aflați cum să alegeți fontul pentru interfața de utilizare UI astfel încât să îmbunătățiți modul de interacționare a site-urilor dvs.

Alegerea fontului potrivit pentru interfața de utilizare ridică unele provocări.Atunci când sunteți în căutarea sa, vă doriți un tip de literă care să se simtă pe familiar sau care să aibă un impact puternic. Un font care funcționează bine în diferite contexte și dispozitive. Care arată la fel la 72px ca și la 10px. Un font care are majuscule și minuscule ușor de distins.

Având în vedere acest lucru, iată la ce să vă uitați atunci când alegeți fontul potrivit pentru interfața de utilizare.

1. Înălțime x generoasă

În tipografie, înălțimea x măsoară distanța dintre linia de bază (linia imaginară pe care majoritatea literelor „se așează”) și înălțimea medie a literelor mici atunci când ignorăm elementele ascendente precum vârful H și T.

De ce să te vă uitați la înălțimea x a fontului? Deoarece înălțimile x mai mari tind să se traducă într-o lizibilitate mai ușoară atunci când sunt de dimensiuni mici.
În designul interfeței, rareori aveți spațiu pentru o mulțime de text cu litere mari. Astfel, trebuie să găsiți un echilibru între dimensiunea textului și lizibilitate. Un font cu o înălțime x generoasă vă va permite să vă micșorați textul fără a deveni ilizibil.

2. Forme de litere ușor de distins

Alfabetele permit o gamă uimitoare de expresii cu un set foarte mic de elemente grafice. Unele forme de litere sunt foarte ușor de confundat, mai ales când sunt setate la dimensiuni mai mici.

Literele și cifrele care provoacă confuzie foarte ușor:

  • aceo (adică A, C, E și O);
  • Il1 (majusculă I, L minusculă și numărul 1);
  • O0 (O majusculă și zero).

Această problemă poate fi deosebit de pronunțată în fonturile geometrice (cum ar fi Futura, Avenir, Circular etc.), așa că gândiți-vă bine înainte de a alege fontul pentru interfața de utilizare. Distincția vizuală între I majuscul, L minuscul și numărul 1 sunt esențiale pentru orice font UI bun. Data viitoare când evaluați fonturile UI, asigurați-vă că comparați aceste litere pentru a vedea cât de ușor sunt de distins.

3. Lizibilitatea generală

De asemenea, este important să luați în considerare lizibilitatea generală a unui font la nivel de cuvânt. Cu un font UI bun, ar trebui să puteți distinge cuvintele fără efort. Puteți vedea imediat de ce formele simplificate ale unui sans serif sunt superioare pentru utilizarea UI.

Comparând Brush Script MT și Source Sans Pro, este ușor de observat că formele complexe de litere ale fontului script necesită mai mult timp și efort pentru descifrare decât formele relativ simple ale sans serif.

4. Flexibilitate deplină a familiei

Acest lucru nu este neapărat un must-have. Puteți proiecta o întreagă interfață de utilizare cu un singur font. Cu toate acestea, este util să aveți la dispoziție o varietate de greutăți și stiluri ale fontului. Designerii grafici și-au dat seama cu mult timp în urmă că anumite variații de design funcționau mai bine la dimensiuni mari decât cele mici și invers.

Captură de ecran a diferitelor greutăți și stiluri ale lui PT Sans din Font Squirrel.
Deci, dacă interfața dvs. de utilizare va include o varietate de tipuri de conținut, cum ar fi etichete, text de ajutor, subtitrări și titluri, va fi incredibil de util ca fontul dvs. să accepte toate acele tipuri de text.

Puteți chiar să căutați un font care include mai multe stiluri de font, cum ar fi un serif, un sans serif și un monospace. Acest lucru vă va extinde opțiunile pentru o tipografie expresivă, permițând totuși o senzație foarte armonioasă între fonturi.

5. Alegeți fontul pentru interfața de utilizare (UI) conform scopului dvs.

Multe fonturi au fost concepute având în vedere o anumită utilizare, așa că merită să alegeți un font creat pentru a se potrivi scopului site-ului dvs.

De exemplu, sans-serif-urile au devenit practic soluția pentru interfețele de utilizator axate pe sarcini. Dar dacă construiți o aplicație axată pe citire, s-ar putea să doriți să alegeți în schimb un tip de literă serif. De asemenea, merită remarcat faptul că studiile au arătat că fonturile serif sunt considerate mai demne de încredere. Adică oamenii tind să găsească afirmațiile scrise cu serif mai credibile decât aceeași declarație tipărită cu sans.

6. Alinierea mărcii la fontul ales

În cele din urmă, și foarte important, doriți să vă asigurați că fontul UI se aliniază cu marca generală a site-ului dvs.
Dacă vă interesează conținutul ciudat și distractiv, un font excentric ar putea fi potrivit. Amintiți-vă doar că formele de litere ciudate pot fi suboptime în interfețele de utilizator. Dar dacă vă doriți autoritate, veți găsi mai potrivit să alegeți un font serif.

De obicei, puteți înțelege bine fontul și modul în care acesta se leagă de marca site-ului dvs. doar dintr-o privire. S-ar putea să doriți, de asemenea, să analizați istoria fontului. Contextul în care a fost construit și scopul pe care tipograful încerca să-l îndeplinească în crearea lui. Dacă construiți un blog literar feminist, doamna Eaves ar fi o alegere foarte potrivită. Bloguri despre viața în San Francisco? Mission Gothic și Mission Script de la Lost Type Co Op ar putea fi perechea perfectă de fonturi.

Ești pregătit să începem?

Fie că îți dorești un site de prezentare, un magazin online sau un redesign la vechiul tău site, noi te vom ajuta. Promovarea afacerii tale atât în mediul online, cât și în cel offline, îți va dezvolta afacerea și îți va garanta succesul acesteia. Îți vom fi alături pe tot parcursul acestui proces !