Professional Documents
Culture Documents
Tipogr
Tipografa
Tipografa
rafa
ndice
Historia de la tipografa
Mtodos de reproduccin
Caractersticas de las fuentes
Anatoma de la letra
37
41
51
63
Rimbombante
Composicin tipogrfica
Officina investigacin
Bibliografa
Familias tipogrficas
Prrafos
Espaciamiento
Mrgenes
ndice
7
7
11
12
19
21
27
31
Tipografa
Notacin y organizacin
mecnica y/o digital del
lenguaje.
Registro grfico automatizado de cdigos orales y
escritos.
Historia de la tipografa
En la antigedad los copistas copiaban los textos, mientras
que los escribanos les daban dictado para que ellos fueran
escribiendo y transcribiendo. Los libros eran hechos a
mano, uno por uno, y por eso eran tan caros.
Este sistema se uso hasta que aparecieron los tipos mviles,
una manera fcil y mas econmica de reproducir textos.
Mtodos de reproduccin
El tipo es un objeto fsico, tipo bloque, que tiene relieve con
la imagen de una letra signo para impresin.
Fue inventado desde el primer momento para la repeticin.
Podan usarlo varias veces y el proceso era mas rpido.
En el tipo metlico, dos de las tres dimensiones son fijas: el
cuerpo o tamao en puntos tipogrficos, y la altura del tipo.
La tercera dimensin, la anchura del carcter, es la distancia
entre las caras laterales del tipo y puede variar de una letra
a otra.
Tipografa
Tipos mviles
Se acostumbraba llamar cuerpo al rea rectangular ocupada por el carcter y el espacio entre el carcter y el borde
del cuerpo se llama hombro lateral.
Hay ciertas combinaciones que se solapan de manera
desagradable, como por ejemplo: fi o fl. Para estos casos se
crearon las ligaduras y de esta manera de integraban las
dos y daban un aspecto visual mas agradable.
Proceso de creacin
Se usaba un punzn, un tipo sello en dnde se grababa la
letra para despus ponerlo sobre la matriz. El punzn se iba
formando con limas y cinceles. Posteriormente se pona en
la matriz que serva como molde para formar, con una cajita
de madera, la base para vaciar el metal y hacer el tipo mvil.
El tipo mvil estaba formado por plomo, estao y antimonio. Estos materiales permiten una solidificacin rpida y sin
distorciones.
Composicin en caliente
Debido a que se necesitaba algo mas rpido para que funcionara y fuera negocio, se cre el linotipo con la revolucin
industrial.
Funcionaba con vapor, se iban tecleando las letras y caan
para poder formar un rengln y fundirse. Las lneas despus
de utilizadas, se derretan y volvan a utilizar.
Composicin en fro
La composicin en fro era para uso personal o para producciones pequeas, el aparato que se usaba eran las famosas
maquinas de escribir. Constan de un conjunto de teclas que,
al ser presionadas, imprimen caracteres en un documento
Las maquinas de escribir fueron evolucionando hasta que
se hizo una elctrica y que era muy practica de usar.
Tipografa
Fotocomposicin
Composicin digital
Aparece ya con el uso de la computadora.
Bitmap font
Eran letras como pixeleadas, entonces estaban formadas
por cuadritos. Ahora se utiliza un sistema en donde se difumina el tono de los contornos Anti-alised.
vrgula
Hamburguerfontsiv
arco/ hombro
arco
gota
terminal
espuela
terminal
pico
anillo
espina
vrtice
fuste diagonal
X ER
vrgulilla
brazo
pierna
Tipografa
barra
fuste
terminal
gota
11
Rengln tipogrfico
Altas- maysculas
Bajas- minsculas
Verslitas- bajas con forma de altas
Elsevirianos- nmeros minsculos
Hamburg
Ascendentes
Altura x
Lnea base
Descendentes
Anatoma de la letra
La tipografa se mide del punto mas alto al punto mas bajo.
Cuerpo- es lo que mide.
Sistema duodecimal
Unidad dividida en 12 partes iguales.
12pts= 1 pica
La profundidad y el ancho de las columnas se mide
Clasificaciones tipogrficas
Ordena el amplio espectro de tipos en el que intenta identificar los rasgos tpicos de una modalidad de escritura, para
poderlos despus agrupar y distribuir segn estas caractersticas.
De esta manera se puede dar sentido a los miles de diferentes tipos de letras disponibles.
Podemos encontrar las siguiente clasificaciones:
Cronolgica- histricamente o por movimiento artsticos
Estilo- forma visual
Uso- contenido
Clasificacin cronolgica
Tipografa
Decorativa/pictrica- ej.capitales
13
k
Tipografa
Egipcias
Tienen un patn muy grueso
Ej. Clarendon
15
Didonas
Egipcias
Garaldas
Geomtrica
Incisas
Tipografa
Humanas
17
Con patn
Sin patn
ALTAS
bajas
Italicas
Peso
Ultra Light, Light, regular, roman, bold, Black
Bold
Ancho
Condensadas o extendidas
Condensada
Familia tipogrfica
El conjunto de las fuentes con todas sus variables visuales.
Serie de fuentes con las mismas caractersticas formales
bsicas pero diferentes variables visuales.
Fuente
Conjunto de signos tipogrficos que comparten las mismas
caractersticas formales.
Legibilidad y leibilidad
Tipografa
19
Prrafos
Para indicar el comienzo de un prrafo, cuando los textos se
escriban a rengln seguido, se empleaba un caldern.
Durante la edad media se inici la prctica de comenzar
cada prrafo en lnea aparte. Segn la capacidad econmica
del cliente, el artesano cubra con ornamentos los espacios
blancos del volumen: desbordaban los mrgenes con fantasas que partan de las iniciales de captulo y de muchas
otras maysculas importantes.
Prrafo ordinario
Prrafo ordinario
Prrafo moderno
Prrafo moderno
ancho
medianil
Prrafos separados
profundidad
Algunos diseadores se declararon enemigos de los ornamentos. Para el lector es muy importante identificar la
separacin entre prrafos ya que de ello depende el que
pueda interpretar cabalmente el mensaje escrito. En este
tipo de prrafos no se deja sangra, se deca que con que la
ltima lnea del prrafo fuera corta de creaba este espacio
necesario para entender el fin del prrafo. Era una forma de
ahorrar espacio y as aprovechar el papel.
mancha tipogrfica
Prrafo separado
Tipografa
21
Prrafo epigrfico
Prrafo francs
Se construye sangrando todos los renglones, con excepcin
del primero. Es una forma muy til para componer listados.
El prrafo francs tambin se recomienda para los cuadros
sinpticos.
Prrafo en bandera
Tipografa
23
control casi absoluto de la tonalidad del texto, con excepcin de las variaciones que deben atribuirse a los finales
disparejos de los renglones.Es muy til cuando las columnas son angostas, elimina dificultades de espaciamiento. No
debe haber sangras.
Se usa tambin pero con una frecuencia menor, que el margen de alineacin sea el derecho. En estos casos el principio
de prrafo no aparece en el lugar esperado y el ojo debe
hacer un trabajo adicional para encontrarlo. Es menos legible y se debe utilizar en pequeas piezas.
Deben evitarse los siguientes defectos:
Consideraciones especiales
La medida de la sangra debe estar relacionada tanto con el
cuerpo como con la longitud del rengln. La sangra no es
una solucin esttica.
Hay tres pecados que se deben evitar en los textos destinados a la lectura cuidados:
Viuda
Hurfana
Viudas y hurfanos
Viuda tcnica
Tipografa
25
Espaciamiento
En prrafos no justificados
Los ajustes de espacio son necesarios solo cuando el texto
debe llegar de margen a margen o cubrir un largo determinado. No hay como el ojo entrenado del propio diseador
para establecer el espaciamiento ms grato.
Bloque o bandera?
La composicin en bandera produce franjas de color
mucho ms neutras y homogneas que la composicin en
bloque, ya que se hace manteniendo espacios iguales entre
las palabras.
La composicin en bloque produce rectngulos bien delineados, pero a costa de admitir ligeros cambios de tono
entre rengln y rengln. Los bloques justificados son ms
econmicos pues admiten un mayor nmero de caracteres
por lnea.
La composicin en bandera se ve mejor si la columna de
texto va rodeada de blancos abundantes y, de manera
especial, si va acompaada de ilustraciones.
Lneas abiertas
Aparecen cuando, al justificar un rengln, se insertan espacios ms grandes que el mximo recomendable, quedando
las palabras excesivamente separadas entre s.
Las lneas abiertas aparecen ms frecuentemente:
Tipografa
27
Al espaciado entre las letras se le llama prosa. Las minsculas deben llevar el espaciado normal que les corresponde
segn su diseador, ya que las alteraciones en la prosa no
solo reducen considerablemente la legibilidad, sino que salpican de manchas blancas lo que debera ser una superficie
perfectamente homognea.
fi fl
ffi ffl
Acoplamiento/kerning
Se utilizaba para designar a parte del ojo que, sobresaliendo de un lingote, se sobrepona en otro. Ciertas letras
deban fundirse con estos rebases. Kerning significaba
acercar o alejar dos letras que por sus fisonomas parecen
excesivamente distantes o cercanas, respectivamente.
Las letras bien diseadas contienen tablas de espaciamiento muy completas, las cuales incluyen hasta ms de trescientos pares cuidadosamente acoplados.
Interlineado
Un interlineado demasiado grande o demasiado pequeo
afectar negativamente la imagen ptica de la tipografa,
disminuir el inters por la lectura y provocar consciente o
inconscientemente la aparicin de barreras psicolgicas.
Tipografa
Si es demasiado amplia, los renglones se separan como unidades independientes y la pgina se ve rayada. La lectura se
hace difcil debido a los movimientos excesivos del ojo.
29
Mrgenes
Es muy importante para una publicacin que los mrgenes
sean los adecuados y estn proporcionados al formato.
Cuando tenemos unos mrgenes de buen tamao la composicin automticamente toda forma y orden.
2b
c
a
Tipografa
2c
31
Escala universal
interior- 1 cuadro
superior- 1 cuadro
exterior- 2 cuadros
inferior- 2 cuadros
4x
2x
6x
x= 1.5 cm
interior= 2x= 3 cm
superior= 3x= 4.5 cm
exterior= 4x= 6 cm
inferior= 6x= 9 cm
Tipografa
3x
Sistema 2,3, 4 y 6
33
Doble diagonal
Tipografa
35
Rimbombante
Las fuentes como medio
para transmitir un mensaje
en especfico, dar vida y
llenar de emocin al texto.
Ejercicio tipogrfico
Hicimos una lista en el pizarrn de adjetivos que nos parecieran interesantes. A partir de estos, escogimos uno cada
quien para trabajar con el. El objetivo era buscar 80 fuentes
que nos representaran ese adjetivo. Y escog rimbombante.
Rimbombante es algo grandilocuente, hueco, altisonante,
campanudo, ostentoso, florido, llamativo. Que llama la atencin demasiado.
Sinnimos: llamativo, aparatoso, costoso, exagerado, fastuoso, ostentoso y florido.
Tipografa
Antnimos: sencillo, llano, comn, callado, humilde, silencioso, natural, discreto y moderado.
37
Con este ejercicio me pude dar cuenta cmo las caractersticas de las fuentes puede reforzar el adjetivo y no slo eso si
no que dan vida a la palabra por que muchas realmente se
hicieron rimbombantes.
En el caso de los trabajos de los otros compaeros unos
tuvieron mas problemas que otros para encontrar fuentes
que representara bien al adjetivo. Es muy interesante como
ya todas las palabras pegadas en la pared y juntas se ven
muy distintas. Por ejemplo el caso de lo viscoso que pudimos ver como haba distintos grados de viscosidad, unos
mas que otros y algunos nos remetan a algn producto en
especfico.
Ejercicio de personajes
La segunda parte del ejercicio fue buscar personajes que
representen el adjetivo, por sus caractersticas tanto fsicas
como de personalidad. En mi caso no fue tan complicado, y
de inmediato pens en varios personajes. Es muy chistoso
cmo la mayora eran personajes mal vistos, por eso trate
de buscar tambin algunos otros que no fueran slo gracioso por su forma fea de ser rimbombante si no que tambin
su personalidad nos hablara mucho del adjetivo.
Tipografa
Algunos casos fueron muy evidentes pero otros hubo debates de si el personaje de verdad era como lo describa el
adjetivo.
39
Composicin
Hacer la diferencia
entre lo cotidiano y
algo nuevo por medio
de la experimentacin
con textos.
Ejercicio de composicin
El ejercicio de composicin consisti en ir acomodando
un texto, siempre el mismo, en distintas composiciones y
siguiendo ciertas reglas en cada ejercicio.
Empezamos con texto en una slo columna y con el mismo
interlineado, las variaciones eran alinear a la derecha a las
izquierda y al centro. Terminamos la experimentacin con
ejercicios en dnde los ejes ya se podan girar y tenamos
distintos pesos en algunos renglones.
Es un ejercicio bastante bueno en dnde, a pesar de que
sigues la misma regla, cada ejemplo va saliendo distinto
a los otros. Te vas dando cuenta cmo dependiendo del
acomodo el texto puede lucir de distintas maneras y tener
un impacto visual mejor o peor dependiendo de la composicin.
Tipografa
41
Tipografa
43
Se puede jugar ms con los textos alineados a un lado ya que no pierden armona.
Tipografa
45
Tipografa
47
Tipografa
49
Officina
1990
Erik Spiekermann
Tipografa ideal para una
comunicacin eficiente en
los impresos de oficinas y
empresas
Officina
La ITC Officina Sans fue lanzada por primera vez en 1990,
est diseada por Erik Spiekermann, encarna los ideales
de comunicacin eficiente, tanto en sus formas serif y sans
serif. Su estilo est inspirado en los tipos de una mquina de
escribir tradicional, modificada para adaptarse a los modernos avances tecnolgicos.
Ambas formas serif sans serif estn diseados para ofrecer
una legibilidad ptima. La ITC Officina Sans es muy usada
en diseo editorial, tanto en revistas como peridicos.
La familia Officina cuenta con dos subfamilias que aumentan su flexibilidad: la Officina Sans, sin serifs y la Officina
Serif con ella. El estilo est basado en el de las tipografas de
las mquinas de escribir tradicionales pero con una apariencia mucho ms moderna y tecnolgica.
Tipografa
51
Eriik Spiekermann
Nacido el 30 de mayo de 1947. Es un tipgrafo alemn y
diseador.
Spiekermann estudi Historia del Arte en Universidad
Libre de Berln. Entre 1972 y 1979, trabaj como diseador
grfico independiente en Londres antes de retornar a Berln
y fundar MetaDesign con dos socios. Los clientes de la firma
incluyen a Adobe Systems, Apple Computer, Audi, Hewlett
Packard, IBM, y Nike, con oficinas en Berln, San Francisco, y
Zrich.
Es arquitecto de informacin, diseador de fuentes tipogrficas y autor de libros y artculos sobre tipografa. Algunos
de sus diseos tipogrficos son: FF Meta, ITC Officina, FF
Info, FF Unit, Nokia Sans, Bosch Sans et al.
Tipografa
53
Entrevista
Tipografa
55
57
Tipografa
59
Tipografa
61
Tipografa
Bibliografa
Manual de diseo editorial- Jorge de Buen
Diseado con tipografa- Rob Carter, Matt
Woolman
From Gutenberg to opentype : an illustrated
history of type from the earliest letterforms
to the latest digital fonts.
Type : : the best in digital classic text fonts /
ed. Tom Carnase, Baruch Gorkin
http://www.fotonostra.com/grafico/tipografia.htm
www.myfonts.com
Bibliografa
http://es.letrag.com/tipografia.php?id=190
63
Tipogr
Tipografa
Tipografa
rafa
65