Tipografía

1. 1
TALLER 5
Nombre: Bryan Sebastián Mejía
NRC: 5746
Fecha: 20/05/2019

2. Fundamentos físicos, culturales,
artísticos y técnicos de la
tipografía en el diseño gráfico
publicitario

3. La Tipografía
Historia y evolución
3

4. 1. HISTORIA

5. HISTORIA DE LA TIPOGRAFÍA
▪ Se remonta hasta las primeras civilizaciones,
por ejemplo la civilización sumeria con la
escritura cuneiforme y la egipcia con los
jeroglíficos. No es hasta el renacimiento
donde se “perfecciona” el método de
impresión con tipos móviles, que la tipografía
se consolida y toma un rol completamente
distinto a nivel socio-cultural.
▪ La invención de la imprenta se le atribuye a los
chinos, los cuales utilizaban planchas de
maderas grabadas, antes de que Gutemberg
refinara la impresión con tipos móviles.
5

6. HISTORIA DE LA TIPOGRAFÍA
▪ Es importante conocer que antes que
Gutemberg ya se utilizaron tipos móviles en
algunas regiones de Asia durante el Medioevo
en Europa. Estos tipos móviles eran de
madera, los cuales fueron reemplazados por
el material de arcilla. Por otra parte a
Gutemberg si se le acredita el mejoramiento
de la impresión con tipos móviles.
▪ Gracias al mejoramiento de esta técnica es
que se logra la democratización de la
información escrita a través de la impresión
de libros a menor costo, haciéndolos
accesibles a distintas clases sociales. 6

7. HISTORIA DE LA TIPOGRAFÍA
▪ Es durante el periodo renacentista que
comenzamos a ver grandes tipógrafos e impresores
como Nicolas Jenson Aldus Manutius y Garamond,
aportando a la creación dentro del ámbito editorial.
▪ Garamond es considerado como uno de los mejores
tipógrafos en la historia. Luego durante el periodo
Barroco la tipografía toma giro distinto el cual se le
conoce como el periodo transicional.
▪ Durante este periodo en Inglaterra aparecen los
tipógrafos William Caslon y John Baskerville ambos
aportando grandemente en el desarrollo tipográfico
de la época y en el caso de Baskerville, la
encuadernación editorial.
7

8. HISTORIA DE LA TIPOGRAFÍA
▪ Para el periodo del Clasicismo la tipografía comienza a ser creada tomando en cuenta la legibilidad
como función primordial. John Bell y Giambattista Bodoni son tipógrafos que durante esta época se
enfocaron en la estructura y la legibilidad, la ornamentación deja de ser un elemento primordial.
▪ Durante este periodo se publica el libro “Manuale Tipografico” de Giambattista Bodoni. Este libro
contiene una extensa y amplia colección de 373 letras y alfabetos. En la tipografía industrial
comenzamos a ver la aparición de nuevas formas de tipos, por ejemplo los tipos Grotescos,
Geométricos, Humanistas y Egipcios.
▪ Dentro de la tipografía Grotesca encontramos familias tipográficas como Akzidenz-Grotesk, Franklin
Gothic, Helvetica y Univers. Dentro del estilo Geométrico, la Futura de Paul Renner es el ejemplo
clásico. Para el estilo Humanista encontramos tipografías tales como la hermosa Gill Sans y la elegante
Optima. En los tipos egipcios o mejor conocidos como “slab serif” encontramos a Rockwell, Clarendon
entre muchas otras.
8

9. 2. EVOLUCIÓN

10. EVOLUCIÓN DE LA TIPOGRAFÍA
▪ Desde el antiguo Egipto, que va desde los 3000 A.C. en donde el sistema pictográfico trataba de
imitar formas naturales, dibujadas para representar por ejemplo acciones de la vida cotidiana, luego
estos pictogramas haciéndose cada vez más abstractos y adaptándose a las herramientas y
soportes de la época, empiezan a transformarse en letras.
10

11. EVOLUCIÓN DE LA TIPOGRAFÍA
11
Era muy distinto tallar en piedra, con una herramienta estilo cincel, a escribir sobre un papiro, con un
soporte mas suave y con una tinta liquida. Así poco a poco el medio y las técnicas van transformando la
tipografía.

12. EVOLUCIÓN DE LA TIPOGRAFÍA
12
Luego, en el 200 A.C. aparecen las letras capitales, por ejemplo los textos griegos no utilizaban espacios
entre letras, así todos los textos estaban escritos en "mayúsculas" y aun no existían las letras minúsculas.

