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”
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.
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Antecedentes
Unidad 1: Letragrafía
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.
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)
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.
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Antecedentes del alfabeto romano
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Características
Unidad 1: Letragrafía
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.
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
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
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.
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
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
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.
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.
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.
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)
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)
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)
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)
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)
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
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.
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
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
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.
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Dadaismo Vs Bauhaus
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.
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
La nueva tipografía
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Clasificación
Unidad 1: Letragrafía
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Clasificación de tipos
GRUPOS
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Clasificación de tipos
FAMILIAS
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Clasificación de tipos
FUENTES
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Clasificación de tipos
SERIES
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.
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)
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Diagrama tipográfico
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.
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
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
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
FormasSu interrelacion y tipografía
Distanciamiento
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
FormasSu interrelacion y tipografía
Toque
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
FormasSu interrelacion y tipografía
SuperposiciónPenetraciónUnión
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
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
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
CI UD
DA eStReNo
M2 S1
Produce elementos gráficos para la comunicación visual
MAV
ClaudiaMena González
Coherencia entre gruesos y delgados
Trazos, formas.
Top Related