Está en la página 1de 118

DISEO

GRFICO

TIPOGRAFA
TEMA 3

Bloque 1: la letra

Letas, palabras, frases


T.3

SUMARIO

1. Comprender la forma de las letras

2. Mantener la altura de x

3. Forma y contraforma

4. Contraste

5. Reforzar el significado

6. Crear oraciones, encontrar el


sentido

7. Texto y color

8. El espaol no es chino
1

Comprender la forma
de las letras
T.3
T.3

Baskerville Univers
T.3

Ambos casos demuestran el meticuloso cuidado con que un


diseador de tipos crea letras que sean tanto internamente
armnicas como individualmente expresivas.
T.3
T.3

Helvetica Univers
T.3

La complejidad formal de cada letra queda demostrada al examinar


la "a" en caja baja de dos tipos de palo seco aparentemente
parecidos.

Modo en el que las astas terminan


Forma en la que los bucles se unen a las astas
T.3
2

Mantener la altura de x
razones
T.3

raz Lnea media

one
Lnea base
3

Forma y contraforma
T.3

Tan importante como reconocer


letras especficas es desarrollar
una sensibilidad en la
observacin de la contraforma (o
contrapunzn), que es el espacio
blanco descrito -y a menudo
contenido- por los trazos de la
forma.
T.3

Cuando las letras se unen para


formar palabras, la contraforma
incluye los espacios entre
ellas. Esto resulta un concepto
especialmente importante cuando
se trabaja con letras como la
"r" minscula, que no tienen
contraforma en s mismas.
T.3

Cuando componemos un texto,


nuestro grado de destreza
al manejar las contraformas
determinar la armona con que
las palabras forman un conjunto;
en otras palabras, la facilidad con
que podremos leer el texto que se
ha compuesto.
T.3

Una de las mejores maneras


de comprender la forma y la
contraforma de una letra consiste
en examinarlas con mucho
detalle.

Helvtica black
T.3

Esto nos permite:


Valorar la meticulosidad
que requiere cada una de
las curvas compuestas
Desarrollar una buena
sensibilidad para saber
cmo se logra el equilibrio
entre forma y contenido
Una sensacin palpable de
las caractersticas nicas
de la letra.
Una pista sobre el proceso
de creacin de letras.
T.3
T.3

Baskerville
T.3
T.3

Linotype Didot
T.3
T.3

Clarendon
T.3

Norman Ives, Letterforms


T.3

Norman Ives
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
4

Contraste
T.3

Los principios bsicos del


diseo grfico se pueden
aplicar directamente a la
tipografa.

Fina / Negrita Estrecha / Ancha

Orgnica / Mecnica Redonda / Cursiva


T.3

Combinando estos sencillos


contrastes se obtienen
numerosas variaciones:

Pequeo + Orgnico /
Grande + Mecnico

Pocos + Pesados / Muchos


+ Ligeros
Fina / Negrita Estrecha / Ancha

Al aadir color se
incrementan las
posibilidades (p.e. negro /
rojo)

Orgnica / Mecnica Redonda / Cursiva


T.3

Pequea / Grande Positivo / Negativo

Con remates / Palo seco Ornamentada / Sencilla


T.3

MEZCLAR TIPOS (Ellen Lupton)

"Combinar tipos es como hacer una ensalada. Empieza


con un nmero reducido de elementos que representen
diferentes colores, sabores y texturas. Busca contrastes
en vez de armona, diferencias marcadas en vez de
transiciones facilonas y efectistas. Otorga un papel a
cada ingrediente: los tomates, dulces; el pepino, crujiente;
y la anchoa, una sorpresa brusca y espordica. Cuando se
mezclan tipos distintos en la misma lnea, los diseadores
suelen ajustar el tamao en puntos para que las alturas
de las x queden alineadas. Cuando se dispongan en varias
lneas, lo ms sensato es crear contrastes de escala, de
peso y de estilo. Prueba a mezclar un tipo grande y fino
con otro pequeo y ms pesado para lograr un cruce de
sabores y texturas diferentes"
T.3

DELITO TIPOGRFICO! : Quin


es el responsable de esto?
Se ha empleado una versin
ligeramente apretada del tipo
original para que la segunda lnea
quepa mejor (como si no nos
furamos a dar cuenta). Y encima
utilizan otro peso distinto en la
lnea inferior.
T.3

