You are on page 1of 65

Tipografa

Shelline Rosas Roch


Bitcora
Diciembre 2011
Maestra en Diseo de la
Informacin

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.

Una vez moldeados, los caracteres del mismo cuerpo se


distribuan en sendas cajas: una para las maysculas (caja
alta) y otra para las minsculas (caja baja). De ah el trmino
de caja alta y baja para designarlas

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.

La fotocomposicin consista en entregar un manuscrito

Tipografa

Fotocomposicin

al transquibista con todas las especificaciones de diseo


como mrgenes, columnas, sangras etc.
Tena un disco la maquina, como de tipo acetato, en donde
la letra era transparente y pasaba un rayo de luz que se
proyectaba sobre papel fotogrfico o pelcula.
As se obtena una tira larga de texto llamada galera.
En un machote de cartn se trazaban las guas y tenas que
ir cortando y pegando el texto para armar todo el escrito.

Composicin en seco/ transferibles


Eran letras tipo acetato que le tallabas y pegabas la estampita de la letra. Se usaba mas en ttulos. Tambin se
podan encontrar de colores y con texturas. Las marcas mas
conocidas eran Letraset o Mecanorma.

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.

Caractersticas de las fuentes


Las caractersticas de las fuentes varan segn el estilo. Cada
una puede tener un rengln tipogrfico aunque sean del
mismo tamao.
El signo tipogrfico comunica tambin tanto como lo ves
a como lo que lees. No necesariamente es una letra ya que
hay signos y cosas que no son letras pero que siguen siendo
un signo tipogrfico.

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

con puntos y picas, mientras que el formato se mide en


centmetros.

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

Manuscrita- ej. gticas e inglesas

Tipografa

Decorativa/pictrica- ej.capitales

13

Romana- ej.humanistas, antiguas o modernas


Siglo XX- ej.egipcias, sans serif
Otras- todo lo que sobra ej.semi sans, sami serif

Clasificacin por estilo


1. Serif/ con patines
Humanistas o old style
Romanas del siglo 14 y 15
Ej.Garamond
Transicionales
Letras inglesas, con gota redonda y patn mas recto
Ej. Baskerville o Times
Modernas
Muy contrastado el trazo delgado y grueso, filiformes, patn
fino
Ej. Bodoni

2. Sin patines/sans serif


Humanistas
Ojo muy pequeo, variaciones caligrficas en lneas por
peso
Ej. Gill sans, optima
Transicionales
Completamente sin patn, slida y pareja.
Ej. Helvetica
Geomtricas
Se hacen por formas geomtricas picos y crculos.
Ej. Century gothic

Clasificacin por uso


1.Texto- texto corrido, legible.
2.Display- ttulos, encabezados y cosas mas grandes.
3. Pantalla- legible

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

Caractersticas formales del


signo tipogrfico
Estilo
Caractersticas estilsticas, si tiene patn o no.
Caja
Altas, bajas y versalitas
Tamao
Puntaje de cada texto
Inclinacin
Itlicas, redondas o falsas itlicas.

Italicas

Peso
Ultra Light, Light, regular, roman, bold, Black

Bold

Ancho
Condensadas o extendidas

Condensada

Las fuentes buenas tienen muchas variables visuales para


evitar que se haga mal uso de ellas o se forc, por ejemplo

cuando pones una fuente en bold o itlica se hace una


fuente falsa si no tiene estas variables su familias.

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

Legibilidad se refiere a entender que es, que sea claro,


mientras que leibilidad es la capacidad de entender el contenido, a partir del signo.

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

Tambin era muy comn que los libros se quedaran sin


rubricar, as que los lectores se acostumbraron a ver un
espacio en blanco en el comienzo de cada prrafo. Pronto
se descubri la conveniencia de sangrar as los primeros
renglones, y as se convirti en regla.

Prrafo ordinario

Prrafo moderno

Abriendo con sangra el primer rengln y dejando corto el


ltimo, tirado a la izquierda. Esto produce rectngulos de
texto bien perfilados y de un color ms o menos homogneo.

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

Los prrafos modernos pueden separarse intercalando un


rengln vaco. El prrafo separado funciona bien en pginas
formadas a dos o ms columnas, sobre todo cuando hay
grandes espacios en blanco.

Se corre el riesgo de entorpecer la lectura


Las lneas blancas que separan los prrafos forman
calles

Prrafo separado

Tipografa

Hay que tener cuidado en algunos casos ya que puede


resultar peligroso este arreglo:

21

Los prrafos separados con un rengln lucen mejor




Prrafo francs



Prrafo epigrfico

cuando los tipos son finos, las interlneas estn abiertas


ligeramente y existen generosos espacios vacos.
Aumenta mucho la incidencia de viudas y hurfanos.
Cuando una hoja se va a imprimir con texto por ambos
lados, conviene que las lneas del recto casen perfectamente con las del dorso, sobre todo si el papel es un
poco traslcido.
Si la separacin entre prrafos no se hace con lneas
enteras, los renglones vecinos se ven desalineados.
Es incorrecto sangrar los prrafos si estn separados con
lneas en blanco.

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 epigrfico/ centrado


Cuando se centran en la columna todos los renglones,
separando con espacios fijos. Quedan entonces, a la derecha y a la izquierda de cada rengln, espacios de longitudes
iguales. El movimiento del ojo se ve perturbado debido a
los comienzos indeterminados de las lneas. No sirve para
composicin de textos.

Prrafo quebrado o en bandera

Prrafo en bandera

Es la forma ms natural de composicin, por ser la ms


parecida a la escritura manual. Se arrancan los renglones en
el margen izquierdo y se da el mismo espacio entre todas
las palabras.

Es una mejor expresin de la verdadera austeridad. Al ser


constantes todos los espacios entre las palabras, se logra un

Tipografa

La composicin quebrada es tan eficaz como la ordinaria. El


pblico est bien familiarizado con su forma debido a tres
factores: la escritura manual, la influencia de la maquina de
escribir y la popularidad que el prrafo quebrado ha tenido.

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:

La repeticin de palabras, slabas o signos en los extre




mos de lneas consecutivas.


La aparicin accidental, en el corte del texto, de figuras
que llamen la atencin.
Las lneas finales demasiado cortas.
La coincidencia de dos o ms renglones del mismo
largo.
El aislamiento de palabras cortas al final de las lneas
largas.

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

Las sangras largas, porque afean la composicin.


Las lneas cortas iguales o menores a la sangra, llamadas lneas ladronas, porque dejan una calle desagradable entre los prrafos.
Las lneas cortas a las que les faltan una sangra o
menos para quedar llenas.

Hurfana

Viudas y hurfanos

Lnea viuda- es el rengln corto que queda al principio de


una columna. Se dice que tiene pasado pero no futuro.

Viuda tcnica

Tipografa

Otros dos rompecabezas comunes en la composicin son


las viudas y los hurfanos. Se trata de lneas no llenas que
quedan aisladas en la pgina.

25

Viuda tcnica- se da cuando hay sangra y el ltimo


rengln no es mas largo que la sangra del prrafo que
sigue. Tiene que pasar por lo menos 2 letras.
Lnea hurfana- es la primera lnea de un prrafo que
queda al final de la columna. Se dice que tiene futuro pero
no tiene pasado.

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.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent


sollicitudin commodo tellus, a
tempor mi aliquam id. Ut quis
sapien nec lacus consequat dictum. Quisque nisl purus, tempus
vel vehicula in, bibendum quis
quam. Suspendisse potenti. In
viverra magna eu nibh pulvinar
Lneas abiertas

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

Cuando se evita la divisin.


Al eludir un exceso de guiones consecutivos.
Cuando la columna es demasiado angosta.

27

Espaciamiento entre letras


Espaciamiento
Espaciamiento
Espaciamiento
Espaciamiento

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.

Espaciamiento entre letras no


permitido en minsculas

fi fl
ffi ffl

Donde se admite aumentar la separacin entre las letras


minsculas es en rtulos y titulares. En este asunto no es
tan importante el cuidado extremo de la legibilidad.
Con las maysculas y las versalitas sucede lo contrario. Estas
deben separarse deliberadamente para aumentar la legibilidad.

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.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent


sollicitudin commodo tellus, a
tempor mi aliquam id.
Interlineado 12 pts

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.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent


sollicitudin commodo tellus, a
tempor mi aliquam id.
Interlineado 17 pts

La otra forma extrema es la ausencia de interlineado: El


texto aparece harto oscuro, las lneas pierden pticamente
en claridad y reposo. El interlineado en los libros debe ser
lo ms amplio posible, en tanto los renglones no se vean
como unidades individuales. El texto debe ofrecer un gris
homogneo, sin que se vean espacios en blanco o cosas sin
que se vea disparejo.

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

El espaciamiento entre renglones y el espaciamiento entre


