MANUAL DE

TIPOGRAFA

DIGITAL

MANUAL DE TIPOGRAFA DIGITAL

INTRODUCCIN

UNA MIRADA EN EL TIEMPO

La historia de la tipografa est ligada al lenguaje
humano, pues a medida en que surgieron las
distintas formas para representar emociones,
hechos o alguna otra cosa, se sentaron las bases
para la escritura.
Desde la poca de las cavernas, los primeros
habitantes escriban en paredes con dibujos,
mismos que evolucionaron a pictogramas e
ideogramas ms complejos, hasta llegar a signos
que representaran los sonidos, como fue el caso de
los fenicios.
Poco a poco aparecieron nuevos materiales para
plasmar los relatos orales y estudios en cada
poca. Pero el invento que realmente dio origen
a la tipografa fue la imprenta (1450), que ha sido
atribuida al alemn Johannes Gutenberg.
Este mtodo mecnico permita reproducir textos al
usar piezas metlicas llamadas tipos, a las cuales
se les aplicaba tinta para transferirlos a papel. La
imprenta no slo fue una revolucin tecnolgica,
sino cultural.
En diseo tambin dio origen a otros mtodos de
impresin y reproduccin, como son la flexografa,
la serigrafa, el huecograbado, el alto grabado, la
fotografa electroltica, la fotolitografa, la litografa,
la impresin fset, la xerografa y los mtodos
digitales.
Aunque la imprenta ayud, la creatividad no par
pues en Venecia, grabadores comenzaron a disear
tipografas inspiradas en los textos clsicos, por
lo que impresores perfeccionaron las tcnicas y
materiales para contar con diferentes diseos en los
textos.
Los inicios de la publicidad tambin influyeron
en la tipografa, que deba ser ms vistosa a los
ojos de las personas, mientras que los diarios
tambin contribuyeron a esto, pues los mtodos
de composicin e impresin dejaron de lado la
complejidad.
Ya en la era digital, la tipografa no ha permanecido
esttica, pues tras la aparicin de nuevos medios
como la televisin, los ordenadores y ms
recientemente los telfonos inteligentes, entre otros
dispositivos mviles obligaron a adaptarse a la
tipografa.

MANUAL DE TIPOGRAFA DIGITAL

Ante este panorama, los diseadores y tipgrafos
deben saber a qu se enfrentan realmente, pues la
aparicin de nuevas tecnologas han cambiado las
reglas del diseo y de composicin, por lo que no
se pueden aplicar de la misma forma a los diversos
soportes que existen.

CMO ELEGIR LAS TIPOGRAFAS

Elegir correctamente una tipografa depende

muchos factores. No existe una gua que
resulte un xito rotundo, pero a continuacin se
presentan puntos que facilitarn este proceso que
puede influir en el xito de un buen diseo

LA FUNCIN

Cul es la funcin que cumplir? Es el primer

cuestionamiento, el cual debe considerar la forma. De nada
sirve contar con una tipografa que cumpla con los requisitos
creativos, si es que sus caractersticas no funcionan para el
proyecto.

PRUEBA

Se recomienda probar las tipografas que pueden ser

utilizadas en el proyecto para dar una idea sobre su
funcionamiento en cuestin de tamao y espaciado.

EFICACIA

La seleccin del tipo de letra debe ser el resultado de un

pensamiento eficaz, debe ir ms all del gusto personal
y que genere el efecto comunicativo se requiere.

TAMAOS Y ESPACIO

No se debe descuidar la relacin entre el tamao de

letra, el ancho de columna y el interlineado.

LEGIBILIDAD Y COLOR

El color de la letra si importa, un bsico sobre ello es que

el texto negro sobre fondo amarillo se lee bien de lejos y
es perfecto para textos breves. La tipografa en blanco sobre
fondo negro no se leen bien y cansa a la vista, mientras que
los textos en color rojo o naranja cuesta leerlos.

RECURSOS PARA DESTACAR

Es importante moderarse en el uso de maysculas, negritas,

cursivas y versalitas, pues estos recursos son slo para
destacar palabras concretas o enfatizar una frase, si se usan
en exceso la legibilidad y el diseo se perjudican.

MANUAL DE TIPOGRAFA DIGITAL

DISEO EDITORIAL

Si bien las tipografas han sido adaptadas al

mundo digital, el impreso no ha muerto y es
fundamental, tanto para un autor, como para los
diseadores a cargo del diseo editorial conocer
cules fuentes son eficaces y eficientes para un
texto.
Por ejemplo, Times New Roman no es la ms
adecuada, pues se trata de una letra condensada
para aprovechar el mximo de espacio. Lo ms
aconsejable es que la tipografas canse a la vista
a lo largo de las 55 mil 100 mil palabras, por
ello muchos diseadores usan alguna de estas 5
opciones:

