Reguli de tipografie: 8 lucruri de făcut și ce nu trebuie făcute în design

Ai simțit vreodată că lipsește ceva din designul tău, chiar și atunci când are totul? Sau s-a părut vreodată că un design atrăgător din punct de vedere vizual încă nu transmite mesajul? În mai multe astfel de situații, blocul de bază pe care ar trebui să îl revedeți este tipografia. Când acordați atenție regulilor de tipografie, aveți șanse mai mari să vă duceți designul de la „meh” la „wow”. Pentru că fonturile sunt bazele unui design bun.

Tipografia stabilește tonul designului tău, reprezintă personalitatea mărcii tale și asigură că mesajul tău este livrat clar și conform intenției. De fapt, unele mărci reușesc să creeze un astfel de impact cu fonturile lor de marcă, încât recunoști instantaneu marca atunci când vezi fontul în altă parte.

Pentru un element de design care are atât de multă greutate, cu siguranță ar trebui să știi când să urmezi regulile și când este în regulă să te balansezi puțin. Dar asta pare o decizie intimidantă, având în vedere că alegerea îți poate face sau distruge designul, nu? Să simplificăm asta. Vom discuta despre regulile de tipografie în acest blog.

Pentru a menține lucrurile simple și pentru a ajuta chiar și pe cei care nu sunt designeri să facă alegerea corectă când vine vorba de fonturi, vom împărți regulile în lucruri ușoare de făcut și ce nu trebuie făcute.

Fără mai multă prelungire, să punem mingea în joc.

Simplificarea regulilor de tipografie – 8 lucruri pe care trebuie să le știi

1. Do - înțelegeți psihologia fonturilor

În primul rând este alegerea fonturilor. Poate că știți deja despre diferitele categorii de fonturi, cum ar fi serif, sans-serif, fonturi de script și așa mai departe. Aceasta este cea mai largă modalitate de a clasifica fonturile. Și în cadrul fiecărei categorii, veți găsi familii de fonturi cu o estetică și un ton general diferit. Una dintre primele reguli de tipografie este să înțelegeți diferența dintre aceste tonuri și să alegeți un font care să creeze starea de spirit potrivită.

Pentru că un design bun arată bine, dar un design grozav face treaba. Și pentru asta ai nevoie de o tipografie care evocă emoțiile potrivite. Fonturile afectează cu adevărat emoțiile pe care le întrebați? Aruncă o privire la exemplul de mai jos. Același text, dar cu fonturi diferite. Cu siguranță stări de spirit diferite, nu ești de acord?

Vă vom oferi un alt exemplu pentru a explica rolul jucat de fonturi atunci când vine vorba de a seta tonul unui design. Ambele modele de mai jos sunt imagini de pe rețelele sociale în care textul are un rol important.

În timp ce primul este menit să fie mai distractiv și mai casual, al doilea este menit să fie mai formal și mai informativ. Dacă ar fi trebuit să schimbi fontul mai profesional din a doua imagine cu un stil casual ca în prima, crezi că mesajul ar fi fost transmis la fel de eficient?

Fonturile cu un ton casual, precum cel folosit în primul design, sunt mai conversaționale. Dar atunci când trebuie să transmiteți informații serioase, aveți nevoie de un font care să creeze încredere. Acesta este unul dintre motivele pentru care schimbarea fonturilor între aceste modele va rupe efectul dorit.

2. Nu – folosiți prea multe fonturi

Bine, așa că am vorbit despre alegerea fontului potrivit pentru design. Veți găsi mai multe astfel de opțiuni „corecte” atunci când parcurgeți bibliotecile de fonturi. Înseamnă asta că poți folosi câte stiluri diferite vrei pentru a crea designul?

Aruncă o privire la designul de mai jos și vei avea răspunsul la această întrebare.

Pe măsură ce ați răsfoit prin designul de mai sus, dacă ochii tăi erau peste tot sau dacă ați sărit cu totul textul, nu vă învinovățim. Asta se întâmplă când folosiți prea multe fonturi în design. Îți amintești că am spus că fonturile evocă emoții? Nu doriți să vă confundați publicul cu prea multe emoții încorporate într-un singur design.

În plus, adăugarea prea multor fonturi contradictorii sau chiar stiluri de fonturi poate reduce estetica designului dvs. Pentru că atunci designul tău pare neorganizat. De parcă îi lipsește o intenție clară.

Sfat Kimp: Deci, câte stiluri diferite de fonturi puteți alege pentru un design? În cele mai multe cazuri, o combinație de două fonturi diferite va fi suficientă pentru a vă executa designul. Luați chiar și cazul unui context cu mult text, cum ar fi o carte – veți vedea un tip de literă folosit în antet și unul în textul corpului. Vă puteți juca oricând cu formatarea pentru a crea o ierarhie suplimentară.

Din nou, nu puteți exagera nici cu diferențele de formatare. Acest lucru va face din nou porțiunile de text să pară prea distrase și neîndemânatice.

