Mod Tipografia
Mod Tipografia
Mod Tipografia
El Lenguaje de la
Tipografía
Variables y Composición.
Objetivos
comunicación visual gráfica 1 licenciatura en comunicación social
La TIPOGRAFÍA
Para Martin Solomon, “la tipografía La comunicación visual mediante tipos opera con
ideas o conceptos que se crean ensamblando aquello
es el arte de producir letras, números, que empieza mediante una forma abstracta (las letras
símbolos y formas con la ayuda del co- mismas) en una estructura (la palabra) que adquiere,
nocimiento de los elementos, los prin- con ello, un significado.
cipios y los atributos esenciales del di- El arte de la tipografía consiste en hacer legibles
y atractivas visualmente las palabras y los signos grá-
seño”.
ficos que las acompañan. El diseñador trabaja con
La tipografía tiene que ser, necesariamente, algo palabras que ha de transformar en última instancia,
más que un vehículo para la transmisión de conte- en imágenes gráficamente sugestivas y además ópti-
nidos. camente legibles.
El hombre occidental no sólo creó un alfabeto
para reproducir los sonidos. Los distintos escribas,
La tipografía se manifiesta en múltiples formas:
copistas, calígrafos, tipógrafos, fundidores, editores,
impresores, diseñadores, “imprimieron” su sello ca- n como logotipos
racterístico.
n en avisos publicitarios
Esta singularidad buscada en el modo de trans-
n en señales de estudios de TV,
cribir los textos ha abierto un terreno a la creación
(a medio camino entre el arte y el oficio) dentro del n en los nombres de las calles,
soporte fundamental de la cultura a lo largo de los
n en carteles
últimos cuarenta y ocho siglos.
n en membretes de cartas y titulares de revistas,
Hoy más que nunca estamos bombardeados por
un flujo incesante de palabras e imágenes. No pode- n en marcas comerciales
mos evitar que nos influyan los mensajes que trasmi-
n en la señalética
ten ni las experiencias visuales que crean. Aunque el
entorno generado por los media es denominado por n y en otras tantas formas más.
sus detractores «polución sensorial», debemos poder
distinguir lo bueno y lo malo, y ser sensibles ante un
material que quizás sepamos aprovechar. De lo que
se trata es de ir creando un banco de ideas a partir de
la mirada de nuestro alrededor.
comunicación visual gráfica 1 licenciatura en comunicación social
comunicación visual gráfica 1 licenciatura en comunicación social
aparecer y otras variables que contribuyen a diseñar pues a veces sugieren honestidad, mientras otras ve-
la estrategia. ces sugieren urgencia o apasionamiento, o incluso
insinúan la imperfección.
Cada uno de los trabajos de diseño requiere un
tratamiento exhaustivo a los efectos de garantizar la Por ejemplo no se utilizará la misma tipografía
comunicación. Antes de lanzarse a mezclar tipogra- para la marca de una prenda que para la etiqueta
fías distintas intentando dar variedad a sus composi- que lleva las instrucciones para su lavado.
ciones, el comunicador visual debe hacer uso de los
Otra herramienta básica es la comprensión de
múltiples recursos que le ofrece la variación dentro
los efectos que pueden lograrse mediante el cuerpo
de una misma familia tipográfica, tanto en lo referen-
(tamaño) del tipo elegido. Es evidente que un cuer-
te al peso específico de una letra en función de sus
po GRANDE grita, infunde autoridad, mientras
trazos, así como la carga histórica y estética que está
que uno pequeño susurra. Los cambios en el cuerpo
asociada a cada una de las familias tipográficas.
pueden ser funcionales, como por ejemplo cuando se
Quien se lo proponga, a lo largo del tiempo, utilizan para destacar títulos o para reducir la impor-
aprenderá a identificar la personalidad única de cada tancia de textos subsidiarios.
forma de letra y a lograr efectos impresionantes se-
gún el contexto de aplicación. Comprobará cuándo
debe utilizarse la escritura a mano y los garabatos,
comunicación visual gráfica 1 licenciatura en comunicación social
comunicación visual gráfica 1 licenciatura en comunicación social
comunicación visual gráfica 1 licenciatura en comunicación social
comunicación visual gráfica 1 licenciatura en comunicación social
Época: pretenden sugerir una época, una moda o de texto o columnas, mientras que las bold (negri-
una cultura, procediendo de movimientos como la ta) o heavy (extranegrita) se utilizan para resaltar o
Bauhaus o el Art Decó. Anteponen la función a lo for- destacar una parte del mismo. Se puede invertir la
mal, con trazos sencillos y equilibrados, casi siempre relación realzando una palabra en light dentro de un
uniformes. Muy utilizados en la realización de rótulos
bloque de texto pesado.
de señalización de edificios y anuncios exteriores de
tiendas. El peso se visualiza mejor comparando sus varia-
5. Incisas ciones dentro de una misma familia tipográfica.
Entre los tipos con y sin serif existe una clasifica- No se debe confundir el peso de una tipografía
ción intermedia, las denominadas incisas, que mues- con su tamaño. Éste se determina con la variable
tran un remate apenas pronunciado y otorgan ele- cuerpo.
gancia al bloque de texto.
comunicación visual gráfica 1 licenciatura en comunicación social
Por su caja: pen más o menos espacio horizontal que el que ocu-
parían si se utilizara la familia normalmente.
La caja es la variable que está presente en la ma-
yoría de las familias, aunque hay algunas tipografías Cuando decimos condensadas, comprimidas o estre-
de fantasía que sólo tienen mayúsculas (caja alta) y chas, nos referimos a tipografías que ocupan menos
en ciertos casos solamente minúsculas (caja baja); o espacio horizontal en la línea. Por esta razón son apro-
bien, mezclan en un único alfabeto ambas cajas. En piadas para titulares de diarios. Cuando hablamos de
contraposición, las familias más completas incluyen tipografías anchas, ensanchadas o expandidas, son
también las Versalitas, opción de mayúsculas altas y las que ocupan más espacio horizontal. Tanto en una
bajas. Las versalitas ocupan el 82% de la altura de como en la otra lo que se altera cuando se modifica la
una versal, y casi el 87% de su ancho. proporción es el eje horizontal del carácter .
Dado que esta variable se suele manipular en panta-
lla, debe cuidarse a qué familias se aplica mejor.
En el ejemplo que está al pie de esta página, las pa-
labras “condensada” y “expandida” conservan el mis-
mo cuerpo o tamaño: 20 puntos; sólo se ha alterado
su eje horizontal
Tamaño de la tipografía
El tamaño de los caracteres se mide mediante el
cuerpo, y la unidad de medida es el punto.
Un punto es equivalente aproximadamente a
4mm, y se mide mediante el tipómetro. En ausencia
del mismo se puede recurrir a la utilización de una
regla y se calcula de la siguiente manera:
Por su Proporción:
Se miden los caracteres en mayúscula desde
Esta variable afecta a la relación entre alto y ancho el extremo superior al inferior ubicando la regla en
del tipo. Cada familia tipográfica tiene una relación 90º.
proporcional ideal entre estas dos variables que fue
definida por su diseñador en el momento de ser con- Si la altura del carácter es de 10 mm el cuerpo
cebida. Esta proporción puede modificarse digital o será de 40 puntos.
fotográficamente, permitiendo que las palabras ocu-
Familia: News
Gothic (Me-
dium), cuerpo
20. La pro-
porción está
condensada al
25 %, al 50%,
normal (100%)
y expandida
al 125 % y
al 150 %.
comunicación visual gráfica 1 licenciatura en comunicación social
VARIABLES DE RELACIÓN
Párrafos
Espaciado: Track y Kern
Los textos se organizan en párrafos. Los párrafos
No debe confundirse la proporción del carácter se clasifican según su alineación o ubicación de las
con el espaciado entre letras, llamado track o el espa- líneas (renglones) con respecto a los márgenes. Pue-
ciado entre palabras, denominado kern. den estar:
Por ejemplo si se altera el track los caracteres se
acercan o separan entre sí, sin modificar su tamaño
Alineados a la izquierda:
ni la forma de cada una de las letras.
Los renglones se forman un alínea virtual del lado
izquierdo, y terminan irregularmente (desflecados)
Alineados a la derecha:
En este caso, los renglones se apoyan en la línea
virtual formada por el margen derecho y quedan
La alteración del kern implica acercar o alejar las
palabras cambiando el espacio entre ellas. Es muy co- desflecados en su margen a la izquierdo:
mún verlo en los bloques de texto justificados (texto
2):
El leer de izquierda a derecha no es sagrado;
las palabras pueden leerse verticalmente,
1. Kern normal o de abajo a arriba, o inclu-
so, en algunos casos, hacia atrás.
El viento soplaba cuando el sol caía, en un atar-
decer luminoso de setiembre. Los pájaros volaban,
moviendo sus alas al compás de la brisa.
Justificados:
Los textos forman líneas rectas virtuales en am-
2. Kern ancho bos márgenes. Quedan conformados rectángulos de
texto. Por esta razón también se denomina a estos
El viento soplaba cuando el sol caía, en un
párrafos emblocados. Para equilibrar los renglones se
atardecer luminoso de setiembre. Los pájaros
aumenta o disminuye automáticamente el tocan los
volaban, moviendo sus alas al compás de
dos márgenes, llegando incluso a aumentar el kern o
la brisa.
espaciado entre palabras, por ejemplo:
10
comunicación visual gráfica 1 licenciatura en comunicación social
Centrados:
Los textos aparecen desflecados en ambos már-
genes, y los caracteres son distribuidos simétricamen-
te ubicados en relación a un eje central:
11
comunicación visual gráfica 1 licenciatura en comunicación social
APLICACIÓN DE EFECTOS.
Hay otros dos modos de que las letras y las pala- La destrucción, que es igualmente eficaz aunque
bras adquieran nuevas cualidades y, por consiguien- de un modo distinto, supone desgarrar las letras o
te, nuevos significados. Por las palabras y reagruparlas con
construcción entendemos fragmentos faltantes, o hacerlas
añadir algo al tipo o al desaparecer, o difuminarlas.
grupo de letras; eso pue- Así, aunque el tipo comuni-
de lograrse con subraya- DISTORSIONADA ca un mensaje a través de pa-
dos o recuadros, recursos labras o del lenguaje, el tono
que suman importancia al de voz en que se comunica ese
mensaje. Podemos añadir mensaje compete tanto al tipo
una ornamentación para como al tratamiento gráfico
hacer la cosa más atracti- al que es sometido. Si quieres
va, podemos emplear pan- DIFUMINADA elaborar tu propio catálogo de
tallas o realizar inversiones tales efectos, empieza a expe-
para cambiar el énfasis, o rimentar con cada una de las
podemos introducir bro- sugerencias.
mas visuales.
BORRADA
EN NEGATIVO
RIBETEADA
TEXTURADA
RAYADA
DISTORSIONADA
DESGARRADA
ESPACIADA
EN 3-D
CON AÑADIDO
SOBREIMPRESA
12
VARIABLES
TIPOGRÁFICAS
1. Light o livianas
13
2. Medianas o normales
1. Menor al normal
Peso 3. Bold o negrita
2. Normal
4. Extrabold, heavy o ultra bold Kern 3. Mayor al normal
1. Derechas
Eje 2. Itálicas
1. Izquierda
2. derecha
1. Mayúsculas (MM)
Alineación 3. Centrada
2. Minúsculas (mm)
Caja 4. Justificada
3. Mayúsculas y minúsculas (Mm)
1. Normal
1.Condensadas
2. Ancho
2. Normales
licenciatura en comunicación social
Proporción Interlineado
3. Ajustado
3. Expandidas.
comunicación visual gráfica 1 licenciatura en comunicación social
Aquí les transcribo una nando dos o tres fuentes diferentes siempre que se
serie de normas que enu- les asigne una función determinada a cada una de
mera Rob Carter en su libro ellas.
“Diseñando con tipografía
4”. Tómalas como una base
para generar diseños co- Norma 3:
rrectos, siempre y cuando
tu intención sea priorizar la Evite combinar fuentes que se parezcan
legibilidad por sobre el di- demasiado entre sí.
seño. Si por el contrario, la Si combina fuentes para destacar un texto, evi-
pieza que vayas a realizar te te la ambigüedad que se puede originar al combinar
permite romper con las nor- tipos que se parezcan demasiado. Contravenir esta
mas, y trabajar por igual la forma, la expresión y la norma habitualmente se considera un error porque
legibilidad, apegarte a las normas podría llegar a ser no existe contraste suficiente entre los tipos.
un error. Aprovecha este tipo de trabajos para expe-
rimentar con la tipografía y hacer lo que hasta ahora Para una correcta elección tipográfica tener en
no te animaste a probar, jugando con los límites de cuenta que dará mejores resultados si le se eligen
la legibilidad. caracteres con rasgos diferentes (ej.: una tipografía
romana antigua con una palo seco).
Combinar una Helvética con una Univers o una
Norma 1: Caslon con una Goudy Old Style no tiene sentido por-
que se parecen demasiado.
Para una legibilidad óptima, elija fuentes
clásicas y habituales ya probadas.
Normalmente los buenos tipógrafos pueden con- Norma 4:
tar sus fuentes con los dedos de la mano. Con más
frecuencia, son estas fuentes las que poseen las pro- Un texto en mayúsculas entorpece la lec-
porciones más legibles. tura.
Baskerville, Bembo, Bodoni, Caslon, Centaur Utilice letras en caja alta y baja (mayúsculas y mi-
Franklin Gothic, Frutiger, Futura, Garamond, Gill núsculas) para optimizar la legibilidad.
Sans, Goudy Old Style, Helvética, News Gothic, Pala- Las letras en caja baja poseen las prolongaciones
tino, Perpetua, Sabon, Times New Roman, Univers, que necesita el ojo para leer mejor el texto, porque
muestran las astas o trazos ascendentes y descen-
dentes y las características propias de las letras con
Norma 2: mayor claridad. Usar caja alta y baja es el método
normativo para presentar el texto y a lo que los lecto-
Procure no utilizar demasiadas fuentes di- res están muy familiarizados. Sin embargo, las letras
ferentes a la vez. en caja alta pese a que crean formas rectangulares
La única justificación para emplear más de una monótonas, pueden utilizarse con éxito para destacar
fuente estriba en destacar o diferenciar dos partes de el tipo.
un mismo texto. Un texto que presente todas sus letras en caja alta
Cuando se usan demasiadas fuentes diferentes el carece de variedad rítmica y es por tanto más difícil
lector es incapaz de determinar qué es importante y de leer. Un texto que posee todas sus letras en caja
qué no lo es. El uso de demasiadas fuentes diferentes baja resulta más difícil de leer por el contraste de las
en una misma página o dentro de un texto distrae la formas.
atención. Se obtendrán excelentes resultados combi-
14
comunicación visual gráfica 1 licenciatura en comunicación social
Evite emplear demasiados cuerpos y gro- Distorsionar el texto para ampliar o estrechar las
sores a la vez. letras dificulta la lectura ya que no estamos familiari-
zados con las proporciones de las letras así modifica-
Utilice sólo los cuerpos y grosores necesarios para das. Las familias tipográficas bien diseñadas incluyen
establecer una clara jerarquía entre las partes de la in- estilos condensados y expandidos que responden a
formación. Josef Müller-Brockmann recomendaba no las normas aceptadas sobre las proporciones.
usar más de dos cuerpos, uno para destacar títulos y
otro para el texto. Limitando el número de cuerpos Si bien en todos los casos las opciones conden-
utilizados conseguirá páginas más funcionales y be- sadas y expandidas fueron creadas y añadidas cui-
llas. Puede emplearse el mismo cuerpo y grosor para dadosamente a las distintas familias, cuesta leer un
los títulos y para el texto, siempre que ambos elemen- fragmento largo en estas variables.
tos estén separados por un espacio.
Utilizar dos cuerpos y grosores para los títulos y
Norma 9:
para el texto marca una jerarquía clara pero simple.
Es importante que haya mucho contraste. Si el cuer- Utilice un interletrado y un espaciado en-
po o el grosor son muy parecidos, desaparece el con- tre palabras coherente, para dar solución
traste y su relación es ambigua. de continuidad.
Las letras deben fluir con libertad y naturalidad en
las palabras y, a su vez, las palabras en las líneas. Para
Norma 7: ello deberá aumentar el espacio entre palabras si el
Use tipo para texto de grosor adecuado. interletrado aumenta.
Evite fuentes demasiado gruesas o dema- Las letras odian estar apretujadas pero también
siado finas. les gusta no perder de vista a sus compañeras.
El grosor de las fuentes viene determinado por el Otra consideración a tener en cuenta es que las
ancho de las astas o trazos de las letras. Las fuentes fuentes más finas mejoran su aspecto si se aumenta
del texto que son demasiado finas no se pueden dis- el interletrado, mientras que lo contrario es propio de
tinguir o separar fácilmente del fondo. En las fuen- estilos en negrita.
15
comunicación visual gráfica 1 licenciatura en comunicación social
Norma 12:
La mejor legibilidad se consigue con una Norma 16:
alineación a la izquierda o desflecado a la
derecha. Destaque discretamente elementos del
texto sin alterar la fluidez de la lectura.
Aunque en situaciones especiales se aceptan otro
Realice intervenciones mínimas para obtener los
tipo de alineaciones, si se combinan siempre se pier-
máximos resultados. Destacar elementos del texto sir-
de calidad en la lectura.
ve sobre todo para aclarar el contenido y diferenciar
partes de información.
16
comunicación visual gráfica 1 licenciatura en comunicación social
17
comunicación visual gráfica 1 licenciatura en comunicación social
18