13. EVOLUCIÓN DE LA TIPOGRAFÍA
13
Luego los romanos inventaron las letras con serif, quizás por la herramienta (el cincel) que utilizaban para
tallar las letras en los monumentos hechos en piedra, mármol, etc. o probablemente por razones
estéticas.
En la edad media, empieza la producción de libros hechos a mano, uno por uno, escritos por monjes y
frailes que vivían en monasterios, y aparecen las letras minúsculas, que poco a poco se transforman
haciéndose cada vez más estrechas, las cuales llamaremos letras góticas.

14. EVOLUCIÓN DE LA TIPOGRAFÍA
14
1450, es un año importante para la evolución de la tipografía gracias
a la invención de la imprenta, creada por Johannes Gutenberg, el
apostó por crear un sistema de reproducción de libros a corto
tiempo, y hacer todos los ejemplares exactamente iguales. Adaptó la
xilografía (técnica para reproducir impresos con una matriz de
madera), el sistema de una la prensa de vino, y la creación de tipos en
metal.
La primera producción sería imprimir varios ejemplares de la Biblia.
Aunque no fue tarea fácil, gracias a la imprenta la producción de
libros creció y las imprentas han ido evolucionando hasta hoy.

15. EVOLUCIÓN DE LA TIPOGRAFÍA
15
▪ Luego en la edad moderna, con el aumento de publicaciones, comienza a evolucionar la tipografía
tomando como referentes a los textos romanos, pero adaptando las mayúsculas y minúsculas para una
mejor lectura. Así, poco a poco, la tipografía va evolucionando gráficamente, adaptando variantes,
basándose en corrientes e inspirándose en su historia.
▪
Luego en el siglo XX, llega la era digital, las computadoras y el internet, el uso de nuevos dispositivos
que a grandes pasos han ido evolucionando, creando nuevas maneras de lectura, es por eso que la
tipografía empieza a adquirir nuevas características especiales para estas plataformas, por ejemplo la
creación de tipografías seguras, que son especiales para todos estos medios y soportes, es como una
especie de consenso mundial, que hace que la lectura sea segura para todos los lectores.

16. Familia y fuentes
tipográficas
16

17. FAMILIA Y FUENTES TIPOGRÁFICAS
17
▪ Se entiende por fuente tipográfica al estilo o apariencia de un grupo completo de caracteres, números
y signos, regidos por características comunes. Mientras que familia tipográfica, es un conjunto de
tipos basado en una misma fuente con algunas variaciones, tales como por ejemplo, el grosor y la
anchura, pero manteniendo características comunes. Los miembros que integran una familia se
parecen entre sí pero tienen rasgos propios.
▪ Cada fuente y familia tipográfica tiene características que la distinguen entre otras, que las hace
únicas y le da personalidad al texto. Esa personalidad se magnifica cuando una fuente se usa a través
de una presentación digital

18. FAMILIA Y FUENTES TIPOGRÁFICAS
18
La tipografía se puede dividir en
amplias categorías: Serif, Sans Serif,
Manuscritas, de Exhibición y Símbolos.

19. Formas de una
terminal
19

20. FORMAS DE UNA TERMINAL
20
Existen cinco elementos puntuales, sirven para clasificar e identificar a las diferentes las familias
tipográficas:
- La presencia o ausencia del serif o remate.
- La forma del serif.
- La relación curva o recta entre bastones y serifs.
- La uniformidad o variabilidad del grosor del trazo.
- La dirección del eje de engrosamiento.
Con ello se pueden clasificar en dos tipos:
Tipografías con serif: Éstas pueden incluir adornos en sus extremos o no, los adornos van en sus
terminaciones y se les denominan serif o serifas.

21. CLASIFICACIÓN DE LAS
FAMILIAS TIPOGRÁFICAS
21

22. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
22
La clasificación de Maximilien Vox es la que mejor define los tipos de familias tipográficas, si
bien no engloba a todas, y por otro lado, da predominancia a las romanas.
A continuación os dejamos con una clasificación algo más extensa de las que pueden ser la
mayoría de las familias tipográficas existentes, recordando que dentro de cada uno de los
tipos, hay muchas connotaciones que hacen que cada familia sea distinta, debemos prestar
atención no sólo al tipo de familia, sino en si lleva o no remate, cómo es la modulación, el
grosor del trazo y su inclinación, lágrimas, dónde se sitúa el ojo medio, cómo son las
ascendentes, descendentes…que hacen de cada familia un mundo aparte.

23. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
23
Tipografías Romanas
Es el grupo más numeroso de familias tipográficas así como el más usado en la tipografía de
edición por su caracter descriptivo y matiz.
Tiene seis variantes: Humana, Garaldas, Didonas, Reales, de lectura, atípicas.

24. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
24
Tipografías Egipcias o Mecanas
Se caracterizan por ser como una mezcla
entre el tipo romano y la forma sintética.
Tienen un aspecto plástico. Pueden ser
suaves o duras.

25. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
25
Tipografías Palo Seco
Si tuviesemos una definición adecuada para
las palo seco esta podría ser la de antítesis
de las romana ya que presentan un caracter
aseptico y funcional buscando pasar
desepercibidas en la lectura, aunque tiene
muchas variantes con notables diferencias
destacan las Grotescas, las Humanisticas,
las Neogrotescas y las Geométricas.

26. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
26
Tipografías Incisas
Son una reinterpretacción del caracter de las
romanas, dando una riqueza expresiva
decisivas para el resultado gráfico final del
texto. No se puede hablar estrictamente de
remates pero si de insinuaciones de remate
(caso de las incisas) o de remates muy
reducidos (híbridas)
Destacan las Híbridas, y las propiamente
dichas Incisas.

27. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
27
Tipografías de Escritura
Son familias que imitan la escritura manual,
pueden ser caligráficas (imitan estilos), de
trazado libre (manuales) o incluso una nueva
tendencia sustentada por la sostenibilidad y
la filosofía maker: las tipografías handmade.

28. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
28
Tipografías de Fantasía
Reinterpretación fuera de toda norma, de
elementos fijos e incorporación de elementos
variables de diversa naturaleza. De esta
forma podemos encontrarnos con caracteres
diseñados para asemejarse a cualquiera de
las anteriores familias sin cumplir todas las
características de esa familia, o caracteres
con diseños ornamentales, por pretextos
gráficos…mil formas.

29. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
29
Tipografías Góticas
Características de los incunables del siglo
XV, influenciadas por formas arquitectónicas.
Son familias completamente inadmisibles en
la tipografía de edición por la dificultad de su
lectura.

30. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
30
Tipografías Seriales
Hay familias con fuentes que recogen todo el
abanico de estilos, desde romanas hasta
palos seco atesorando una calidad muy
gráfica en sus diferentes versiones que
permite recoger en una sola familia todos los
tipos necesarios para crear sin ningún
problema tipográfico productos gráficos de
calidad. Son familias ”multiusos” La Rotis (Otl
Aicher), La Lucida…

31. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
31
Las familias tipográficas no Latinas
Hablamos de las familias no incluídas en los
alfabetos latinos, las más predominantes son
el Cirílico, Griego, Hebreo o Árabe, más que
una cuestión de estilos tipográficos, hay que
hablar de estos alfabetos que tienen a nivel
de tipografía cuestiones importantes como
caracteres distintos, dirección de la escritura
distinta (en algunos casos) y otras
particularidades.

32. CLASIFICACIÓN DE LAS FAMILIAS
TIPOGRÁFICAS
32
Fuentes Pi
Son todas aquellas representaciones gráficas
de un caracter (Pictogramas, ideogramas,
caracteres especiales, glifos…).

33. VARIABLES VISUALES
33

34. VARIABLES VISUALES
34
Cada lenguaje tiene sus propiedades particulares y permite expresar unas u otras ideas de distintas
maneras. Por ejemplo, podemos plasmar la música en una partitura, utilizando un lenguaje de signos
musicales.
Este lenguaje musical permite recoger y transmitir una canción a través de una partitura, expresando
mediante un conjunto de símbolos las distintas notas que la componen, su duración o los elementos
expresivos que deben incorporarse en la interpretación de esta.
Un músico que conozca este lenguaje puede interpretar una pieza gracias a que la música le llega a
través de esos símbolos, siendo la partitura el medio de comunicación entre el interprete y el
compositor o quien haya transcrito dicha pieza.

35. VARIABLES VISUALES
35
Estas propiedades conforman lo que se conoce como variables visuales, y se aplican a los
elementos básicos de la representación, que son aquellos objetos geométricos de que se compone
esta.
Las variables visuales permiten diferenciar unos de otros y asignarles unas ciertas características,
susceptibles a su vez de ser interpretadas junto al propio significado que el objeto pueda tener.
Dados dos elementos, estos pueden diferenciarse por las siguientes variables, que aparecen
representadas en la figura.
• Posición
• Tamaño
• Forma
• Textura
• Color
• Orientación

36. COLOR DE LA TIPOGRAFÍA
36

