Ghid definitiv pentru tipografia web: reguli, glosar, idei și bune practici

„O imagine valorează cât o mie de cuvinte”.

Cel mai adesea imaginile transmit ceea ce au de spus. Cu toate acestea, o imagine cu text are un impact mai puternic.

Tipografia acționează ca un însoțitor pentru grafica dvs. Tipografia nu înseamnă doar alegerea unui font aleatoriu și a unei dimensiuni în puncte din meniul derulant al software-ului dvs. de editare. Este un domeniu specializat în design grafic. Este arta și tehnica aranjarii tipului. Este una dintre abilitățile importante care te poate diferenția de restul designerilor dacă știi cum să o folosești.

Ce este Tipografia?

Înainte de a intra în arta și tehnica tipografiei, mai întâi, înțelegeți despre ce este tipografia. Tipografia este fragmentul vizual de text (cuvântul scris). Un text este o serie de cuvinte. Fiecare text afișat vizual pe care îl vedeți este practic tipografie. Textul poate fi clasificat în trei moduri - vizual, audibil și digital.

Tipografia este mai mult decât designul literelor și caracterelor. Include alegerea mărimii punctelor, a distanței și a lungimii liniei. Pe vremea când Johannes Gutenberg a introdus presa de tipar, tipografii trebuiau să aranjeze literele și caracterele în spațiul fizic. Acum, în era computerelor, această muncă este mult mai ușoară. Trebuie doar să găsiți fonturi open source, să aranjați literele și caracterele și ați terminat.

Importanța tipografiei

Tipografia este ceva ce veți găsi absolut peste tot. Să spunem, ar putea fi smartphone-ul, ceașca de cafea, panoul publicitar, cârpele și multe altele. Tipografia este peste tot. Selectarea fontului, literelor și aranjamentului caracterelor decide modul în care va fi transmis mesajul dvs.

Chiar dacă pare un factor mic din punctul tău de vedere, cu siguranță nu este. Chiar și o singură ajustare a tipului poate schimba întregul aspect și senzația operei dvs. de artă. Dacă ați observat vreodată, Facebook a testat un nou font numit Geneva în iunie 2016. Era o versiune puțin mai subțire și mai ușoară a fontului Helvetica original. Dar, diferența dintre aceste două fonturi a fost vizibilă.

Reguli de tipografie

În tipografie, trebuie să alegeți fontul în funcție de aspectul, grila, tema de design, schema de culori și așa mai departe. Iată câteva reguli de tipografie de care ar trebui să ții cont în timp ce lucrezi.

Alegerea fontului corect

Dacă petreceți câteva minute pe internet, veți găsi o gamă uimitoare de fonturi gratuite și plătite gata de utilizare. Dar asta nu înseamnă că trebuie să petreci ore întregi căutând exact fonturile pe care le vizualizezi în minte. Puteți începe să pictați chiar și cu o paletă limitată. Există câteva fonturi încercate și testate, cum ar fi Helvetica, care nu pot merge niciodată greșit în niciun proiect.

O tipografie este o formă de design care este formată de meșteri care contribuie cu toate eforturile și abilitățile sale pe o perioadă considerabilă de timp. Fonturile proiectate profesional oferă o varietate de personalizare în ceea ce privește greutățile și stilurile pentru a crea o familie completă. Mai mult decât atât, oferă perechi considerabile de kerning, suport pentru personalizare în mai multe limbi, setare de tipare.

Iată cei mai importanți termeni tipografici care sunt luați în considerare:

mărimea

Nu toate fonturile sunt create în mod egal. Unele folosesc aspecte grase și largi, în timp ce altele sunt subțiri și înguste. Diferite tipuri de fonturi pot dobândi o cantitate diferită de spațiu pe pagină.

Înălțimea caracterului este indicată ca înălțimea X. Atunci când împerecheați fonturi diferite, este o practică bună să utilizați numai acele fonturi care au înălțime x similară. Pe de altă parte, lățimea caracterului este numită „lățime setată”, care decide cât spațiu va ocupa litera și va pune în tampon cu alte litere.

