Per utilitzar l'explicació més bàsica, la tipografia és el disseny i l'ús de tipus de lletra com a mitjà de comunicació. Moltes persones consideren que la tipografia ha començat amb Gutenberg i el desenvolupament del tipus mòbil, però la tipografia es remunta molt més enllà d'això. Aquesta branca del disseny en realitat té les seves arrels en formularis escrits a mà.
La tipografia engloba tot, des de la cal·ligrafia, a través del tipus digital que veiem avui en pàgines web de tot tipus. L'art de la tipografia també inclou dissenyadors de tipus que creen noves formes de lletres que després es converteixen en fitxers de fonts que altres dissenys poden utilitzar en el seu treball, des d'obres impreses fins a aquests llocs web. Diferents d'aquestes obres, els fonaments de la tipografia els donen suport.
Els elements de la tipografia
Si alguna vegada ha parlat amb un dissenyador web que utilitza tipografia en el seu treball, probablement ha escoltat els termes "tipografia" i / o "font". Moltes persones utilitzen aquests dos termes de manera indistinta, però en realitat hi ha algunes diferències entre aquests dos elements.
Typeface és el terme donat a una família de tipus de lletra (com Helvetica Regular, Helvetica Italic, Helvetica Black i Helvetica Bold). Totes les versions de Helvetica constitueixen la tipografia completa.
Font és el terme utilitzat quan algú es refereix a només un pes o estil dins d'aquesta família (com Helvetica Bold). Tant les tipografies estan formades per una sèrie de tipus de lletra individuals, totes similars i relacionades, però d'alguna manera diferents. Alguns tipus de lletra només poden incloure una única font, mentre que altres poden incloure nombroses variacions de les formes de lletres que formen les fonts.
Si això sembla confús, no us preocupeu, si algú no és un expert en tipografia, és probable que utilitzeu el terme "font", independentment de quin d'aquests termes signifiquin realment, i fins i tot molts dissenyadors professionals utilitzen aquests dos termes de manera indistinta. A menys que parleu amb un dissenyador de puresa sobre la mecànica de l'artesania, probablement estigueu força segurs utilitzant els dos termes que preferiu. Dit això, si entens la distinció i podeu utilitzar correctament els termes correctes, mai no és gens dolent!
Classificacions de tipus de lletra
De vegades anomenat "famílies de fonts genèriques", aquestes són grans agrupacions de tipus de lletra a partir d'una sèrie de classificacions genèriques que es troben sota diferents fonts. A les pàgines web, hi ha sis tipus de classificacions de tipus de lletra que és probable que vegeu:
- Serif
- Sans-serif
- Escriptura
- Monospaced
- Cursiu
- Fantasia
També hi ha una sèrie d'altres classificacions de tipus de lletra que es distingeixen d'aquestes. Per exemple, els tipus de lletra "slab serif" són similars als serifs, però tots tenen un disseny recognoscible amb serifs gruixuts i gruixuts a les formes de lletres. Serif i sans-serif són les dues classificacions de fonts més habituals que s'utilitzen a la majoria dels llocs web.
Anatomia de tipografia
Cada tipus de lletra es compon de diferents elements que la distingeixen d'altres tipus de lletra, que es coneix com a anatomia de tipus. A menys que estigui específicament en el disseny de tipus i busqueu fonts noves, els dissenyadors web només necessiten conèixer els fonaments de la terminologia de tipus.
A nivell bàsic, els elements de l'anatomia de tipus que cal tenir en compte són "cap" i "x-height" i "descendents" i "ascendents".
Cap i x-height és l'alçada de les majúscules en la tipografia i l'alçada de la lletra x. Us indica quines altes seran les lletres més grans, així com quantes lletres més minúscules seran. Totes les fonts es dimensionen en funció d'aquestes dues característiques.
Els descendents i ascendents són les porcions de lletres que es troben per sota i per sobre de la línia d'alçada x. Això normalment es refereix a minúscules. Per exemple, la lletra "b" té un ascendent (la peça que s'adhereix "amunt" de la lletra), mentre que la lletra "p" té un descens (les parts que baixen de la lletra).
Spacing around letters
Hi ha diversos ajustos que es poden fer entre i al voltant de les lletres que afecten la tipografia. Els tipus de lletra digitals es creen amb moltes d'aquestes característiques en lloc i en els llocs web, tenim una capacitat limitada per canviar aquests aspectes de la font. Això sovint és una bona cosa, ja que la manera predeterminada que es mostren les fonts sol ser preferible.
- Kerning: L'espai horitzontal entre lletres individuals
- Seguiment: L'espai entre grups de lletres
- Líder: Espai vertical entre línies de tipus (això es coneix com alçada de línia en termes de lloc web)
- Mesura: La longitud de les línies de text
- Alineació: Col·locació visual del text a l'esquerra, a la dreta, a la centrada o a la justificació
- Lligadures: Les lletres es mouen tan a prop que les seves anatomes es combinen, essencialment, que flueixen una lletra a una altra
Més elements de tipografia
La tipografia és més que la tipografia que s'utilitza i l'espai en blanc al voltant d'ells. També hi ha algunes coses que cal tenir en compte a l'hora de crear un bon sistema tipogràfic per a qualsevol disseny:
"Hifenització" és l'addició d'un guió (-) al final de les línies per ajudar a evitar problemes de llegibilitat o fer que la justificació es vegi millor. Tot i que normalment es troba en documents impresos, la majoria dels dissenyadors web ignoren la guionització i no l'utilitzen en el seu treball perquè no és una cosa que els navegadors web gestionen bé.
"Rag" és la vora vertical desigual d'un bloc de text. En fixar-se en la tipografia, heu de mirar els vostres blocs de text en el seu conjunt per assegurar-vos que el drap no afecti el disseny.Si el drap és massa irregular o desigual, pot afectar la llegibilitat del bloc de text i distreure'l. Això és un problema que el navegador maneja automàticament pel que fa a la forma en què s'apropa el tipus de línia a línia.
Una paraula al final d'una columna és una vídua i, si es troba a la part superior d'una nova columna, és huérfana. "Vídues" i "orfes" es veuen malament i poden ser difícils de llegir.
Obtenir les seves línies de text per mostrar-se perfectament en un navegador web és una proposta esgotadora, especialment quan té un lloc web sensible i diferents pantalles per a diferents mides de pantalla. El vostre objectiu hauria de ser revisar el lloc en diferents mides per intentar crear el millor aspecte possible, tot acceptant que, en determinats casos, el vostre contingut tindrà finestres, orfes o altres pantalles menys presents. El seu objectiu hauria de ser minimitzar aquests aspectes del disseny d'un tipus, al mateix temps que és realista en el fet que no es pot aconseguir la perfecció per a cada tamany i visualització de la pantalla.
Passos per comprovar la tipografia
- Trieu les lletres de tipus amb cura, observant l'anatomia del tipus i la família del tipus en què es troba.
- Si construïu el disseny usant text de marcador de posició, no aproveu el disseny final fins que hagueu vist el text real en el disseny.
- Presti atenció als petits detalls de la tipografia, com guions i guions.
- Observa cada bloc de text com si no tingués paraules. Quines formes fa el text a la pàgina? Assegureu-vos que aquestes formes portin el disseny de pàgina sencera cap endavant.