Combinaciones de la misma familia

DELITO TIPOGRFICO
Estos tipos son de la misma
familia pero su peso es
demasiado parecido como
para que su combinacin
funcione.

Combinaciones de mltiples familias

DELITO TIPOGRFICO
Estos dos estilos
tipogrficos son demasiado
similares como para
servirse de contrapunto
T.3

Un buf tipogrfico preparado


para alegrar la vista.

the world: new york magazine,


Diseo: Chris Dixon, 2010.
Esta pgina, que alberga gran
cantidad de informacin, mezcla
cuatro familias tipogrficas de
distintos momentos histricos y
comprende desde Egyptian Bold
Condensed, de los inicios de la
publicidad, hasta Verlag, un tipo
de palo seco contemporneo y
funcional. Estos ingredientes tan
variados se mezclan a diferentes
escalas para crear contraste y
tensin tipogrficos.
T.3
GLYPHA THIN. Diseada
por Adrian Frutiger en
1979. La lnea fina del trazo
contrapesa la gran escala de
las letras.

EGYPTIAN BOLD
CONDENSED. Una fuente MILLER EN VERSALITAS.
de Linotype basada en un Diseada por Matthew
diseo de 1820. Este tipo Carter junto a Jonathan
macizo y extravagante Hoefler y Tobias Frere-
ha sido utilizado con Jones, 1997-2000. Conocida
intermitencia en la New York como una letra romana
Magazine desde que Milton escocesa, tiene perfiles
Glaser diseara la revista afilados y una fuerte
en la dcada de 1970. Aqu, modulacin entre elementos
la frmula ultra-black, en gruesos y finos.
un tamao relativamente
pequeo, muerde con
decisin la pgina.

VERLAG. Diseada por


Jonathan Hoefler en 1996.
Encargado originalmente
por Abbot Miller para uso
exclusivo del Guggemheim
Museum de New York,
Verlag se ha convertido en
un tipo de uso extendido
y genrico. Sus formas
geomtricas son muy
asequibles y estn basadas
en las letras que cre Frank
Lloyd Wright para la fachada
del Guggemheim.
T.3
T.3
T.3
5

Reforzar el significado
T.3

Se pueden encontrar
equivalentes tipogrficos
para las palabras. Algunas
elecciones sencillas en
cuanto al tipo, el cuerpo,
el grosor y la posicin en
la pgina pueden reforzar
la representacin de los
conceptos, los objetos y las
acciones que las palabras
describen.

Akzidenz Gotesk Medium


T.3

Los ejemplos expresan


algunas cualidades de los
adjetivos que se han escrito:

"Silencioso" es pequeo y
en caja baja.
"Ruidoso" es grande y en
caja alta.
La segunda "a" de la
palabra "desaparecido", ha
desaparecido.
La primera "d" de "aadido"
est en proceso de aadirse
al resto de las letras.

Akzidenz Gotesk Medium


T.3

Todos estos ejemplos


transmiten algunas de las
cualidades de los nombres
que se han escogido.
T.3

El significado de estos verbos


se refuerza gracias a su
colocacin dentro del marco.
T.3

En la segunda fila, el
significado se potencia al
cubrir parte de la palabra.
T.3

La mera ubicacin de
la palabra "baile" en el
cuadrado sugiere la actividad
en un lugar determinado,
posiblemente un escenario.
Al separar las letras entre s
se evocan los movimientos de
un bailarn.
T.3

La repeticin de la palabra
"baile" sugiere diferentes
ritmos y, de hecho, diferentes
clases de baile.
6

Crear oraciones,
encontrar el sentido
T.3

Una forma de hacer que las


frases (o los fragmentos de
frases) sean ms expresivas
consiste en reforzar el sentido
de las palabras mediante
juegos tipogrficos.

Los ejemplos que vamos a


ver, dan muestra de varios
mtodos para reforzar
(o debilitar) la intencin
del autor, mediante la
manipulacin del tamao, el
peso y la disposicin de las
palabras.
T.3

Componer el texto,
simplemente.
Al componer un texto en un
espacio, resulta til tener en
mente la expresin "lneas
de texto". Compositivamente
se comportan en la pgina
de modo parecido a como lo
hacen las lneas en un boceto
bsico de un diseo, con dos
importantes excepciones.
T.3

1. El alfabeto latino se lee


siempre de izquierda a
derecha.