palabras est estrechamente vinculados.
Espaciamiento entre palabras- por regla general, si se
aumentan las separaciones entre palabra, debe aumentar
tambin la interlnea.
El compositor debe evitar la aparicin de calles, escaleras
o corrales. Cuando la interlnea es demasiado estrecha,
las calles aparecen con mayor nitidez, rasgando el oscuro
bloque de texto.
Anchura de la columna- mientras ms ancha sea la columna, mayor debe ser el interlineado.
Tipo de letra- las letras antiguas (humanistas, garaldas y
reales) se leen mejor con interlneas ordinarias. En cambio,
las didonas demandan amplitud tanto en el sentido vertical
como en el horizontal.
Forma y mrgenes- una composicin muy interlineada

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.

Mrgenes clsicos- El deber ser


1. La diagonal de la mancha coincide con la diagonal de la
hoja siempre.
2. La altura de la caja es igual al ancho de la pgina.
3. El margen exterior es 2 veces el margen interior y el inferior es 2 veces el margen superior.

2b

c
a

Tipografa

2c

31

Escala universal

Consiste en dividir tanto la horizontal como la vertical en el


mismo nmero de guas. Tienen que ser mltiplos de 3 y a
partir de eso aplicar las reglas de los mrgenes clsicos.

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

Uno de los sistemas ms fciles en dnde se le asigna un


valor a x y a partir de eso sacas los otros mrgenes. De ah
los mrgenes conservan una unidad gracias a esa medida y
se respetan las normar de los mrgenes clsicos.

33

Doble diagonal

En este mtodo se usan las dos pginas para determinar los


mrgenes.

1. Trazar la diagonal en la pgina derecha.


2. Trazar la diagonal en la doble pgina.
3. Definir punto A sobre la diagonal de la pgina derecha.
4. Tirar una lnea a la derecha hasta diagonal y ese es el
punto B, de ah tirar hacia abajo hasta topar con la diagonal
y definir ese como punto C.
5. Unir A con C.

1. El punto A y B son los cruzes de las diagonales, te da


como resultado los puntos aureos.
2. Subes punto B hasta el borde de la hoja y ese es punto C.
3. Conectas A con C y en donde cruza la lnea con la diagonal ese va a ser tu punto de partida para luego tirar hacia
la derecha y despus hacia abajo como en el mtodo de la
doble diagonal y as obtener todos los puntos.

Tipografa

Van der Graft

Utiliza tambin las diagonales sobre las dos pginas y te da


como resultado una figura tipo estrella.

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.

Despus de investigar un poco de la palabra, busque en


pginas de Internet fuentes que tuvieran estas caractersticas. Busque fuentes muy ostentosas, que tuvieran muchos
detalles, un tanto decorativas, que estuvieran muy saturadas de elementos y algunas tipo script que los trazos hacen
que se vea muy exagerado 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.

Ya que habamos buscado personajes, acomodamos en una


hoja la foto del personaje y abajo su nombre con una de
las tipografas que ya habamos seleccionado como representativas del adjetivo.
Con este ejercicio nos dimos cuenta como la tipografa
refuerza un mensaje y hace que tanto la tipografa como la
imagen nos den una descripcin del personaje.

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

A continuacin se presentan algunos ejemplos de cmo se


fue dando este juego de composicin en cada ejercicio.

41

Los textos con una interlinea muy abierta


se pueden perder en el espacio.
Los textos con una interlinea ms cerrada
hacen una mancha ms pareja, pero si est
demasiado junto se tensa el texto.

El espacio en blanco armoniza la composicin y la hace ver ms limpia.

Las lneas cortas pegadas al margn te


crean mucha tensin, es mejor en estos
casos dejar espacio entre prrafos.
Las lneas cortas seguidas pueden llegar a
parecer una lista.

Tipografa

Los textos justificados al centro deben


estr centrados al espacio grfico.

43

Se puede jugar ms con los textos alineados a un lado ya que no pierden armona.

Es importante que se vea claro en dnde


empieza cada prrafo para que la lectura
sea mejor y tenga descansos.

Tipografa

Se debe evitar que el justificado forme


figuras que no queremos, la mejor forma
de justificar es cuando se hace una figura
en forma de crculo. Empieza corto, se hace
grande y acaba corto.

45

Es importante darle libertad al texto, que


no se vea encajonado al espacio.

Pequeos cambios cmo girar los ejes


hacen la diferencia entre lo usual y algo
distinto que crea intriga por su forma.

Se debe de dominar el espacio para


