Antecedentes de la tipografía, los grupos, las familias e interacción con formas para realizar variante tipográfica. Fuentes de consulta: JURY David, ¿Qué es la tipografía?, Gustavo Gili

1. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Profesora de asignatura
Claudia Mena González
Agosto
Diciembre
Centro de Estudios Tecnológicos
y de Servicios No. 49
María Patiño Vda. De Olmedo
Academia de Diseño Gráfico Digital
Turno Matutino
Módulo II
“Produce elementos gráficos digitales fijos y
animados para la comunicación visual”
Submódulo I
“Produce elementos gráficos para la
comunicación visual”

2. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Tipografía
Profra. Claudia Mena G. Agosto
Diciembre
1. Letragrafía
1.1 Antecedentes
1.2 Características
1.3 Clasificación: grupos, familias,
fuentes y series.

3. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Antecedentes
Unidad 1: Letragrafía

4. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Lenguaje hablado hace al menos 1
millón de años.

5. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Pinturas rupestres, prueba más
antigüa de la comunicación
gráfica. ( 50,000 años)

6. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Jeroglíficos, antecesores del
alfabeto, utilización de
pictográmas e ideogramas.

7. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Antecedentes del alfabeto romano

8. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Características
Unidad 1: Letragrafía

9. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Sistemas de composición
Antes de la época medieval la circulación de libros se
daba gracias a los monjes copistas, quienes copiaban,
encuadernaban y conservaban cada volumen.

10. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
El libro de Kells / Libro de Columba
Libro más precioso y la mejor reliquia del arte irlandés,
data de finales del siglo VII y principios del VIII

11. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González

12. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González

13. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Sistemas de composición
La imprenta fue inventada por los chinos pero fue
Johannes Gutenberg, herrero alemán, quien perfeccionó el
sistema de impresión creando TIPOS MÓVILES.

14. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Antes de la edad media y la biblia de 42 L de Gutenberg,
el JIKJI es el texto más antiguo realizado con tipos
movibles, invensión coreana S. IX

15. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Son unidades de letras que al reunirse forman mensajes
y pueden ser desarmados y reutilizados. Parte del
principio de “modularidad”
Tipos de metal

16. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Tipos de metal
Tiene 3 dimensiones:
dos fijas cuerpo o
tamaño en pts y altura.
La anchura del caracter
es la distancia entre las
caras laterales y varía de
una letra a otra.
Parte del caracter
puede sobresalir a los
lados del cuerpo, pero
ascendentes,
descendentes y acentos
deben estar dentro del
cuerpo.

17. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Tipos móviles: pequeñas piezas de metal que en un
extremo presenta en relieve una letra o símbolo al revés
para ser impreso al derecho.
Partes del tipo
1. Ojo es la letra o signo que
aparece en relieve en un
extremo y que deja su
impresión en la superficie
con que se pone en
contacto.
2. Cuerpo porción mayor de
metal en la que descansa la
letra o signo.
3. Altura distancia que hay
entre el cuerpo y hasta que
el ojo toque el papel, debe
ser exactamente
de 2.33 cm.

18. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Cajas (alta y baja)
El nombre de letras de caja alta (ALTAS) para la
mayúsculas y letras de caja baja (bajas) para las
minúsculas se debe a la clasificación que se hacía de
los tipos y su técnica de guardado en la parte alta y baja.

19. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
1887, fundía tipos de letra sueltos a través de un teclado;
se perforaba una tira de papel que se colocaba en un
aparato para fundir cada letra a través de matrices y
formar la palabra completa.
Monotipo (caliente)

20. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Es una máquina componedora y fundidora lineal.
Combinaba en una sola unidad de teclado un almacén
de matrices y una fundidora de tipos. Las líneas se
formaban justificadas
Linotipo (caliente)

21. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Se logra la composición tipográfica a través de
negativos fotográficos, utiliza un teclado y lámpara
Xenón emite destellos en fracción de segundos sólo
para registrar el caracter deseado.
Fotocomposición (frío)

22. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Es una máquina componedora de encabezados, son
muy lentas el espaciamiento entre caracteres se hace
visualmente.
Fototituladora (frío)

23. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Son las letras fabricadas por letraset, mecanorma, en
hojas de acetato con pegamento que al frotarse se
adhieren al papel.
Transferencia de tipos (frío)

24. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Tecnología Apple True Type que permite escalar las
fuentes sin deformarlas y la tecnología láser Post Script
que igualmente permite letras con contornos perfectos.
Tipografía digital

25. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
DG y tipografía
La función del diseño es
comunicar mensajes a través de
un lenguaje visual entendible por
el público receptor.
La tipografía
del S. XX
• Transfiere ideas de
emisor a receptor.
• Elemento de impacto y
fuerza.
• Crea identidad gráfica
en combinación con
íconos.

26. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
La nueva tipografía
El recorte de letras de títulos del siglo
XIX introdujo nuevos
diseños de letras que se utilizaron en
el competido mundo del comercio.
S. XX
Arte Moderno
• Art Nouveau
• Constructivismo
• Dadaísmo

27. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Art Nouveau
Líneas ornamentales, composiciones asimétricas: flores, hojas y la
figura femenina. Se aplica al diseño de interiores, joyas, forja, vidrio,
cerámica, telas y, sobre todo, a la ilustración gracias la litografía. Tiene
gran influencia en Arquitectura y DG

28. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Consta de elementos transparentes, formas lineales, planas y
geométricas
Surge como movimiento en 1920
por los hermanos Pevsner y Gabo
influenciados por la Guerra Mundial
y la Revolución Rusa.
Se proclama que la obra de arte
debe ser una construcción (planos,
método).
Se valora espacio, tiempo, luz, la
obra pertenece al espacio que le
circunda
Constructivismo
Cabeza de mujer, Naum GaboAnton Pvsner, Cruz Anclada
Consecuencia del cubismo, interpretación analítica presentada por
patrones geométricos de forma y estructura. Piet Mondrian desarrolló
un sistema basado en estructuras reticulares a base de rectángulos.

29. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Dadaismo Vs Bauhaus

30. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Dadaismo Vs Bauhaus
• Diseño asimétrico.
• Aceptación del tipo sin remates.
• Colocación atrevida de
ilustraciones.
• Yuxtaposicion de elementos,
composiciones interesantes y
contrastantes.
• Simplificación al ordenamiento
excesivo.
• Mayor interés en el ordenamiento
tipográfico.
Los dadístas dieron a la tipografía un aspecto caótico a lo que la
bauhaus puso orden con reglas que siguen vigentes.

31. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
La nueva tipografía

32. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Clasificación
Unidad 1: Letragrafía

33. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Clasificación de tipos
GRUPOS

34. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Clasificación de tipos
FAMILIAS

35. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Clasificación de tipos
FUENTES

36. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Clasificación de tipos
SERIES

37. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Legibilidad y comprensión
Elegir la combinación adecuada de color,
títulos, textos, fondos, papel, ilustraciones sin
que se vea afectada la legibilidad.

38. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Definición
LEGIBILIDAD: No es solo mirar sino
comprender el mensaje.
• Tipos agradables
• Peso
• Tamañ o
• Interlineado y longitud
• Márgenes
• Justificació n
• Tinta (s), color
• Medio de presentació n
(pantalla, papel)

39. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Diagrama tipográfico

40. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Formatos: simetría
El ojo percibe tono y forma que están
determinadas por el tipo empleado, tamañ o,
justificació n e interlínea.
Esta es una línea de texto normal
Esta es una línea de texto normal
Esta es una línea de texto normal
Esta es una línea de texto normal
Esta es una línea de texto normal
Esta es una línea de texto normal
Varías líneas
integran una
figura en
conjunto
El mayor peso debe estar arriba y en el centro, debe
evitarse la alternancia de líneas largas y cortas pues se
dificulta la percepción de la forma y, el significado.

41. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Interrelación
de formas
y variante tipográfica
Unidad 1: Letragrafía

42. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Formas
E INTERRELACIÓN
Distanciamiento Toque Superposición Penetración
Unión Sustracción CoincidenciaIntersección

43. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Formas
Su interrelacion y tipografía
Distanciamiento

44. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Formas
Su interrelacion y tipografía
Toque

45. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Formas
Su interrelacion y tipografía
SuperposiciónPenetración
Unión

46. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Formas
Su interrelación y tipografía
SustracciónIntersección
Equilibrio
Coincidencia

47. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
1.4 Ejemplos
Unidad 1: Letragrafía
Ejercicios de los alumnos

48. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González

49. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González

50. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
C
I U
D
DA
eStReNo

51. M2 S1
Produce
elementos
gráficos para la
comunicación
visual
MAV
Claudia
Mena González
Coherencia entre
gruesos y delgados
Trazos, formas.