3. Faceți – alegeți combinațiile potrivite de fonturi

Uneori, chiar și cele mai frumoase fonturi pot înclina scara designului dvs. atunci când nu arată bine împreună. Aceasta este puterea combinațiilor de fonturi.

La fel ca alegerea fontului potrivit pentru designul dvs., asocierea fonturilor potrivite este o artă care merită achiziționată. Unele dintre combinațiile clasice pe care le vei întâlni sunt:

• Serif + sans-serif
• Script + sans-serif
• Script + serif

Acestea sunt combinații în care un stil îl echilibrează frumos pe celălalt. De exemplu, un font de tip script elegant este bun pentru a atrage atenția, dar rău când vine vorba de lizibilitate. Dar un font sans-serif poate face treaba bine. În mod similar, alegeți combinații de fonturi astfel încât elementul de estetică și funcționalitate să fie îndeplinite fără efort.

În designul logo-ului de mai sus, fontul script adaugă o notă personală, în timp ce fontul sans-serif păstrează designul un aspect profesionist și credibil.

În mod similar, găsiți perechi de fonturi care să arate bine împreună. În același timp, nu puteți ignora personalitățile fonturilor. În exemplul de logo de mai sus, în timp ce fontul script ajută la personalizare, acesta arată în continuare elegant și ajută la reprezentarea credibilității mărcii.

Sfat Kimp: Pe lângă faptul că arată bine împreună, ambele fonturi pe care le alegeți pentru designul dvs. ar trebui să se alinieze și cu identitatea mărcii dvs. Acesta este motivul pentru care mărcile identifică și folosesc fonturi de brand.

Orientările mărcii pentru design vin cu detalii despre fonturile de utilizat și despre cum să le folosești. Pentru că desenele tale nu sunt entități independente, ci piese ale puzzle-ului tău de marketing. Deci, doriți ca toate modelele dvs. să funcționeze împreună pentru a vă stabili identitatea mărcii.

Aveți nevoie de ajutor pentru crearea regulilor de brand? Echipa Kimp vă poate ajuta să le proiectați.

4. Nu - ignora lizibilitatea

Pe măsură ce alegeți cu meticulozitate fonturile care vă reprezintă bine mesajul și găsiți perechi de fonturi atractive din punct de vedere vizual, există un lucru pe care nu îl puteți ignora și acesta este lizibilitatea acestor fonturi. Chiar și cele mai bune fonturi nu vor adăuga valoare designului tău dacă este greu de citit.

Unele fonturi arată grozav, iar estetica lor unică poate atrage instantaneu atenția, dar s-ar putea să nu fie ușor de citit. În astfel de cazuri, aduci publicul la designul tău, dar designul tău nu transmite mesajul. Acest lucru este la fel de bun ca publicul dvs. să deruleze peste designul dvs. fără să se uite la el.

De aceea, una dintre cele mai importante reguli de tipografie este prioritizarea lizibilității. De fapt, lizibilitatea este un termen destul de vag, fără a defini contextul. Fonturile care arată bine pe un ecran digital ar putea să nu aibă neapărat un impact similar în tipărire. Fonturile care arată bine într-un text scurt de logo ar putea să nu aibă întotdeauna acest efect atunci când sunt utilizate în textul corpului unei imagini de pe rețelele sociale.

Vom explica acest lucru cu un exemplu. Aruncă o privire la fonturile de mai jos.

Ambele arată bine, dar care dintre ele ar provoca o oboseală a ochilor atunci când este folosită pentru secțiuni lungi de text? Prima, evident. Dar, având în vedere stilul său aerian, fontul din prima imagine atrage atenția, fără îndoială. Deci, chiar dacă nu este cel mai ușor de citit, îl puteți folosi în textul titlului. Aceasta este ceea ce am vrut să spunem prin a ne legăna puțin de la regulile de tipografie în unele ocazii.

Pentru corpul textului, secțiunile de text care sunt menite să livreze mesajul de bază și textul care oferă detaliile de contact sau CTA, trebuie să stai departe de fonturile decorative care nu sunt ușor de citit.

5. Faceți – concentrați-vă pe kerning și conducere

În secțiunea de mai sus, am vorbit despre lizibilitatea fonturilor alese. Acest lucru a fost mai ales în contextul formei caracterelor specifice și al regularității acestor caractere în fontul ales. Dar există un alt aspect al tipografiei care poate afecta lizibilitatea și anume distanța dintre litere (crearea) și distanța dintre liniile de text (urmărire).

Chiar și cel mai lizibil font pare aglomerat și greu de citit atunci când distanța dintre caractere este prea mică sau când liniile de text sunt plasate foarte aproape unele de altele.

Uneori, în design, puteți manipula creativ kerningul într-un cuvânt, de exemplu. Acest lucru vă ajută să întindeți puțin textul și să stabiliți un caracter unic pentru cuvântul ales.

O altă utilizare a manipulării kerningului este de a crea echilibru în design. De exemplu, în designul de mai jos, în a doua linie, caracterele sunt distanțate. Acest lucru ajută la crearea unui echilibru simetric în design.

