Introduccin a la Tipografa

Qu es la Tipografa
El arte de reproducir la comunicacin,
mediante la palabra impresa.

La importancia de la Tipografa

Gramtica, ortografa, ortotipografa

El origen de la letra escrita

Los amanuenses

Guttenberg y los tipos mviles

La tipografa pre-ordenador

El nacimiento de la autoedicin

Alfabetos por el mundo

Conceptos tipogrficos

Aclarando conceptos
Helvetica Neue Condensed Bold
Helvetica Neue Ultra Light
Helvetica Neue Light
Helvetica Neue Medium
Helvetica Neue Bold

Negritas, cursivas, versalitas

Una familia tipogrfica tiene que ser lo

suficientemente verstil para cualquier proyecto
y tener diferentes pesos y versiones. Negritas
para destacar textos, cursivas para palabras en
otros idiomas, versalitas para diccionarios, etc.

Anatoma de un tipo

a A

ABCDEFGHIJKLMO
PQRSTUVWXYZabcd
efghijklmnopqrstuvw
xyz0123456789&+*-

fx

HOLA

Cmo se miden los tipos para papel

Picas

Cceros

Tipmetros

Cmo se miden los tipos en pantalla

pixels

puntos

ems

La importancia de la contraforma

Los tipgrafos disean

el espacio blanco de las letras

AAA

Condensadas y extendidas
Yo soy un poco estrecha
Yo estoy a mis anchas
Me han comprimido
Me han estirado

Clasificacin de las fuentes

Serifas vs Sans Serif

Garamond
Helvetica

TT

Fuentes Script

Tipografa
Tipografa
tipografa

Inglesa
stencil

Fantasa

gtica
egipcia

gestual

Te quiero

Te quiero

Tipos de fuentes

Truetype

OTF

Webfonts

etc.

Gratuitas vs de pago

La tipografa y el diseo grfico

Cundo usar cada fuente

Fuentes de texto

Fuentes para pantalla

Textos largos

Titulares

Cmo combinar tipografas

Buscar

diferencias

contrastar
pesos

nos parecemos
demasiado

Composicin y legibilidad

Kerning

tipografa
tipografa

Tracking
LOS TEXTOS EN MAYSCULA, ADMITEN MEJOR EL TRACKING
LO S TEXTOS EN MAY SC ULA , AD MITEN MEJOR EL TRACKING

Los textos en minscula, admiten peor el tracking

Los t exto s e n m inscul a, admi ten peor el tracking

Interlineado
El interlineado por defecto, en los
programas de autoedicin, suele ser
un 20% del cuerpo del texto.
10/12

Est bien para textos en

cuerpos pequeos, pero
es demasiado grande en
cuerpos mayores

10/12

Est bien para textos en

cuerpos pequeos, pero
es demasiado grande en
cuerpos mayores

40/48

Est bien para textos

en cuerpos pequeos,
pero es demasiado
grande en cuerpos
mayores

En cuerpos grandes, hay que reducir

el interlineado, incluso a valores
negativos, pero con mucho cuidado
con ascendentes y descendentes.

Ritmo de lectura

Tenemos que tener en cuenta el soporte (papel opantalla)

donde se va a leer y el tipo de usuario para con ello
definir la tipografa.

No es lo mismo una novela para personas mayores,

que textos en una red social mvil.

Los anchos de prrafo tambin son cruciales,

para que no se canse el lector o se pierda.

Composicin de prrafos
Pis aut esequatur? Qui dollore vid ea nis qui autaquam, eatio. Borrovidunt ex et volenis exerios modic testem re non porescita
se laccae eum quatem fugiatet liqui volupta Erepedit ad quiat et, aped quaeseq uuntemquam labor mincto dolectur ma custiat
alita dipsandae. Nam eaquia sit ut dolumquae. Molorest, sequam est, eosae. Sedis expliquibus que este aperiorpore nonemodia
nos nobis eos simaximilis ex evellent quam con res aliquis niminct asperfera non nem liquia verum dolo quis duntia vollaut
empore idebit la nossenda vel moles et plandusapic tem lit dolenia tatur, quae perfero corectatur? Uscia dem rehent odicil
minverchit maio. Ut evel moluptas est quis resti ommo ex endebit faciasit es exerum que sit, sandelestrum renisto vel ium aut
apidi aut odisquis alitio quam renis rem reroviti sequiae reheniam lab il eiusciis plaut ad mincita ist pores est vollum vero
occum sequi vellent.
Dolorum voloreprovit harum arcia con num cum ut as quam ad quam, ut quisi sit, tem viti utenihil mi, sandaes destotae
verum, cum aut

Tamaos de las fuentes

Soy una Garamond 16 pt

Soy una Arial 16 pt

Para texto en papel, el tamao mnimo ser de10 puntos.

Para leer en pantalla, como mnimo 16 puntos.

Dos tipografas a cuerpo 16 no son iguales en tamao.

Debemos usar un criterio en los tamaos de nuestros textos

(10, 11, 12, 14, 18, 24).

Contraste

Por contraste nos referimos tanto a la relacin de color fondo/frontal

como al contraste de la propia fuente.

Una fuente muy fina en cuerpos pequeos, es fcil que no tenga el

contraste suficiente para una buena legibilidad.

Las tipografas tambin se dividen entre las que tienen poco

contraste (Helvtica) o mucho (Bodoni).

B B

A A A A

Jerarquizacin de la informacin

Hay que disear con contenidos reales.

Estructurar la informacin es bsico:

titulares, destacados, ladillos, capitulares

La pirmide de la informacin.
tiene sentido en Internet?

Destacar lo importante, con los recursos a nuestro alcance:

negritas, filetes

Cada medio (papel/pantalla) tiene sus propias normas

(texto en azul subrayado es un link).

El espacio blanco

Una fuente con ojos grandes ser ms legible.

Tambin es importante la altura de la x.

Como las retculas de nuestras ciudades,

la de nuestros textos harn que funcione o no.

El espacio libre transmite: orden, elegancia, legibilidad.

Mrgenes en un documento

Qu NO hacer

Comillas
diseo
diseo
"diseo"

Grados y ordinales
Planta 1

50 C

Planta 1

50 C

4 piso

Estilos de men artificiales

yo soy una VERSALITA
yo soy un FALSA VERSALITA
yo soy una cursiva

a m me han tumbado

El sndrome de la mquina de escribir

Nunca usar ms de una vez la barra espaciadora o el tabulador.

Las MAYSCULAS llevan acento.

No se usan saltos de carro para separar prrafos.

Diego Rodrguez
www.arketipo.net
@arketipo

Gracias

Eskerrik asko

grcies

gracias

Danke

Thank you

ox sag olun

,-,- ./,012/

dzikuj

sulpy