Quina és la tipografia i, per extensió, el disseny tipogràfic? 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
Tipus de lletra i tipus de lletra: si alguna vegada heu parlat amb un disseny que utilitza tipografia en les seves obres, probablement hàgiu 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.
"Tipus de lletra" són els termes que s'ofereixen a una família de fonts (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.
¿Sona això una mica confús? Si és així, no us preocupeu. En realitat, si algú no és un expert en tipografia, probablement utilitzarà 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 anomenades "famílies de fonts genèriques" , aquestes són agrupacions grans de tipus de lletra a partir d'una sèrie de classificacions genèriques que depenen de fonts diferents. A les pàgines web , hi ha sis tipus de classificacions de fonts que és probable que vegeu:
- Serif
- sans-serif
- monospaced
- cursiva
- fantasia
- guió
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.
Un dels llocs web d'avui, serif i sans-serif són les dues classificacions de fonts més habituals que s'utilitzen.
Anatomia de tipografia: cada tipus de lletra està composta per diferents elements que la distingeixen d'altres tipus de lletra. A menys que estigui especialment destinada al disseny de tipus i busqueu fonts noves, els dissenyadors web generalment no necessiten conèixer els detalls de l'anatomia de la tipografia. Si esteu interessat a aprendre més sobre aquests blocs de formes i tipus de lletra, hi ha un gran article sobre l' anatomia de la tipografia al lloc d'edició de sobretaula de About.com.
A nivell bàsic, els elements de l'anatomia de tipus que cal tenir en compte són:
- Cap i altura-x: é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. Les fonts es dimensionen a partir d'aquestes dues característiques.
- Decisors i ascensors: són les porcions de lletres que es troben per sota i per sobre de la línia de la x-alçada . Normalment es refereixen a minúscules. Per exemple, la lletra "b" té un ascendent (la peça que s'adhereix "a dalt" de la lletra), mentre que la lletra "p" té un descendent (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 al lloc, i als 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 · loqueu visualment text a l'esquerra, a la dreta, a la centrada o a la justificació
- lligadures: les lletres es mouen molt a prop de manera que les seves anatomies es combinen, essencialment, que flueixen una lletra cap 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:
Hifenació: la definició de paraules és l'addició d'un guió (-) al final de les línies per 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: la vora vertical desigual d'un bloc de text s'anomena drap. 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 el que el navegador maneja automàticament pel que fa a la forma en què s'aprofita el tipus de línia a línia.
Vídues i orfes: una sola paraula al final d'una columna és vídua i, si es troba a la part superior d'una nova columna, és orfe. Les vídues i els 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 mides de pantalla diferents. El vostre objectiu hauria de ser revisar el lloc en diferents mides per intentar crear el millor aspecte És possible, tot acceptant que, en alguns casos, el vostre contingut tindrà finestres, orfes o altres pantalles menys d'ideal. 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.
- Poseu-vos en compte els petits detalls de la tipografia .
- 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.
Article original de Jennifer Krynin. Editat per Jeremy Girard el 17/07/17