Și în designul de mai jos, lipsa spațierii dintre „Skate Night” și „Wednesdays” creează un element de interes.

Pe măsură ce lucrați la experimentarea creativă cu kerningul și conducerea ca în exemplele de mai sus, nu uitați să verificați din nou lizibilitatea textului. În ambele cazuri de mai sus, stilul fontului, culorile fontului și contrastul de fundal funcționează împreună pentru a susține lizibilitatea.

6. Nu – neglijați alinierea

Alinierea este un alt aspect de design care influențează atât estetica, cât și funcționalitatea într-un design. Alinierea corectă asigură că designul arată bine structurat. Ajustările intenționate ale alinierii sunt adesea folosite pentru a separa porțiuni de text sau pentru a stabili relația dintre diferitele secțiuni din design.

Prin urmare, una dintre principalele reguli de tipografie de reținut este utilizarea alinierii corecte pentru text. După alegerea unui font lizibil, împerecherea acestuia cu un font de susținere care arată bine împreună și aplicarea celei mai relevante cladiri dacă textul nu este aliniat corect, sensul se pierde.

În anunțul de mai sus, fiecare rând de text este clar și ușor de citit. Dar alinierea aleatorie a diferitelor cuvinte face ca designul să pară aglomerat. De asemenea, face dificilă înțelegerea relației dintre o parte a reclamei și alta.

Pe de altă parte, aruncați o privire asupra designului de mai jos. Îndoaie stilul convențional de aliniere orizontală a textului și le plasează în diagonală. Și totuși, întregul design pare organizat și atrăgător din punct de vedere estetic. Asta pentru că alinierea de aici merge perfect cu celelalte elemente de design, inclusiv benzile diagonale de culoare. Așa profitați la maximum de aliniere pentru a lăsa alegerea dvs. de tipografie să strălucească.

Sfat Kimp: Chiar și cea mai mică modificare a alinierii poate face o mare diferență pentru designul dvs. Adesea, acesta poate fi acel mic secret pentru a modifica un design plictisitor și pentru a crea ceva interesant. Cu toate acestea, atunci când faceți acest lucru, nu faceți cititorul să se încline și să se întoarcă și să-și încordeze gâtul pentru a obține mesajul.

Doriți să experimentați în siguranță cu aliniere și alte principii de proiectare, dar nu știți de unde să începeți? Începeți prin a vă înscrie pentru un abonament Kimp.

7. Faceți – acordați atenție contrastului

Contrastul se referă la cât de bine iese un anumit element de design de restul designului. Contrastul este crucial în tipografie, deoarece contrastul slab poate afecta atât lizibilitatea, cât și lizibilitatea textului din design.

Aruncă o privire la designul de mai jos, de exemplu. Designul neglijează majoritatea regulilor de tipografie, inclusiv alinierea și alegerea fonturilor. Dar o problemă mai mare aici este în ceea ce privește contrastul. Designul are un fundal ocupat și mai multe părți ale copiei sunt greu de citit din această cauză. În plus, în unele zone, lipsa contrastului dintre culoarea fontului și culoarea de fundal complică și mai mult lucrurile.

Pentru a evita gafele de genul acesta, luați în considerare utilizarea unui fundal mai simplu pentru modele grele de text. Și atunci când fundalul are modele sau texturi complicate, stai departe de fonturile cu greutăți de linii subțiri. Aproape că dispar în fundal și, prin urmare, mesajul tău este pierdut.

Designul de mai jos este un bun exemplu de contrast bun. Culoarea contrastantă și lățimea mai groasă a fonturilor împreună fac textul foarte ușor de citit, păstrând în același timp estetica designului.

8. Nu uitați de ierarhia vizuală

După ce ați rezolvat restul regulilor de tipografie, trebuie să vă asigurați că atunci când totul se adună, designul curge fără probleme. Cu alte cuvinte, designul ar trebui să facă clar ce parte a textului să citească prima și ce să citească ultimul. Obțineți acest lucru atribuind greutăți vizuale relevante sub formă de dimensiunea fontului, culoarea fontului și alte mici detalii.

După cum puteți vedea în exemplul de mai sus, stilul fontului (stilurile aldine sunt atrăgătoare) și dimensiunea fontului (fonturile mai mici nu atrag ușor atenția) sunt câteva aspecte pe care le puteți ajusta pentru a crea ierarhia vizuală dorită. Acest lucru asigură că un cititor navighează fără probleme prin mesajul dvs. și, de asemenea, înțelege cu acuratețe ideea.

Pune capăt problemelor de tipografie cu un abonament Kimp

Tipografia poate fi o nucă greu de spart. Și trecerea peste aceste reguli de tipografie de fiecare dată și încercarea de a descoperi cele mai bune fonturi pentru desenele tale poate fi copleșitoare. O echipă de proiectare profesionistă vă poate ridica această povară de pe umăr. Așadar, înscrieți-vă pentru un abonament Kimp astăzi.