TIPOGRAFÍA - TEMA 3: Letras, Palabras, Frases

DISEO
GRFICO
TIPOGRAFA
TEMA 3
Bloque 1: la letra
Letras, 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
los casos determinados por la ley.

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.

T.3
Artculo 11
escribir y publicar libremente, teniendo en cuenta que
es responsable de los abusos de esta libertad en los
casos determinados por la ley.

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
opiniones es uno de los ms valiosos derechos del hombre.
Artculo 11
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
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
Este tipo del siglo XVI,

Adobe Garamond,
guarada estrecha
relacin con la
impresin clsica de
Francia.
T.3
Artculo 11
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
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
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
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
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
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
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
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
Se ha emparejado un tipo de
palo seco en negrita (Univers
75) con otro en redonda
(Didot).
T.3
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
7
Texto y color
T.3
Como hemos visto en los

ejemplos anteriores, la
tipografa no deja de ofrecer
oportunidades al diseador
para que saque partido al
color en la pgina, incluso en
aquellas situaciones de "un
slo color".
T.3
Cada tipo -compuesto en

lneas regulares, agrupado
en prrafos y columnas o
simplemente colocado en
forma de palabras sueltas-
genera un tono nico en la
pgina.
T.3
Los cambios en el peso y en

la compresin o expansin de
los caracteres contribuyen a
crear una paleta de colores
tipogrficos distintos.
T.3
T.3
Esto es una lnea de texto

Adems de propiedades Color al 100 %
90 % de negro
como el tono, la saturacin

o la temperatura, cada color
presenta un valor especfico, Esto es una lnea de texto
70 % de negro
una tonalidad que describe

el peso del color en la pgina
en forma de porcentaje de Esto es una lnea de texto
50 % de negro
negro.
30 % de negro

10 % de negro

50 % de negro
T.3

Pongamos por ejemplo el Color al 100 %
90 % de negro
rojo Pantone 032. Comprese

cmo ese color acta con el
negro, el blanco y los matices Esto es una lnea de texto
70 % de negro
de gris. Podemos apreciar

que proporciona ms o
menos el mismo contraste Esto es una lnea de texto
50 % de negro
en el caso del blanco y del

negro, y que no avanza ni
retrocede al colocarlo junto a Esto es una lnea de texto
30 % de negro
una trama de negro al 50 %.

Por consiguiente, podemos
describirlo como que Esto es una lnea de texto
10 % de negro
presenta un valor de gris de

aproximadamente un 50 %.
50 % de negro
T.3

Ser capaz de apreciar o Color al 100 %
90 % de negro
comprender este valor

tonal de gris contribuye
significativamente a facilitar Esto es una lnea de texto
70 % de negro
la lectura en aquellos casos

de impresione simples a dos
tintas. Esto es una lnea de texto
50 % de negro

30 % de negro

10 % de negro

50 % de negro
T.3
Aunque la tinta impresa

sobre papel no deja de ser
un fenmeno estrictamente
bidimensional, podemos
otorgar a la pgina una
sensacin de profundidad
mediante la manipulacin
del contraste entre colores.
T.3
Un mayor contraste entre

colores sugiere una distancia
tambin mayor entre figura
y fondo. Un menor contraste
sugiere cercana.
T.3
Un uso obvio del color es

el de reforzar la jerarqua
tipogrfica. En estos
ejemplos, las "a" negras
adquieren claramente ms
importancia que las rojas o
las grises, porque presentan
mayor contraste con respecto
al fondo.
T.3
Aunque tendemos a pensar

en el color como un modo de
destacar elementos de texto
en el habitual entorno en
blanco y negro, lo cierto es
que el color -dado que reduce
el contraste con el fondo
blanco- suele mermar la
capacidad de lectura, porque
hace que el texto retroceda
hacia el fondo de la pgina, en
lugar de que avance.
T.3
El color y la escala
funcionan de manera
conjunta para reforzar
la idea central del texto
negro.
T.3
Aqu se emplea un
simple contraste
de escala, peso y
color para lograr un
efecto dramtico que
demuestre el mensaje
que transmite el texto.
8
El espaol no es chino
T.3
Una caracterstica del diseo

tipogrfico es que las letras
mismas han evolucionado
en reaccin a la caligrafa.
Uno de los rasgos fcilmente
identificables de estos signos
es que los creamos como
parte de un flujo horizontal, y
de izquierda a derecha.
T.3
Pero no todos los idiomas se

