Ce este tipografia și, prin extensie, designul tipografic? 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
Tipuri de fonturi și fonturi: Dacă ați vorbit vreodată cu un design care utilizează tipografia în lucrările lor, 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 termenii care dau 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.
"Fontul" 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.
Asta sună puțin confuz? Dacă da, nu vă faceți griji. În realitate, dacă cineva nu este un expert în tipografie, probabil că vor folosi termenul "font", indiferent de unul dintre acești termeni, și chiar și mulți designeri profesioniști folosesc acești doi termeni alternativ. 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 generice de fonturi" , acestea sunt grupări mari de fonturi bazate pe un număr 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
- monospațiat
- cursiv
- fantezie
- scenariu
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ă.
Un site web astăzi, serif și sans-serif sunt cele două clasificări de fonturi cele mai comune care sunt folosite.
Anatomia tipului de text : Fiecare font este alcătuit din elemente diferite care o deosebesc de alte tipuri de text. 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 nu au nevoie, în general, să cunoască specificul anatomiei tipului. Dacă sunteți interesat să aflați mai multe despre aceste blocuri de fonturi și foi de scris, există un articol grozav cu privire la anatomia tipografică pe site-ul publicației desktop desktop.com.
La un nivel de bază, elementele de anatomie de tip pe care trebuie să le cunoașteți sunt:
- Cap și înălțimea x: î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. Fonturile sunt dimensionate pe baza acestor două caracteristici.
- Descendenții și ascendenții: Acestea sunt porțiunile de litere care merg sub și deasupra liniei x-înălțime . Acestea se referă de obicei la litere mici. De exemplu, litera "b" are un ascender (piesa care "lipsește" de la literă) în timp ce litera "p" are un descendent (părțile care scade "în jos" de la literă).
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 loc, 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
- - spațiu vertical între liniile de tip (acest lucru este cunoscut ca linia înălțimii în termenii site-ului)
- măsură - lungimea liniilor de text
- aliniere - plasarea vizuală a textului spre stânga, dreapta, centrat sau justificat
- ligaturi - literele s-au mutat aproape împreună, astfel încât anatomiile lor să fie combinate, în mod esențial 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: Hyphenation este adăugarea unei cratimă (-) la sfârșitul liniilor pentru a ajuta la prevenirea problemelor de lizibilitate sau pentru a face ca justificarea să arate 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.
Rag: Marginea verticală neuniformă a unui bloc de text este numită cârpa. 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 modul în care raps tip de la linie la linie.
Văduve și orfani: Un singur cuvânt de la capătul 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șează pentru dimensiuni diferite screen.Your obiectiv ar trebui să fie de a revizui site-ul la dimensiuni diferite pentru a încerca să creeze 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 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 .
- 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.
Articolul original de Jennifer Krynin. Editat de Jeremy Girard pe 7/5/17