Módulo 2 S1 Tipografía
-
Upload
claudia-mena -
Category
Education
-
view
375 -
download
0
Transcript of Módulo 2 S1 Tipografía
![Page 1: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/1.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González Profesora de asignatura
Claudia Mena GonzálezAgosto
Diciembre
Centro de Estudios Tecnológicosy de Servicios No. 49
María Patiño Vda. De Olmedo
Academia de Diseño Gráfico DigitalTurno 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”
![Page 2: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/2.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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.
![Page 3: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/3.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Antecedentes
Unidad 1: Letragrafía
![Page 4: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/4.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Lenguaje hablado hace al menos 1 millón de años.
![Page 5: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/5.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Pinturas rupestres, prueba más antigüa de la comunicación gráfica. ( 50,000 años)
![Page 6: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/6.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Jeroglíficos, antecesores del alfabeto, utilización de
pictográmas e ideogramas.
![Page 7: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/7.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Antecedentes del alfabeto romano
![Page 8: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/8.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Características
Unidad 1: Letragrafía
![Page 9: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/9.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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.
![Page 10: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/10.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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
![Page 11: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/11.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
![Page 12: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/12.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
![Page 13: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/13.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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.
![Page 14: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/14.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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
![Page 15: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/15.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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
![Page 16: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/16.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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.
![Page 17: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/17.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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.
![Page 18: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/18.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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.
![Page 19: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/19.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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)
![Page 20: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/20.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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)
![Page 21: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/21.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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)
![Page 22: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/22.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Es una máquina componedora de encabezados, son muy lentas el espaciamiento entre caracteres se hace visualmente.
Fototituladora (frío)
![Page 23: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/23.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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)
![Page 24: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/24.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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
![Page 25: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/25.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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íadel S. XX
• Transfiere ideas de emisor a receptor.
• Elemento de impacto y fuerza.
• Crea identidad gráfica en combinación con íconos.
![Page 26: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/26.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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. XXArte Moderno
• Art Nouveau
• Constructivismo
• Dadaísmo
![Page 27: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/27.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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
![Page 28: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/28.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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 AncladaConsecuencia 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.
![Page 29: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/29.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Dadaismo Vs Bauhaus
![Page 30: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/30.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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.
![Page 31: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/31.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
La nueva tipografía
![Page 32: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/32.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Clasificación
Unidad 1: Letragrafía
![Page 33: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/33.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Clasificación de tipos
GRUPOS
![Page 34: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/34.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Clasificación de tipos
FAMILIAS
![Page 35: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/35.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Clasificación de tipos
FUENTES
![Page 36: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/36.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Clasificación de tipos
SERIES
![Page 37: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/37.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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.
![Page 38: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/38.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
DefiniciónLEGIBILIDAD: 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)
![Page 39: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/39.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Diagrama tipográfico
![Page 40: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/40.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena 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 normalEsta 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.
![Page 41: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/41.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Interrelación de formasy variante tipográfica
Unidad 1: Letragrafía
![Page 42: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/42.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
FormasE INTERRELACIÓN
Distanciamiento Toque Superposición Penetración
Unión Sustracción CoincidenciaIntersección
![Page 43: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/43.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
FormasSu interrelacion y tipografía
Distanciamiento
![Page 44: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/44.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
FormasSu interrelacion y tipografía
Toque
![Page 45: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/45.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
FormasSu interrelacion y tipografía
SuperposiciónPenetraciónUnión
![Page 46: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/46.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
FormasSu interrelación y tipografía
SustracciónIntersección
EquilibrioCoincidencia
![Page 47: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/47.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
1.4 Ejemplos
Unidad 1: Letragrafía
Ejercicios de los alumnos
![Page 48: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/48.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
![Page 49: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/49.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
![Page 50: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/50.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
CI UD
DA eStReNo
![Page 51: Módulo 2 S1 Tipografía](https://reader036.fdocuments.mx/reader036/viewer/2022062316/58eda0651a28ab453a8b46d3/html5/thumbnails/51.jpg)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Coherencia entre gruesos y delgados
Trazos, formas.