2. La calidad de la lnea viene


determinada por:
El tamao y el peso del tipo
Por su valor de gris o color
tipogrfico
Por el interlineado (espacio)
entre las lneas del texto.
T.3

Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del
hombre. Todo ciudadano puede por tanto hablar,
escribir y publicar libremente, teniendo en cuenta
que es responsable de los abusos de esta libertad en
los casos determinados por la ley.

Janson (55Roman) 14/17


T.3

Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del
hombre. Todo ciudadano puede por tanto hablar,
escribir y publicar libremente, teniendo en cuenta
que es responsable de los abusos de esta libertad en
los casos determinados por la ley.

Janson (55Roman) 14/17


T.3

Artculo 11
La libre comunicacin de los pensamientos y de las opi-
niones es uno de los ms valiosos derechos del hombre.
Todo ciudadano puede por tanto hablar, escribir y pu-
blicar libremente, teniendo en cuenta que es responsable
de los abusos de esta libertad en los casos determinados
por la ley.

Janson (55Roman) 14/17


T.3

Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del
hombre. Todo ciudadano puede por tanto hablar,
escribir y publicar libremente, teniendo en cuenta que
es responsable de los abusos de esta libertad en los
casos determinados por la ley.

Janson (55Roman) 14/17


T.3

Decidir la posicin del texto


tiene tanto que ver con dnde
NO est el texto como con
dnde est. Como diseadores,
al trabajar con texto, siempre
debemos hallar el equilibrio
entre la importancia de unas
contraformas dinmicas y
la necesidad de que el texto
se fcilmente legible. Una
composicin sumamente
interesante puede que no resulte
en absoluto asequible.
T.3

La comprensin del lector se


incrementa en relacin con su
facilidad de escanear el texto.
Dicho de otro modo, cuantas
menos distracciones visuales,
mayor ser la retencin del
contenido. Es muy til tener
en cuenta esta consideracin
a la hora de componer textos
extensos. Las composiciones ms
breves, no obstante, permiten
naturalmente mucho ms "juego"
en la presentacin.
T.3

En resumen, aunque es posible


dar nfasis al significado
mediante una disposicin
determinada y organizada del
texto, nuestra meta primordial
debe ser tener en directa
consideracin el contenido y al
lector.
T.3

Escoger el tipo adecuado


depende de diversos
factores, algunos de los
cuales pueden parecer
contradictorios:

El contenido del texto


El tono que le ha dado Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del hombre.
Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del hombre.

el autor
Todo ciudadano puede por tanto hablar, escribir y publicar Todo ciudadano puede por tanto hablar, escribir y publicar
libremente, teniendo en cuenta que es responsable de los libremente, teniendo en cuenta que es responsable de los
abusos de esta libertad en los casos determinados por la ley. abusos de esta libertad en los casos determinados por la ley.

La poca en la que se
escribi
El tipo de lector al que
va dirigido

Artculo 11 Artculo 11
La libre comunicacin de los pensamientos y de las La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del opiniones es uno de los ms valiosos derechos del
hombre. Todo ciudadano puede por tanto hablar, hombre. Todo ciudadano puede por tanto hablar,
escribir y publicar libremente, teniendo en cuenta escribir y publicar libremente, teniendo en cuenta
que es responsable de los abusos de esta libertad que es responsable de los abusos de esta libertad
en los casos determinados por la ley. en los casos determinados por la ley.
T.3

Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del hombre.
Todo ciudadano puede por tanto hablar, escribir y publicar
libremente, teniendo en cuenta que es responsable de los
abusos de esta libertad en los casos determinados por la ley.

La composicin en
una fuente de tipo
manuscrita, Kunstler
Script, evoca la
naturaleza caligrfica
del texto original que
se present a Luis XVI.
T.3

Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del hombre.
Todo ciudadano puede por tanto hablar, escribir y publicar
libremente, teniendo en cuenta que es responsable de los
abusos de esta libertad en los casos determinados por la ley.

Este tipo del siglo XVI,


Adobe Garamond,
guarada estrecha
relacin con la
impresin clsica de
Francia.
T.3

Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del
hombre. Todo ciudadano puede por tanto hablar,
escribir y publicar libremente, teniendo en cuenta
que es responsable de los abusos de esta libertad
en los casos determinados por la ley.

