2.

Fundamentos creativos y técnicos del diseño gráfico

 

Tipografía. Parte 1

1. Introducción
Definición de Tipografía: (del griego τύπος típos, golpe o huella, y γράφω gráfο,
escribir) es la forma gráfica de expresar el lenguaje. Se puede ver como el
arte y técnica del manejo y selección de tipos, originalmente de plomo, para
crear trabajos de impresión.

En las páginas de un libro, revista, periódico o cualquier otra publicación, nos

encontramos dos elementos fundamentales, que intervienen en la comunicación y
dan forma visual a dichas páginas: los grafismos y contragrafismos.
- Grafismo es todo lo que deja huella impresa, es decir, elementos de la página que
están impresos.
- Los contragrafismos incluyen todas las partes blancas de la página, es decir, partes
que no están impresas.

Vamos a estudiar uno de los

grafismos más importantes
que son los caracteres, y
también aquellos
contragrafismos o blancos
que conviven con ellos.

2. El tipo

Al hablar de tipo nos tenemos que remontar a los orígenes de la imprenta, ya que es
en ese momento cuando se empieza a utilizar este vocablo. Se llamaba tipo a una
pieza de metal con forma de prisma donde aparecía una letra en relieve. Mediante
la unión de muchos tipos, del mismo tamaño, se componían líneas, párrafos y páginas
de texto que posteriormente se entintaban e imprimían sobre el papel.
UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

Figura 2-1: Componedor de tipos

Figura 2-2: Tipos

Se suele usar el término “tipo” para referirnos a cada letra, pero hoy día es más
correcto hablar de carácter o letra, en lugar de tipo, para referirnos al grafismo
impreso y tratado digitalmente mediante aplicaciones informáticas.

Ver video sobre trabajo en imprenta tipográfica http://youtu.be/rbuFANKBgyM

Para el diseñador es fundamental conocer y tener en cuenta el origen de los tipos, su

diseño, su historia, su estructura, el lenguaje intrínseco de estos elementos básicos de
comunicación, para obtener el máximo rendimiento y la mayor calidad de mensaje.
UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

3. Orígenes de la tipografía

El pictograma y el ideograma

El arte gráfico pictórico es la forma más simple de escritura. El hombre del paleolítico
superior (6400 - 4000 aC) para comunicarse utiliza las imágenes, cuenta su historia por
medio de dibujos que pinta o graba sobre piedras o pieles.

El paso siguiente en el trayecto evolutivo de la escritura está constituido por el

pictograma, es decir una figura o un símbolo que asume el significado del objeto
representado.

En un principio la imagen real se reproduce fielmente, pero más adelante los signos
sufren una simplificación: las formas originales se estilizan y geometrizan.

La comunicación a través de imágenes cambia del pictograma al ideograma, que

desde el año 3000 a C, señala el comienzo de la historia de la escritura.

El sistema ideográfico introduce la enorme posibilidad de representar no sólo la

realidad concreta sino también ideas, conceptos abstractos; en efecto, los signos
particulares, aún reproduciendo formas reconocibles de objetos, de personas o de
animales, a veces asumen el significado de los conceptos a ellos asociados. Por
ejemplo, el círculo, que frecuentemente simboliza el sol, otras veces puede querer
decir luz, día, claridad.

Las escrituras ideográficas más importantes están representadas por jeroglíficos

egipcios, por las escrituras mayas y aztecas y, en nuestros días, por los caracteres
chinos. Estos últimos, aunque habiendo sufrido durante siglos una evolución tendiente
a la simplificación gráfica de los signos, mantienen hasta hoy su valor ideográfico.

Los primeros alfabetos completos

Los Griegos (900 a.C.) retomaron el alfabeto fenicio adaptándolo a la propia lengua.
El nuevo sistema, compuesto tanto de consonantes como de vocales, alcanza la
forma completa de 24, cuyo nombre colectivo de alfabeto deriva de las dos
primeras: alfa y beta.
UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

Los griegos introducen un importante cambio ulterior en la dirección de la escritura

que del sistema sinistrorsum fenicio pasa al bustrofedon (redactar alternativamente un
renglón de izquierda a derecha y el siguiente de derecha a izquierda o viceversa) y
después en forma definitiva, al dextrorso. Estas innovaciones constituyen la última
gran etapa en la historia de la escritura. En el futuro, las transformaciones involucran
solamente la estructura de cada letra y su aspecto formal.