37. COLOR DE LA TIPOGRAFÍA
37
Conocer y comprender los colores y lo que nos transmiten, es importante y básico para trabajar con
los tipos y en el mundo del diseño gráfico. Normalmente, cuando nos encontramos diseñando una
presentación y partimos de poco espacio, utilizamos el color para enfatizar las letras.
Para conseguir una buena legibilidad cuando se diseña con tipos y color deberemos equilibrar
cuidadosamente las tres propiedades del color (tono, valor e intensidad) y determinar el contraste
adecuado entre las letras y su fondo. Cuando se combinan tipos y color, el equilibrio entre estas
características es importantísimo.

38. COLOR DE LA TIPOGRAFÍA
38
El color tipográfico es una ilusión óptica, creada por las propias proporciones y formas de los diseños
tipográficos. Éstas nos hacen percibir la sensación de un color distinto, aunque esté impreso en el
mismo color. Aunque las palabras estén impresas en el mismo color, cada una de ellas puede
poseer un tono diferente, debido a las características propias de sus diseños tipográficos.
Los tonos marrones, tostados cremas y ocres, representan añoranza y son perfectos para
representar productos naturales y clásicos. En publicidad se emplea en anuncios en blanco y negro o
escala de grises, para resaltar el producto o elemento protagonista.
Los colores primarios (Magenta, Cian y Amarillo) se utilizan en productos infantiles, porque aportan
alegría y juventud. Y además estos colores, en los niños les recuerdan a los dulces.
Las tipografías doradas o plateadas sobre fondos oscuros nos evocan elegancia y sofisticación, y
son muy adecuadas, si se trata de un proyecto donde se debe incluir el lujo, la elegancia o poder.

39. CUADRÍCULA
TIPOGRÁFICA
39

40. CUADRÍCULA TIPOGRÁFICA
40
Actualmente se usan dos sistemas de
medidas tipográficas, la pica y el punto
(medida inventada por Firmin Didot).
Seis picas o 72 puntos equivalen
aproximadamente a una pulgada y doce
puntos equivalen a una pica.
Los puntos sirven para especificar el cuerpo
de un tipo, formado por la altura de las
mayúsculas, más un pequeño espacio por
encima o debajo de las letras. Las picas se
utilizan para medir la longitud de las líneas.

41. CUADRÍCULA TIPOGRÁFICA
41
La cuadrícula tipográfica, se utiliza para
organizar todos los elementos tipográficos y
demás ilustraciones que integraran la página.
La configuración de la cuadrícula, depende de
la información que se ha de transmitir y las
propiedades físicas de cada elemento
tipográfico.
Las cuadrículas tipográficas de formato
estándar, tienen módulos cuadrados,
columnas de texto, márgenes, líneas de
contorno y medianiles (el espacio que queda
en blanco entre dos columnas de texto).
Para organizar el diseño de una retícula,
primero deberemos trabajar con los elementos
más pequeños y a partir de ahí, iremos
ascendiendo.

42. TIPOGRAFÍA DIGITAL
42

43. TIPOGRAFÍA DIGITAL
43
Así como evoluciona el software, lo han hecho las fuentes digitales adaptándose a los requerimientos
de hoy en día, durante la década de los ochenta surgieron dos formatos de fuentes digitales:
TrueType (.ttf) y PostScript (.pfb, .pfm y .afm), ambos limitados por cerca de 255 glifos, y que
generalmente manejaban diferentes tipos de archivos para sistema Mac y PC dificultando el trabajo
entre plataformas, en el caso de PostScript eran necesarios dos o tres archivos por peso (es
decir: light, medium o bold) mientras que TrueType usaba sólo uno, para las familias tipográficas con
caracteres especiales como swashes, caracteres alternos o ligaduras discrecionales era necesario
agregarlos en otro archivo de fuente.
Encontrar fuentes con soporte para cirílico o griego no era tarea fácil.

44. TIPOGRAFÍA DIGITAL
44
En la década de los noventas surgió el formato OpenType (.otf, .ttf y .otc) revolucionando el sector de
la tipografía digital, una codificación diferente le dotó de la posibilidad de contener cerca de 65 mil
caracteres por archivo y ser multiplataforma. En la primera década del siglo XXI se desarrollaron las
fuentes digitales para uso en internet (.woff y .eot), estas se instalan en los servidores de las
páginas web para mostrar familias tipográficas no instadas en las computadoras o dispositivos del
usuario.
En estos últimos años surgieron las fuentes de color (.svg, .colr, .sbix y .cbdt), por el momento se
pueden usar en navegadores web, algunos sistemas operativos y programas especializados donde
se diseña el texto con capas y colores para exportarlo en formato .pdf, .svg o .png y después
colocarlo en el proyecto. Algunas versiones de Adobe Illustrator y Adobe Photoshop ya permiten
trabajar con este formato de fuentes.

45. 45
GRACIAS!