Pentru a utiliza explicația de bază, tipografia este proiectarea și utilizarea tipurilor de fonturi ca mijloc de comunicare. Mulți oameni consideră că tipografia a început cu Gutenberg și dezvoltarea tipului mobil, dar tipografia merge mai departe decât asta. Această ramură a designului își are rădăcinile în foile de scris de mână.
Tipografia cuprinde totul, de la caligrafie prin tipul digital pe care îl vedem astăzi pe paginile web de toate felurile. Arta de tipografie include, de asemenea, designerii de tip care creează noi formulare de foi care sunt apoi transformate în fișiere de fonturi pe care alte modele le pot utiliza în munca lor, de la lucrări tipărite la site-urile web menționate mai sus. Atât de diferite pot fi aceste lucrări, elementele de bază ale tipografiei le stau la baza tuturor.
Elementele de tipografie
Dacă ați vorbit vreodată cu un designer de web care utilizează tipografia în lucrarea sa, probabil ați auzit termenii "font" și / sau "font". Mulți oameni folosesc acești doi termeni interschimbabil, dar există, de fapt, unele diferențe între aceste două elemente.
Typeface este termenul dat unei familii de fonturi (cum ar fi Helvetica Regular, Helvetica Italic, Helvetica Black și Helvetica Bold). Toate versiunile variate ale lui Helvetica alcătuiesc textul complet.
Font este termenul utilizat atunci când cineva se referă la o singură greutate sau stil în cadrul acelei familii (cum ar fi Helvetica Bold). Atât de multe tipuri de fonturi sunt compuse dintr-un număr de fonturi individuale, toate fiind similare și legate, dar diferite într-un fel. Unele tipuri de fonturi pot include numai un singur font, în timp ce altele pot include numeroase variante ale formelor de scris care alcătuiesc fonturile.
Dacă acest lucru pare confuz, nu vă faceți griji, dacă cineva nu este un expert în tipografie, probabil că va folosi termenul "font", indiferent de unul dintre acești termeni, și chiar mulți designeri profesioniști folosesc acești doi termeni interschimbabil. Cu excepția cazului în care vorbești cu un designer de tip pur cu privire la mecanica ambarcațiunii, probabil ești destul de sigur utilizând oricare dintre acești doi termeni preferați. Acestea fiind spuse, dacă înțelegeți distincția și puteți folosi corect termenii corecți, nu este niciodată un lucru rău!
Tipărirea textului
Uneori numite "familii de fonturi generice", acestea sunt grupări mari de fonturi bazate pe o serie de clasificări generice pe care diferite fonturi le încadrează. Pe paginile web, există șase tipuri de clasificări ale fontului pe care probabil că le veți vedea:
- Serif
- Sans-serif
- scenariu
- Monospaced
- Cursiv
- Fantezie
Există, de asemenea, o serie de alte clasificări ale fontului, care sunt extrase din acestea. De exemplu, fonturile "slab serif" sunt similare cu serifurile, dar toate au un design ușor de recunoscut, cu serifițe groase, cu cot, pe foile de formă. Serif și sans-serif sunt cele două clasificări ale celor mai frecvente fonturi utilizate pe majoritatea site-urilor Web.
Anatomia tiparului
Fiecare tip de text este alcătuit din elemente diferite care o deosebesc de alte tipuri de fonturi, denumite anatomie tipografică. Cu excepția cazului în care sunteți în mod special de gând să meargă în design de tip și în căutarea de a crea fonturi noi, designerii web, în general, trebuie doar să cunoască elementele de bază ale terminologiei de tip.
La un nivel de bază, elementele de anatomie de tip pe care trebuie să le cunoașteți sunt "cap" și "x-înălțime" și "descendenți" și "ascendenți".
Cap și înălțimea x este înălțimea literelor majuscule ale fontului și înălțimea literei x. Acesta vă spune cât de înalte vor fi cele mai mari litere, precum și cât de mari vor fi cele mai mici litere. Toate fonturile sunt dimensionate pe baza acestor două caracteristici.
Descendenții și ascendenții sunt porțiunile de litere care merg sub și deasupra liniei x-înălțime. Aceasta se referă de obicei la litere mici. De exemplu, litera "b" are un ascender (piesa care se lipeste "de sus" de litera) in timp ce litera "p" are un descendent (partile care se scot "jos" de litera).
Distingerea scrisorilor
Există mai multe ajustări care pot fi efectuate între și în jurul literelor care afectează tipografia. Fonturile digitale sunt create cu multe dintre aceste caracteristici în vigoare, iar pe site-urile web, avem o capacitate limitată de a schimba aceste aspecte ale fontului. Acest lucru este adesea un lucru bun, deoarece modul implicit de afișare a fonturilor este de obicei preferabil.
- kerning: Spațiul orizontal dintre literele individuale
- Urmărirea: Spațiul dintre grupurile de litere
- Conducere: Spațiu vertical între linii de tip (acest lucru este cunoscut sub numele de linie înălțime în termeni de site-ul web)
- Măsura: Lungimea liniilor de text
- Aliniere: Plasarea vizuală a textului în stânga, dreapta, centrat sau justificat
- Ligaturi: Scrisorile s-au mutat atât de strâns încât anatomiile lor sunt combinate, în principiu curgând o literă în alta
Mai multe elemente de tipografie
Tipografia este mai mult decât doar fonturile care sunt utilizate și spațiul alb din jurul lor. Există, de asemenea, câteva alte lucruri pe care trebuie să le țineți cont atunci când creați un sistem tipografic bun pentru orice tip de design:
"Hyphenation" este adăugarea unei liniuțe (-) la sfârșitul liniilor pentru a preveni problemele de lizibilitate sau pentru a face o justificare mai bine. În timp ce se găsesc frecvent în documente tipărite, majoritatea designerilor web ignoră despărțirea și nu o folosesc în munca lor, deoarece nu este ceva care este manipulat bine automat de către browserele web.
"Cârpă" este marginea verticală neuniformă a unui bloc de text. Când acordați atenție tipografiei, ar trebui să vă uitați la blocurile de text ca întreg pentru a vă asigura că cârpa nu are impact asupra designului.Dacă cârpa este prea îndoită sau neregulată, aceasta poate afecta lizibilitatea blocului de text și îl poate distrage. Acesta este un lucru care este gestionat automat de browser în ceea ce privește felul în care acesta se împachetează de la linie la linie.
Un singur cuvânt la sfârșitul unei coloane este o văduvă și, dacă se află în partea de sus a unei coloane noi, este orfan. "Văduvele" și "orfanii" arată rău și pot fi greu de citit.
Obținerea de linii de text pentru a afișa perfect într-un browser web este o propunere grueling, mai ales atunci când aveți un site web receptiv și diferite afișe pentru dimensiuni diferite de ecran. Obiectivul dvs. ar trebui să fie să examinați site-ul la diferite dimensiuni pentru a încerca să creați cel mai bun aspect posibil, acceptând în același timp că în anumite cazuri conținutul dvs. va avea ferestre, orfane sau alte afișări mai puțin decât cele ideale. Obiectivul dvs. ar trebui să fie acela de a minimiza aceste aspecte ale designului unui tip, fiind de asemenea realist în faptul că nu puteți atinge perfecțiunea pentru fiecare dimensiune și afișare a ecranului.
Pași pentru verificarea tipografiei
- Alegeți cu atenție tipurile de fonturi, uitați-vă la anatomia tipului, precum și la ce tip de familie se află.
- Dacă construiți designul folosind textul de înlocuire, nu aprobați designul final până când nu ați văzut textul real din design.
- Acordați atenție micilor detalii ale tipografiei, cum ar fi cratimă și liniuțe.
- Uită-te la fiecare bloc de text ca și cum nu ar fi avut cuvinte în el. Ce forme face textul pe pagină? Asigurați-vă că aceste forme prezintă întregul design al paginii înainte.