Los cánones de simetría y armonía que caracterizan la producción artística griega en

su totalidad se aplican también al diseño de las letras. Los nuevos signos,
rigurosamente perpendiculares a la línea de escritura, asumen una forma más
geométrica y regular sustituyendo los ángulos rectos a los ángulos agudos de las letras
fenicias. En algunos grabados aparecen, además de eso, engrosamientos en la base
de los rasgos, anticipaciones de los serif. En Italia los etruscos utilizan el alfabeto griego
como base sobre la cual constituyen su sistema de escritura.

El alfabeto etrusco (400 a.C.) contiene 20: 16 consonantes de derivación fenicia y 4

vocales de derivación griega. Su diseño es muy parecido a aquel de los signos del
griego arcaico.

Las letras capitales romanas

El alfabeto romano de 23 caracteres, adapta a la lengua latina los signos etruscos

que desde el punto de vista formal, experimentan una evolución hacia la
monumentalidad.

El rigor estructural de la majestuosa arquitectura romana conforma también el

alfabeto; las letras utilizadas para las inscripciones y conocidas como mayúsculas
cuadratas están caracterizadas por una geometría que se funda sobre las formas
simples del cuadrado, del círculo y del triángulo.
UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

4. Rasgos o partes de los caracteres

DEFINICIÓN DE CARACTER: Son los signos o elementos gráficos (grafismos) que sirven
para representar los distintos fonemas.

En los caracteres encontramos las siguientes partes fundamentales:

• Asta
Trazo vertical del carácter que determina su estructura general.
• Rasgo ascendente
Parte de la letra de caja baja (minúscula) que sobresale por encima del ojo
medio.
• Rasgo descendente
Parte de la letra de caja baja (minúscula) que sobresale por debajo del ojo
medio
• Brazo
Es un asta horizontal o diagonal ascendente que se prolonga desde una
vertical.
• Pierna
Es un asta diagonal descendente.
• Filete o barra
Es un trazo de la letra que nos encontramos entre dos líneas verticales,
diagonales o curvas.
• Cruz o travesaño
Es un trazo horizontal que atraviesa el asta de la letra.
• Ojo
Blanco interior de un carácter.
• Remate o Serif
Es un elemento ornamental que contienen algunos caracteres al final del asta.
Sirve para distinguir los distintos estilos tipográficos.
• Anillo
Es un trazo o asta curva cerrada que contiene en su interior un espacio
llamado ojo o blanco interno.
• Hombro o arco
Es un trazo curvo abierto de la letra. No tiene nada en común con la parte del
tipo llamada del mismo modo.
UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

5. Líneas imaginarias

Son las líneas invisibles que delimitan y sirven de apoyo a los caracteres:
• Línea base
Es la línea imaginaria sobre la que se apoyan todos los caracteres.
• Línea de altura de ascendentes
Es la línea que marca la altura que alcanzan los caracteres minúsculos con
rasgo ascendente (en algunas familias tipográficas coincide con la altura de
las mayúsculas).
• Línea de altura de descendentes
Es la línea que marca la altura que alcanzan los caracteres minúsculos con
rasgo descendente.
• Línea media o línea de la “x”
Es la línea que delimita la altura de los caracteres minúsculos sin rasgo
ascendente.
• Línea de altura de las mayúsculas
Como su nombre indica, marca la altura de los caracteres mayúsculos.
• Ojo medio
Distancia que va desde la línea base y la línea media de los caracteres.
También llamado “altura de la x”.
UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

6. Clasificación de las tipografías

La ATYPI (Asociación Tipográfica Internacional), con objeto de establecer una

clasificación general de las familias tipográficas, realizó en 1964 una clasificación, que
posteriormente fue normalizada con el nombre DIN 16518.
Divide las familias tipográficas en los siguientes grupos:

Romanas

Formado por fuentes que muestran influencias de la escritura manual, en concreto de

la caligrafía humanista del s. XV, y también de la tradición lapidaria romana, donde
los pies de las letras se tallaban para evitar que la piedra saltase en los ángulos.

Las fuentes Romanas son regulares, tienen una gran armonía de proporciones,
presentan un fuerte contraste entre elementos rectos y curvos y sus remates les
proporcionan un alto grado de legibilidad.