poder jugar con el texto dentro de l.

Tipografa

Las variables de peso y tamao hacen


que el texto tenga cierto orden y jerarqua.

47

Una publicacin es un medio sensorial y


por medio del diseo crea un argumento.

Tipografa

Hay que arriesgar y probar para encontrar cosas nuevas.

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

Diseada en 1990 por Erik Spiekermann como tipografa


ideal para una comunicacin eficiente en los impresos de
oficinas y empresas, pronto se hizo muy popular en muchas
ms reas.

51

En un principio contaba nicamente con


dos pesos, suficientes para su uso en oficinas, aunque segn fue abarcando ms reas
como publicidad o revistas, fue necesario
hacer ms pesos entre los originales Book y
Bold. Para crear estos nuevos pesos adems
de otras variantes como capitulares, Spiekermann cont con la colaboracin de Ole
Schaefer, director tipogrfico y diseador en
MetaDesign.
La Officina Sans es tremendamente legible debido a su cuidado espaciado, la gran
altura de la x y sus formas optimizadas
para que se puedan imprimir perfectamente en sistemas de baja resolucin como
fax y pantallas de ordenador.

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.

En 1988 lanza FontShop, la primera fundidora digital y distribuidora independiente de fuentes.

Tipografa

En 1979 funda MetaDesign, la firma de diseo ms grande


de Alemania, con oficinas en Berln, Londres y San Francisco.

53

Es profesor honorario de la Academia de Artes de Bremen


(Academy of Arts in Bremen), vice-presidente del consejo
alemn de diseo (German Design Council), presidente
de la Sociedad Internacional de Diseadores Tipogrficos
(International Society of Typographic Designers) y miembro
del directorio de ATypI. Fue presidente del Instituto Internacional de Diseo de informacin (International Institute
of Information Design).
En julio del 2000, se retira de la administracin de MetaDesign Berlin. Vive y trabaja en Berln, Londres y San Francisco,
diseando publicaciones (como la revista The Economist),
sistemas complejos de diseo (como el diseo corporativo
de Bosch y DB, German Railways) y ms tipografas. Su nueva firma de diseo se llama UDN United Designers Network.

Entrevista

Vale, de acuerdo, dijo la ITC, pon manos a la obra. Mi


idea era tomar como modelos los tipos caractersticos de
mquina de escribir Letter Gothic y Courier, para a partir
de ellos crear algo nuevo.
La Letter Gothic me aportaba la versin condensada y
sans-serif, la Courier los gruesos de la Antiqua.
Entonces yo me dedicaba a elaborar la sans, mi amigo
Gerard Unger se ofreci dar la base para una serif.
En los primeros bocetos para la ITC Correspondence coqueteaba por un lado con la Gothic, por el otro lado con la
Courier (posteriormente llamado FF-Meta).
Gerard Unger aporta la palabra de prueba serif Hamburge-

Estaba harto de las


letras bonitas y finas
que todos los editores
lanzaron al mercado,
haca falta una letra
moderna, para correspondencia, apta para
impresoras laser.

Tipografa

Dos motivos me animaron en el ao 1988 a proponerle a


la empresa Typeface internacional (ITC) crear una nueva
tipografa: primero estaba harto de las letras bonitas y finas
que todos los editores lanzaron al mercado, y segundo
haca falta una letra moderna, para correspondencia, apta
para impresoras laser.

55

fonts, pero poco despus un importante proyecto lo aparta


de nuestro trabajo. Y de pronto estamos en primavera de
1989.
Mi solucin y ayuda estaba en Just van Rossum, que empieza en mayo de prcticas en MetaDesign. l se encarga de
coger mis tipos sans y convertirlos en una tipografa clara y
flexible y as se cre una fina familia de tipos. Como Gerard
todava estaba ocupado con su proyecto , Just y yo intenamos de construir un tipo slab-serif, y nos sali de maravilla.
Al finales del ao 1989 mandamos las fonts a URW y ellos
aaden las esquinas redondeadas. Cuando en verano del
ao 1990 nos llegan los bocetos de control de ITC de Nueva
York, me cabreo muchsimo.
Cambiaron mis cifras mediales por cifras de tablas, las que
URW dibujaba anteriormente. Adems sospechaba que
alguien haba aligerado nuestros puntos fuertes.

57

Tipografa

59

Tipografa

Su estilo est inspirado en los tipos de una


mquina de escribir
tradicional, modificada para adaptarse a
los modernos avances
tecnolgicos.

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

You might also like