La tipografa

Qu vamos a aprender?
La finalidad de la tipografa
Normas de composicin
Antecedentes del alfabeto
Evolucin de los tipos

La Tipografa
Definicin de tipografa
Arte de disponer correctamente el
material de imprimir, de acuerdo con un
propsito especfico: el de colocar las
letras, repartir el espacio y organizar los
tipos con vistas a prestar al lector la
mxima ayuda para la comprensin del
texto.

Stanley Morison,
Principios fundamentales de la tipografa
(1929)
La Tipografa
La Tipografa
La Tipografa
 Normas de composicin
La tipografa como arte de composicin se
atiene a reglas que hay que entender y estas
estn basadas en:
Conocer las tradiciones y caractersticas de

La Tipografa
cada poca y,
Experimentar procurando siempre el
equilibrio entre:
1.Legibilidad,
2.Belleza, y
3.Singularidad

El adecuado conocimiento del pasado,

combinado con la observacin del presente,
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn nos permite la construccin del futuro.
 Evolucin

Alfabeto y sus antecedentes

La Tipografa
Hasta siglo I a.C.

Roma, s. I d.C.

Letra gtica, s. X

La imprenta, 1.450
(Gutenberg)
Tipgrafos del s. XVI al s. XX

Diseador de tipos

Cuso de Comunicacin Grafica

Profesor: Javier Alarcn
Alfabeto y antecedentes
Etapas previas al lenguaje escrito:
1. Pictograma: simbolo representativo

2. Ideograma: Imgenes e ideas para

construir un contenido

La Tipografa
3. Fonograma: Uso de signos formales
y abstractos que corresponden a
sonidos:
Signos que corresponden a palabras,

Signos que corresponden a slabas.

Pictograma de Kish, 3.500 a.C.

La Tipografa
 Tablilla de Ur
Ideograma desarrollado por los Sumerios, 2.000 a.C.

La Tipografa
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
 Alfabeto fenicio de 24 smbolos consonantes.
Egipto, 1.500 a.C.

La Tipografa
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
 Alfabeto griego. 850 - 400 a.C.

La Tipografa
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
 Alfabeto romano, siglo I
idntico al actual (a excepcin de la J, W, V):
Se extiende por toda Europa conquistada.
Letras troqueladas en bronce para incrustarlas en piedra.

La Tipografa
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
 Columna Trajana, 114 d.C.
Los caracteres muestran un pequeo pie para establecer una
base imaginaria de lnea

La Tipografa
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
 Estilos tipogrficos fundamentales
(trazados a pincel o caa en anuncios callejeros)

QUADRATA
(mayscula romana)

La Tipografa
RSTICA
(ejecucin rpida)

CURSIVA
(variedad de inclinacin
de las maysculas)

Cuso de Comunicacin Grafica

Profesor: Javier Alarcn
 Pergamino y vitela, siglo IV
Nuevos soportes dan lugar a nuevas herramientas:
la pluma de ave > flexibilidad y rapidez de trazado

Letra UNCIAL: precursora de las minsculas

Cuso de Comunicacin Grafica

Profesor: Javier Alarcn
La Tipografa
 Siglo X
Extensin del papel Mdulo 3. Maquetacin
/ demanda de
textos
administrativos,
legales, educativos
y cientficos >
monasterio de St.
Gall, Suiza se
experimenta con
un tipo de letra
angulosa y
comprimida:

Letra gtica: ms
rpida de escribir
y aprovechaba
mejor el papel La Tipografa
 La imprenta de Gutenberg, 1450
Utiliza los caracteres mviles.
Funde tipos de metal (plomo, estao y otros)
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn

En 1456, primer libro: la Biblia de 42 lneas,

En 1609 en Estrasburgo la 1 revista semanal,
En 1622, en Alemania el primer peridico.
La Tipografa
 Imprenta > Ruina de copistas y calgrafos
pero algunos enfocaron su actividad al desarrollo de
manuales y libros educativos de escritura correcta y
distintas caligrafas
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn

Francesco Griffo, 1495

Bembo
pensada para libros

Claude Garamond, 1545

Garamond
basada en trazo de la pluma
de ave
 Mdulo 3. Maquetacin
Cuso de Comunicacin Grafica

William Caslon, 1720 Stanley Morrison, 1932

Profesor: Javier Alarcn

Caslon Times
Estilo genuinamente ingls Encargada por el peridico Times de
Londres para encontrar un tipo verstil y
legible en cualquier tamao

Max Meidenger, 1957 Optima

Letra singular con pies abocinados; muy
Helvetica
legible en cuerpos pequeos
Muy legible en titulares, sealizacin y
publicaciones tcnicas
Estilo de la Tipografa

Profesor: Javier Alarcn