Las Romanas se dividen cinco grupos fundamentales:

1. Antiguas: son tipografías que poseen serif triangular y presentan diferencias en

los trazos. Derivan de las inscripciones romanas, originalmente talladas en
piedra. En general son tipografías con buena legibilidad y se utilizan
habitualmente para textos de largo alcance.
Entre ellas destacan las familias Garamond, Caslon, Century Oldstyle, Goudy,
Times New Roman y Palatino.
UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

Fig. Garamond (diseño original de Claude Garamond. 1550)

2. De Transición: se manifiestan en el siglo XVIII y muestran la transición entre los

tipos romanos antiguos y los modernos, con marcada tendencia a modular
más las astas y a contrastarlas con los remates, que dejan la forma triangular
para adoptar la cóncava o la horizontal, presentando una gran variación
entre trazos. Esta evolución se verificó, principalmente, a finales del siglo XVII y
hasta mediados del XVIII, por obra de Grandjean, Fournier y Baskerville.
Ejemplos de este grupo son las fuentes Baskerville y Caledonia.

Fig: Baskerville

3. Modernas: Las tipografías Romanas Modernas, presentan serif lineal o filiforme

y una gran diferencia entre los trazos gruesos y finos. Al igual que las romanas
antiguas, derivan de los textos esculpidos en piedra, en las construcciones y
monumentos romanos. (Ejemplos: Bodoni / Modern / Didot)

Fig. Bodoni (diseño original de Giambattista Bodoni. 1784)

UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

4. Mecanas o egipcias: Las tipografías Egipcias se distinguen principalmente por

el serif cuadrangular. Pueden presentar o no diferencia en los trazos. En
general son más pesadas que las romanas, y son utilizadas frecuentemente
para títulos o rótulos. No es aconsejable su uso para textos largos.
(Ejemplos: Clarendon / Serifa / Schadow)

Fig. Clarendon (diseño de Robert Thorme y Benjamin Fox. 1845)

5. Incisas: otro grupo aislado dentro de las romanas, al igual que las mecanos,
son letras en la tradición romana más antigua, ligeramente. No se puede
hablar de remates, pero sus pies abocinados sugieren, tal como ocurre con las
serif, una línea imaginaria de lectura. Su ojo grande y sus ascendentes y
descendentes finos, hacen de él un tipo que, aunque es extremadamente
difícil de digitalizar, es muy legible a cualquier cuerpo. A pequeña escala,
puede confundir y parecer de palo seco al perderse la gracia de su rasgo.
Como ejemplos podemos citar las fuentes Alinea, Optima y Baltra.

Fig: Optima
UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

Palo Seco o Sans Serif

Las fuentes Palo Seco se caracterizan por reducir los caracteres a su esquema
esencial. Las mayúsculas se vuelven a las formas fenicias y griegas y las minúsculas
están conformadas a base de líneas rectas y círculos unidos, reflejando la época en
la que nacen, la industrialización y el funcionalismo.

También denominadas Góticas, Sans Serif o Grotescas, de dividen en dos grupos

principales:

1. Lineales sin modulación o Geométricas: formadas por tipos de un grosor de

trazo uniforme, sin contraste ni modulación, siendo su esencia geométrica.
Admiten familias larguísimas, con numerosas variantes. Ejemplos de este tipo
serían Futura, Avant Garde, Eras, Helvética, Kabel y Univers.

fig. Avant Garde (diseño de Herb Lubalin. 1970)

2. Neogrotescas: Las tipografías Neo-grotescas, al igual que las geométricas, no

presentan serif, sin embargo ostentan trazos con mayores modulaciones y una
construcción mucho más dúctil y dócil, resultado de cuidadosas correcciones
ópticas. Del grupo de las tipografías sin serif, son en general unas de las más
utilizadas para textos de corto y mediano alcance. Las tipografías Neo-
grotescas presentan muy buena legibilidad en palabras o frases cortas, por lo
que son consideradas como las más apropiadas para ser empleadas en
señalizaciones. (Ejemplos: Helvetica / Frutiger / Univers)

Fig. Helvetica (diseño de Max Miedinger. 1957)

UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

Tipografías Cursivas (Script)

El termino “cursivas” se utiliza para designar a las tipografías cuya apariencia se