Sistemul de puncte este metoda care este folosită pentru a măsura tipul încă din secolul al XVIII-lea. Un punct poate fi măsurat ca 1/72-inch și 12 puncte pot forma o pica. Pica este unitatea de măsură pentru lățimea coloanei. În plus, dimensiunile pot fi măsurate în pixeli, inci sau milimetri. Depinde de cerința proiectului.

Conducere

Spațiul vertical dintre fiecare linie de tip este cunoscut ca lider. Motivul pentru care numim acest lucru drept principal este că slipurile de plumb au fost folosite pentru a împărți liniile de tipărire înapoi în vremea când a fost folosită tipărirea metalului. Regula generală pentru a obține un text care poate fi citit este să folosești o valoare mai mare decât dimensiunea fontului. Puteți utiliza o valoare de început mai mare de 1,25 până la 1,5 ori.

Urmărire și kerning

Kerningul este actul care implică ajustările de spațiu dintre personaje. Ajută la generarea unei perechi armonioase.

De exemplu, atunci când utilizați majuscule ale literei „A” cu majuscule ale literei „V”, liniile diagonale din partea stângă sus a literei „V” sunt curbate cu partea din dreapta jos a „A”.

Pe de altă parte, urmărirea este termenul care se referă la spațierea tuturor caracterelor care sunt aplicate uniform. Kerning este similar cu track-ul, dar ambele nu sunt la fel.

Măsura

Măsura este un termen care explică lățimea unui bloc de text. Pentru o experiență optimă de lectură, ar trebui să considerați măsura ca un aspect important al tipografiei.

Ierarhie și scară

Toate tipurile nu pot fi folosite la aceeași dimensiune, trebuie să setați ierarhia pentru tipuri. În caz contrar, va fi dificil pentru cititori să înțeleagă care informații sunt cele mai importante decât celelalte.

În general, titlurile sunt mari, subtitlurile sunt mai mici și tipul de corp este puțin mai mic decât subtitlurile pentru a ajuta cititorii să înțeleagă ierarhia acestuia.

Nu doar dimensiunea, utilizarea diferitelor culori, greutate și spațiere vă poate ajuta, de asemenea, să stabiliți ierarhia în munca dvs.

Glosar

Am acoperit aici aproape fiecare concept și terminologie fundamentală care implică tipografie.

• Aesc : Se pronunță ca „Cenuşă”. Este o ligatură de două litere, adică. „a” și „e”. Originea lui aesc este din engleza veche, unde este semnificat ca o vocală diftong. Aesc a migrat către alfabete precum islandeză și daneză.
• Diafragma : deschiderea este o deschidere înnodată a unui glif care poate fi văzută cu litere precum „e”, mărimea diafragmei variază în funcție de implementarea sa. Cu toate acestea, deoarece veți varia diafragma, efectul acesteia se va reflecta în lizibilitatea unei forme de litere.
• Apex : Apex este punctul care se află în partea de sus a unui caracter. Este locul unde se întâlnesc loviturile stânga și dreapta.
• Linia de bază : este o secțiune în care se află baza majusculelor.
• Bol : Bolul este considerat ca fiind părțile închise ale literelor precum „b” și „p”.
• Paranteză : este un contur în formă de pană, care este valoros pentru a ține un serif și a forma tulpina unui font într-un număr de fonturi.
• Înălțimea capacului : înălțimea capacului este înălțimea unei majuscule deasupra liniei de bază.
• Contor : Contorul este inclus sau incomplet inclus o secțiune a unei scrisori. Contorul poate fi văzut cu litere precum „c” sau partea inferioară a „g” și „e”. Această secțiune poate fi amestecată cu bolul.
• Descendent : este o bucată din forma literelor care coboară sub linia de bază. De exemplu, litere precum „p”, „y” și „q”.
• Urechea : urechea este o mișcare mică care este extinsă din partea dreaptă sus a bolului.
• Glif : Este o parte singulară care construiește un font. Orice parte singulară care ajută la construirea unui font, fie că este un semn de punctuație, număr, literă sau chiar dingbat este inclusă în ea. Glifele pot fi numite ca elemente de bază ale tipografiei.
• Jgheab : Este spațiul oferit între paginile care se confruntă ale lucrării tale. Jgheaburile pot fi văzute în mod obișnuit în coloanele de text.
• Orfan : Orfan este primul rând al unui nou paragraf care este înscris la sfârșitul unei pagini. Nu este un lucru pe care ați dori să îl aveți în proiectul dvs., deoarece este considerat o practică proastă.
• Pica : Pica este unitatea de măsură pentru lățimea coloanei. Există 16 pixeli sau 12 puncte într-o pica.
• Lizibilitate : este denumită ușurința de citire, care include utilizarea unui bloc de text care poate fi scanat cu ușurință cu ochiul.
• Serif : Este un tip de literă cu serif. Sfârșitul cursei unei forme de litere în acest tip de liter este derivat din tendința romană.
• Sans-serif : Un tip de literă fără serif este un sans-serif sau sans serif.
• Coloana vertebrală : este cursa curbată principală care este prezentă în literele mici ale „S” majuscul.
• Spur : Este o mică umflătură care apare la curba unei litere. Se mai numește și barbă sau cioc. De exemplu, litera „G”.
• Tulpină : O lovitură de lungime completă este numită tulpină în caractere drepte. Este verticală.
• X-height : înălțimea literei „x” în litere mici într-un anumit tip de caractere este o înălțime x.