escriben de esta forma. El
hebreo y el rabe se leen de
derecha a izquierda. Los libros
en estos idiomas empiezan en
la parte que para nosotros es la
cubierta de cierre.
T.3
Las formas de los tipos

tienen todos los atributos
necesarios para reforzar el
flujo de izquierda a derecha del
lenguaje escrito: ascendentes,
descendentes, una altura de x
consistente, y unas contraformas
que, en las letras de caja baja,
suelen quedar a la derecha del
asta.
T.3
Todos estos rasgos contribuyen

a crear la impresin de que el
texto es una lnea. Y desde el
momento en que aprendemos a
leer, nuestro cerebro las asimila
como caractersticas esenciales
de los tipos legibles.
T.3
El chino no est basado en un alfabeto, como el espaol, sino que se

escribe en pictogramas, formas que expresan una palabra o una idea
completa, sin indicar necesariamente como pronunciarla.
T.3
El mero hecho de que todos los caracteres chinos se dibujen con la

misma anchura hace que la lectura sea muy simple.
T.3
En ocasiones, podemos
encontrar textos en espaol
que se hayan compuesto como
si de caracteres chinos se
tratase.
T.3
Cuando se considera que

el objetivo primordial de
la tipografa es transmitir
informacin con instrucciones
tan leves como sea
posible, y que las letras
existen como reaccin a
los gestos laterales de la
escritura, entonces queda
claro que la composicin
tipogrfica vertical es un
gesto inherentemente
antitipogrfico.
T.3
Cuando la composicin exije

tipografa vertical, debemos
ser conscientes de las
propiedades de las letras
mismas, para componer
la tipografa de acuerdo a
dichas propiedades.
T.3
Cuando lo hagamos, no
olvidemos que la lnea base
de la tipografa vertical puede
vincularse o no a los ejes
verticales que sugieren los
dems elementos tipogrficos
(mrgenes, columnas, etc)
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

TIPOGRAFÍA - TEMA 3: Letras, Palabras, Frases

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

TIPOGRAFÍA - TEMA 3: Letras, Palabras, Frases

Încărcat de

Drepturi de autor:

Formate disponibile

DISEO

Letras, palabras, frases

1. Comprender la forma de las letras

6. Crear oraciones, encontrar el

Ambos casos demuestran el meticuloso cuidado con que un

La complejidad formal de cada letra queda demostrada al examinar

Modo en el que las astas terminan

raz Lnea media

Tan importante como reconocer

Cuando las letras se unen para

Cuando componemos un texto,

Una de las mejores maneras

Esto nos permite:

Norman Ives, Letterforms

Los principios bsicos del

Fina / Negrita Estrecha / Ancha

Orgnica / Mecnica Redonda / Cursiva

Combinando estos sencillos

Pocos + Pesados / Muchos

Orgnica / Mecnica Redonda / Cursiva

Pequea / Grande Positivo / Negativo

Con remates / Palo seco Ornamentada / Sencilla

MEZCLAR TIPOS (Ellen Lupton)

"Combinar tipos es como hacer una ensalada. Empieza

DELITO TIPOGRFICO! : Quin

Combinaciones de la misma familia

Combinaciones de mltiples familias

Un buf tipogrfico preparado

the world: new york magazine,

VERLAG. Diseada por

Akzidenz Gotesk Medium

Los ejemplos expresan

Akzidenz Gotesk Medium

Todos estos ejemplos

El significado de estos verbos

Una forma de hacer que las

Los ejemplos que vamos a

1. El alfabeto latino se lee

2. La calidad de la lnea viene

Janson (55Roman) 14/17

Janson (55Roman) 14/17

Janson (55Roman) 14/17

Janson (55Roman) 14/17

Decidir la posicin del texto

La comprensin del lector se

En resumen, aunque es posible

Escoger el tipo adecuado

El contenido del texto

Este tipo del siglo XVI,

Una fuente de palo

Un tipo tan peculiar,

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

La irregularidad del borde

En este ejemplo se lleva la

El texto compuesto de este

Hallar el mensaje bsico

Destacar las palabras

Hallar el mensaje bsico

Hallar el mensaje bsico

Hallar el mensaje bsico

El cambio de escala sirve

Combinar escala y estructura

Combinar escala y estructura