1. GARAMOND

2. BASKERVILLE

Nombrada por el
diseador francs
Claude Garamond, la
versin ms popular es
la diseada por Robert
Slimbach para Adobe.

Es un tipo de letra
serif que fue diseada
en 1757 por John
Baskerville como
resultado de varios
experimentos de
legibilidad.

3
3. PALATINO

Esta tipografa fue

diseada por Hermann
Zapt en 1948. La
Palatino fue usada
originalmente por
Apple en Machintosh
y sigue siendo una de
las favoritas desde
entonces.

MANUAL DE TIPOGRAFA DIGITAL

4. SNCHEZ

Este tipo de letra serif

tiene un gran parecido
a la emblemtica
Rockwell, aunque
presenta contrastes
redondeados que
ofrecen un equilibrio
con la estructura
cuadrada. Fue diseada
por Daniel Hernndez.

5. GEORGIA

Este tipo de letra

fue diseada por
Matthew Carter en el
ao 1993. Microsoft
la compr por la
claridad y la legibilidad
en las pantallas de
computadoras. Esta
tipografa es muy similar
a Times New Roman,
aunque presenta sutiles
diferencias.

DISEO WEB

En este caso se debe tomar en cuenta que las

reglas del diseo editorial no son aplicables.
Por ejemplo, la tipografa serif se perfila como
la mejor opcin para utilizar, ya que este tipo de
letras pierden menos calidad al ser trazadas en
pxeles, lo que ofrece una mayor legibilidad para
el usuario.
Georgia o la Verdana son una opcin pues su
cuerpo es un poco ms grande que la mayora de
los tipos.
Otra como Times New Roman no son
recomendables debido a que causa ruido visual.

PARA CAMPAAS DE MARKETING

Es importante saber elegir una tipografa capaz

de captar la atencin de alguien y transmitir
y reforzar el mensaje de una marca. Algunos
aspectos a considerar son:

MANUAL DE TIPOGRAFA DIGITAL

FACILIDAD DE LEER

Las serif son ms fciles de leer en el cuerpo de

trabajos impresos, pero se debe tener en cuenta
si se usar en pantallas.

JERARQUA VISUAL.

Es primordial contar con dos fuentes: una para

el titular y otra para el cuerpo. Con ello, lo que
se pretende es crear una jerarqua visual que
permita a quien lo vea, detectar rpidamente
el contenido e identificar los elementos ms
importantes.

CONTRASTES Y ELECCIN DE TAMAO ADECUADO.

El contraste de color influye directamente en la
legibilidad de una fuente. Lo mismo sucede con
el tamao de las fuentes, ya que este depender,
bsicamente del soporte en el que el mensaje
vaya a ser mostrado.

CMO COMBINAR LAS TIPOGRAFAS

Durante el proceso de elegir tipografas se debe

tomar en cuenta que el diseo requiere de dos o
tres, una principal y dos secundarias, pero deben
ser combinadas de manera eficaz.
Lo primero que se debe hacer es entender la
funcin de cada tipo de letra y centrarse en sus
cualidades. En segundo lugar, no debe usarse ms
de tres tipografas.
Es decir, una es para el logotipo y otra para el
cuerpo de texto, en ocasiones para los titulares
se utiliza otra. Una cuarta debe evitarse, para
resaltar algo se usan negritas, cursivas o color.
Tercero, generalmente las grandes empresas ya
tienen asignados los conjuntos de tipografas,
pero en caso contrario, la regla de oro para elegir
las tipografas es la legibilidad.
Para seleccionar la personalidad de la fuente
o segunda tipografa, esta debe extraer la
personalidad de la primera. Todos los tipos de
letra tienen caractersticas, mismas que deben
comunicar las fuentes secundarias.
El segundo tipo de letra tiene que verse como
si se trabajara con la primera, con el fin de
crear una voz consistente. Por ejemplo, muchas
tipografas tienen un compaero san serif o serif,
por lo que se pueden combinar de esa forma,

MANUAL DE TIPOGRAFA DIGITAL

aunque el grado de contraste es mnimo.
Otra opcin es elegirla por contraste de
caractersticas, es decir, elegir una con
cuerpo altamente legible y la segunda con una
visualizacin menos visible, por ejemplo, una
puede ser clida y la segunda distante.
La tercera opcin es contrastar los estilos. Slo
se debe identificar la personalidad de la primera,
encontrar si esa se comparte, para despus
verificar que el resto de las caractersticas no.

OTRAS OPCIONES PARA TTULOS

Helvtica, Times New Roman, entre otras son

comunes para usarse en titulares o bien resaltar,
por lo que muchos recomiendan no usarlas ms,
pues han cado en un desgaste. Si se buscan
opciones para encabezados esta tipografas
pueden ser una opcin.

KLINT

Creada por el diseador