Cuso de Comunicacin Grafica
El estilo y la apariencia del texto
Factores que influyen en legibilidad del texto:
Tipo de fuente
Tamao de la fuente
Maysculas y minsculas
Espaciamiento entre caracter, palabra y lnea
Longitud de la lnea
Justificacin
Ambiente del texto
Mrgenes
Distincin tipogrfica
 Tipo de la fuente
Las fuentes proporcionales consumen menos
espacio y son ms legibles que las de ancho
fijo.
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
 Espaciamiento
El espacio entre caracteres depende en gran
medida del tamao de la fuente.
El espacio recomendado entre palabras es el
ancho de una n.
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
 Tamao de la fuente

Cuso de Comunicacin Grafica

Profesor: Javier Alarcn
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
Cuso de Comunicacin Grafica
Profesor: Javier Alarcn
 Maysculas y minsculas

Mezclar maysculas y minsculas hace ms

legible el texto que si son slo maysculas.

El reconocimiento de palabras est

parcialmente basado en reconocimiento de
formas.
La mezcla de maysculas y minsculas
produce formas ms irregulares.
Facilita el reconocimiento.

Cuso de Comunicacin Grafica

Profesor: Javier Alarcn
 Maysculas y minsculas
DEFINIR UNA GRAN CANTIDAD DE TEXTO EN LETRAS
MAYSCULAS AFECTA SERIAMENTE LA LEGIBILIDAD
DEL TEXTO. LAS LETRAS MAYSCULAS DEBERAN
USARSE SLO PARA DAR NFASIS, PERO RECUERDE
DEFINIR EL TAMAO DE LA FUENTE UN POCO MS
PEQUEO QUE EL RESTO DEL TEXTO

Definir una gran cantidad de texto en letras maysculas afecta

seriamente la legibilidad del texto. Las letras maysculas
deberan usarse slo para dar nfasis, pero recuerde definir el
tamao de la fuente un poco ms pequeo que el resto del texto.

Cuso de Comunicacin Grafica

Profesor: Javier Alarcn
Espaciamiento entre lineas
El espacio recomendado entre lneas es de 2 puntos.
Longitud de la lnea

Profesor: Javier Alarcn

Cuso de Comunicacin Grafica
Si una lnea es muy larga, los lectores tendrn
dificultad para encontrar el comienzo de la siguiente
lnea. En este primer ejemplo hay alrededor de 90
caracteres por lnea. Para libros es recomendable dejar
alrededor de sesenta caracteres o 10 palabras por lnea.
Las columnas de los diarios tienen tpicamente 30
caracteres o cinco palabras por lnea.
Justificacin

Insercin de espacio adicional dentro de una

lnea para alinear el margen derecho.

La justificacin sin guiones divisores de

palabras retrasa la lectura, debido a brechas
entre palabras
 Justificacin

Justificacin a la izquierda: Justificacin centrada:

Interaccin Humano-computador es una Interaccin Humano-computador es una

disciplina que involucra el diseo, evaluacin disciplina que involucra el diseo, evaluacin
e implementacin de los sistemas e implementacin de los sistemas
computacionales interactivos para el uso computacionales interactivos para el uso
humano humano

Justificacin a la derecha: Justificacin a ambos lados:

Interaccin Humano-computador es una Interaccin Humano-computador es una

disciplina que involucra el diseo, evaluacin disciplina que involucra el diseo, evaluacin
e implementacin de los sistemas e implementacin de los sistemas
computacionales interactivos para el uso computacionales interactivos para el uso
humano humano

Cuso de Comunicacin Grafica

Profesor: Javier Alarcn
 Ambiente del texto
Utilice un mximo de
Cuso de Comunicacin Grafica

Dos tipos de fuente diferentes

Profesor: Javier Alarcn

Dos inclinaciones diferentes (normal y

cursiva)

Dos pesos diferentes (medio y negrita)

Cuatro tamaos (ttulo, subttulo, texto y pie

de pgina)
Mrgenes
Deje mrgenes amplios a los lados. Separacion de textos de la
pagina o de textos.
 Distincin tipogrfica
Informacin es cualquier diferencia que hace
una diferencia. (Gregory Bateson)

Use distincin tipogrfica como cursiva, negrita

o cambio de fuente si ello lleva consigo
informacin adicional.
Importancia de un elemento

Cuso de Comunicacin Grafica

Profesor: Javier Alarcn
TCNICAS DE DISEO GRFICO

Foco

El punto focal es el centro de atencin, el punto

que normalmente se ve antes. Se puede utilizar
para dirigir al usuario a la informacin deseada

Alineacin

Ayuda a conseguir equilibrio, armona, unidad y

modularidad. Una alineacin exacta y
consistente es la manera ms fcil de mejorar la
esttica
Tcnicas de diseo grfico

nfasis

Los elementos realzados se ven antes y se

perciben como ms importantes.

Para enfatizar se usan la posicin, el color y

los atributos del texto.

Si todos los elementos tienen el mismo peso,

la composicin es aburrida y difcil.