módulo 2 s1 tipografía

51
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”

Upload: claudia-mena

Post on 12-Apr-2017

374 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Módulo 2 S1 Tipografía

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

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

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

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

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

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

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

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

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

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

M2 S1

Produce elementos gráficos para la comunicación visual

MAV

ClaudiaMena González

Page 12: Módulo 2 S1 Tipografía

M2 S1

Produce elementos gráficos para la comunicación visual

MAV

ClaudiaMena González

Page 13: Módulo 2 S1 Tipografía

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

M2 S1

Produce elementos gráficos para la comunicación visual

MAV

ClaudiaMena González

Page 49: Módulo 2 S1 Tipografía

M2 S1

Produce elementos gráficos para la comunicación visual

MAV

ClaudiaMena González

Page 50: Módulo 2 S1 Tipografía

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

M2 S1

Produce elementos gráficos para la comunicación visual

MAV

ClaudiaMena González

Coherencia entre gruesos y delgados

Trazos, formas.