de la tipografa con sede
en Berln Hannes von
Dhren, Klint combina
precisin con toques
humanistas sutiles. Puede
elegirse entre cinco
pesos, claro a negro;
cada peso est disponible
en tres anchuras
(condensado, normal,
expandido). Es ideal para
el funcionamiento de
texto donde el espacio es
un bien escaso.

ITC AMERICAN
TYPEWRITER

El diseo recuerda a las

mquinas de escribir,
pero garantiza un alto
nivel de legibilidad,
adems el espaciado
entre las letras es mejor.

TRADE GOTHIC

En sus primeros aos,

Trade Gothic, fue
conocida slo con el
segundo nombre con un
sufijo numrico (Gothic
No. 17 a No. 20). Varios
aos despus de que la
familia se ampli se le
dio el nombre de Trade
Gothic.

MANUAL DE TIPOGRAFA DIGITAL

LAS PREFERIDAS POR LOS

DISEADORES Y TIPGRAFOS

El blog 8 Faces realiz un ejercicio para conocer

cules son las tipografas que suelen usar los
reconocidos diseadores como Erik Spiekermann,
Jessica Hische, Michael Bierut, Nina Stssinger,
Mark Simonson y Seb Lester, entre otros.
Para saberlo, los colaboradores del blog pidieron
una lista de las tipografas y el resultado fue
un ranking de 25 tipos de letras, del cual se
muestran slo las primeras 15.
1. Georgia
2. Gotham
3. FF Scala
4. Futura
5. Gill Sans
6. Garamond
7. Caslon (Adobe Caslon)
8. Akzidenz Grotesk
9. Alternate Gothic
10. Baskerville
11. Helvetica
12. Metro
13. ITC Franklin Gothic
14. Meta Serif
15. Trade Gothic

Pero si estas son las preferidas en el mundo

anglosajn, qu sucede con los diseadores de
habla hispana, cules son los tipos que prefieren
usar en sus proyectos. Es por ello que el equipo
de investigacin de Paredro resolvi este
cuestionamiento y encontr que una gran mayora
prefiere las tipografas de palo seco o sans serif,
como a continuacin se muestra.
1. Helvtica
2. Futura
3. Gotham
4. Gill Sans
5. Garamond.

MANUAL DE TIPOGRAFA DIGITAL

RECURSOS DIGITALES Y APPS

Una de las ventajas de la era digital es que

existen cientos de recursos y tutoriales para
las personas que quieren aprender y para las
que gustan mantenerse al da en el tema de las
fuentes.
Por lo que a continuacin, para que no te quedes
fuera y conozcas lo ms reciente en diseo de
tipografas y te inspires, te presentamos cinco
recursos claves para tipgrafos y para quienes
gusten iniciarse en este campo especializado del
diseo:

FLOWTYPE.JS

FlowType.JS hace que todo sea ms fcil cuando

se trata de cambiar el tamao de la fuente y
las lneas de altura de un texto basndose en el
ancho de un elemento.

GOOD TYPOGRAPHY

Este blog es bastante explicativo y descriptivo

sobre el proceso de una fuente y de inspiracin.
Creado por el costarricense Ricardo, Good
Typography se concentra en el bienestar de la
buena tipografa.

GLOSARIO DE TERMINOLOGA

Este es un glosario de trminos relacionados a

la tipografas, el cual est ilustrado, por lo que
aprender o consultar tecnicismos es ms fcil con
esta herramienta.

THE WEB FONT COMBINATOR

Esta herramienta se construy para permitir la

vista previa de combinaciones de fuentes de una
manera rpida y elegir las dos fuentes ideales
para cada proyecto de diseo.

WE LOVE TYPOGRAPHY

We Love Typography es una de las mejores

pginas web para los amantes de la tipografa,
pues en ella se encuentran muestras de
tipografas, descargas y material para inspirarse.

WORDMARK

Wordmark.it te ayuda a elegir mejores fuentes

para su equipo de trabajo y para cada proyecto
por individual de una manera inmediata mediante
la previsualizacin de una palabra de su eleccin.

MANUAL DE TIPOGRAFA DIGITAL

En cuanto a aplicaciones para telfono y jams
soltar la pasin por la tipografa estn las
siguientes:

1. FONTEST

Es una herramienta de tipografa para dispositivos

Android que te ayuda a obtener una vista previa
de las fuentes favoritas. Incluye 6 fuentes libres.

2. WHAT THE FONT?

Esta app es una must de todo diseador grfico y

amantes de las fuentes. Funciona con solo tomar
una foto a una tipografa y luego esperar que la
identifique. Es gratuita en la tienda de Apple.

3. FONT NERD

La aplicacin, que tiene el visto bueno de MyFonts.

com, desafa a los amantes de las tipografas a
descubrir cuanto saben de ellas.