7 Idei tipografice și cele mai bune practici

Următoarele sunt cele mai bune practici de tipografie pe care le puteți folosi în munca dvs. Folosiți aceste sfaturi în proiectele dvs. pentru a vă crea propriile capodopere.

Importanța alegerii fonturilor corecte

Fiecare designer are o listă cu fonturile lui preferate. Dar, nu înseamnă că trebuie să alegi tot timpul un font doar din lista ta preferată. Fiecare tip de literă are propriul stil, personalitate și dispoziție. Deci, va trebui să decideți ce font se va potrivi perfect pentru designul dvs. Alegerea fontului este importantă, deoarece vă ajută să transmiteți mesajul publicului dvs.

Ține cont de publicul tău

După ce alegeți un font care completează ideea designului dvs., ar trebui să vă gândiți dacă acesta va fi potrivit pentru publicul dvs. Un grup din publicul dvs. vizat ar putea simți că fonturile sunt la modă, în timp ce unii oameni le vor numi învechite. Deci, va trebui să înțelegeți pentru cine proiectați proiectul. Vârsta, sexul, locația și alți factori ai publicului dvs. trebuie luate în considerare înainte de a decide asupra fontului.

Stabiliți o ierarhie

După cum am menționat anterior, ierarhia joacă un rol important în tipografie. Grafica dvs. ar trebui să fie bine organizată și ar trebui să ofere o ușurință de navigare către cititori. Ierarhia tipografiei este foarte utilă pentru realizarea de modele grele de text, cum ar fi cărți, buletine informative, reviste și alte publicații tipărite tradiționale.

Acordați atenție distanței și alinierii

Spațierea și alinierea pot suna mai puțin importante, dar cu siguranță nu este. Fără spațierea și alinierea corespunzătoare, desenele dvs. vor părea confuz, aglomerate și obișnuite. Spațierea include utilizarea de interioare, margini, urmărire și spațiu alb.

Utilizați Kerning oricând doriți

Mulți designeri se confundă între urmărire și kerning. Cu toate acestea, ambii sunt termeni diferiți. Kerning vă permite să vă faceți tipografia să arate profesională și lustruită.

Nu depășiți utilizarea fonturilor, greutăților și stilurilor

Tuturor ne place să folosim fonturi diferite și să le personalizăm pentru a arăta elegant. Cu toate acestea, utilizarea diferitelor fonturi într-un singur design poate face ca munca să pară amator și dezordonată. Ar trebui să evitați utilizarea a mai mult de trei fonturi într-un singur design pentru a-i oferi un aspect profesional.

Observați și exersați

Cel care a încercat și a testat o modalitate de a vă îmbunătăți abilitățile de tipografie este să studiați modul în care alți designeri folosesc tipografia în munca lor. Este abilitatea care necesită practică și ochi pentru detalii pentru a înțelege cum cineva a folosit tipografia în proiectul său și cum le vei putea folosi în proiectele tale.

Acesta a fost ghidul suprem pentru tipografie. Sper că acest ghid v-a ajutat să înțelegeți diferite concepte și practici prin care vă puteți îmbunătăți abilitățile de tipografie.