El diseo de este
tipo, Didot, es
contemporneo de la
primera publicacin
del texto.
T.3

Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del
hombre. Todo ciudadano puede por tanto hablar,
escribir y publicar libremente, teniendo en cuenta
que es responsable de los abusos de esta libertad
en los casos determinados por la ley.

Una fuente de palo


seco, Univers 55,
conecta directamente
con un pblico actual.
T.3

Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del hombre.
Todo ciudadano puede por tanto hablar, escribir y publicar
libremente, teniendo en cuenta que es responsable de los
abusos de esta libertad en los casos determinados por la ley.

Dos versiones
que parecen ir en
contra de cualquier
comunicacin seria.

Un tipo tan peculiar,


Mistral, que
interrumpe el acceso
directo al contenido.
T.3

Artculo 11
La libre comunicacin de los pensamientos y de las
opiniones es uno de los ms valiosos derechos del
hombre. Todo ciudadano puede por tanto hablar,
escribir y publicar libremente, teniendo en cuenta
que es responsable de los abusos de esta libertad en
Dos versiones los casos determinados por la ley.
que parecen ir en
contra de cualquier
comunicacin seria.

Un tipo "formal",
Trajan, compuesto en
caja alta, que adorna
innecesariamente el
texto.
T.3

En ambos casos, antes de que el lector pueda entrar en materia,


deber abrirse paso a travs del efecto de las propias fuentes
tipogrficas. Estos ejemplos ponen de manifiesto los problemas
propios del uso de fuentes decorativas para componer textos.

Artculo 11
Artculo 11 La libre comunicacin de los pensamientos y de las
La libre comunicacin de los pensamientos y de las opiniones es uno de los ms valiosos derechos del
opiniones es uno de los ms valiosos derechos del hombre. hombre. Todo ciudadano puede por tanto hablar,
Todo ciudadano puede por tanto hablar, escribir y publicar escribir y publicar libremente, teniendo en cuenta
libremente, teniendo en cuenta que es responsable de los que es responsable de los abusos de esta libertad en
abusos de esta libertad en los casos determinados por la ley. los casos determinados por la ley.
T.3

Examinar la sintaxis

Un modo de dar ms
expresividad a un texto breve
es recurrir a la llamada
"particin de sentido".
Las dos lneas que ocupa el
artculo se han compuesto de
manera que cada rengln de
texto contenga un elemento
diferenciado del mensaje.
T.3

Examinar la sintaxis

La irregularidad del borde


derecho de la columna, algo
que habitualmente conviene
evitar en textos de mayor
extensin, sirve en este caso
para proporcionar una pauta
de lectura del texto y para
establecer una interaccin
entre forma y contraforma.
T.3

Examinar la sintaxis

En este ejemplo se lleva la


idea un paso ms all al
organizar el significado del
texto tanto en sentido vertical
como horizontal. Este modo
de presentar visualmente la
sintaxis genera unas ricas y
complejas contraformas en la
pgina.
T.3

Examinar la sintaxis

El texto compuesto de este


modo se llama "asimtrico",
ya que no se cie a los tpicos
mtodos de composicin
tipogrfica. En la prctica,
las lneas asimtricas
de texto se parten tanto
con fines estticos como
en concordancia con el
significado del texto.
T.3

Hallar el mensaje bsico

Destacar las palabras


centrales del texto, ya sea
cambiando su peso o su
tamao, da al lector las claves
de la esencia del texto y las
separa de su composicin
gramatical natural.
T.3

Hallar el mensaje bsico

No se ha cambiado de
redonda a cursiva. Las
cursivas, pese a que se han
utilizado mucho para destacar
determinadas palabras,
frases o ttulos en los textos,
no implican la suficiente
diferenciacin visual que
requiere este ejercicio.
T.3

Hallar el mensaje bsico

Se ha emparejado un tipo de
palo seco en negrita (Univers
75) con otro en redonda
(Didot).
T.3

Hallar el mensaje bsico

El cambio de escala sirve


para destacar frases clave del
texto.
T.3

Combinar escala y estructura

En el ejemplo se combinan
las dos estrategias que
hemos visto anteriormente.
Tanto la organizacin del texto
como su escalado sirven para
reforzar el significado.
T.3

Combinar escala y estructura

Como puede verse en este


ejemplo, y como hemos
podido ver innumerables
veces en la realidad, la escala,
el peso y la organizacin
pueden utilizarse para
subvertir el significado
original de un texto.
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3
T.3