asemeja o está inspirada en la tipografía hecha a mano. Las tipografías cursivas
exhiben una fluidez y una gracia sensible propia del gesto manual, y una morfología
relacionada con el elemento escriptor.

1. Caligráficas: Las tipografías de estilo caligráfico imitan o se inspiran en la

escritura hecha a mano, aunque en este caso su ejecución ostenta una serie
de normas estrictas en cuanto a alineaciones e inclinaciones, al igual que una
marcada utilización de la pluma recortada como elemento escriptor. El
carácter caligráfico se encuentra acentuado por la existencia de empalmes,
remates y florituras. (Ejemplos: Commercial Script / Shelley / Bickham)

fig. Commercial Script (diseño de Morris Fuller Benton. 1908)

2. Góticas: de estructura densa, composición apretada y verticalidad

acentuada, manchan extraordinariamente la página. Además, no existe
conexión entre letras, lo que acentúa más su ilegibilidad. Ejemplos de este tipo
son Fraktur, Old English, Koch Fraktur, Wedding Text, Forte Grotisch.

fig. Cloister Black (diseño de Morris Fuller Benton. 1904)

3. Gestuales
Las tipografías gestuales expresan la fuerza y la gracia del trazo hecho a
mano. Las fuentes de este estilo, que aparecen en los sistemas informáticos,
“imitan” la escritura a mano puesto que, sin dudas se basan en la escritura
UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

manuscrita, pero han sufrido una serie de correcciones y ajustes en el

transcurso del proceso de digitalización. (Ejemplos: Mistral / Brush / Choc)

fig. Mistral (diseño de Roger Excoffon. 1953)

Decorativas

Estas fuentes no fueron concebidas como tipos de texto, sino para un uso esporádico
y aislado.
Existen numerosas variaciones, pero podemos distinguir dos grupos principales:
1. Fantasía: similares en cierto modo a las letras capitulares iluminadas
medievales, resultan por lo general poco legibles, por lo que no se adecuan
en la composición de texto y su utilización se circunscribe a titulares cortos.
Ejemplos de este tipo son las
fuentes Bombere, Block-Up,
Buster, Croissant, Neon y
Shatter.

2. Época: pretenden sugerir una época, una moda o una cultura, procediendo
de movimientos como la Bauhaus o el Art Decó. Anteponen la función a lo
formal, con trazos sencillos y equilibrados, casi siempre uniformes. Muy
utilizados en la realización de rótulos de señalización de edificios y anuncios
exteriores de tiendas. Ejemplos de este grupo son Kabel, Caslon Antique,
Broadway, Peignot, Cabarga Cursiva,
Data 70, LCD, Gallia.

Fuente: https://tiposformales.com/2010/09/04/clasificacion-tipografica/
UF1456. DESARROLLO DE BOCETOS 2. Fundamentos creativos y técnicos del diseño gráfico

EJERCICIO:

Elaboración de un espécimen tipográfico, a partir de los ejemplos dados a través del

tablero “Tipografía” del usuario Diseño de productos gráficos de Pinterest.
Definición de “espécimen tipográfico”, según Wikipedia:
Un espécimen tipográfico es una publicación en donde se presenta
una familia tipográfica, detallando de cuales cuerpos consiste. Este
espécimen puede ser usado por diseñadores gráficos y tipógrafos para juzgar
en particular cómo se comporta la familia en una página impresa, y para
decidir su uso y/o compra correspondiente. Un espécimen tipográfico
usualmente contiene textos en diferentes tamaños opunto tipográfico,
diferentes situaciones de diseño y maquetación también con variaciones en
diferentes lenguajes.
El espécimen se puede interpretar como un folleto de venta o brochure,
donde la tipografía es presentada de forma atractiva. Según diferentes
criterios, el espécimen puede mostrar cómo se comporta la tipografía en
diferentes párrafos y tamaños, títulos, capiteles y caracteres especiales. Por
otra parte, es importante en ocasiones que el espécimen comunique el tono
de la tipografía, y en este caso las elecciones de color, estilo de diseño e
incluso las frases usadas como demostración son igualmente importantes que
su muestrario técnico. Desde los años 90 se ha ido instalando esta tendencia
de juego en los especímenes, dando novedosos resultados que exceden el
uso instrumental originario.

Formato: A4, para impresión digital (150 ppp), CMYK