el uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

32
1.5 EL INTERLINEADO, EL CUERPO DE TEXTO Y DESTACADOS. Unidad 1 Elementos de la diagramación

Upload: carlos

Post on 16-Apr-2017

563 views

Category:

Design


0 download

TRANSCRIPT

Page 1: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

1.5 EL INTERLINEADO, EL CUERPO DE TEXTO Y

DESTACADOS.Unidad 1 Elementos de la diagramación

Page 2: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

OBJETIVO INSTRUCCIONAL:

• Al finalizar la clase , los alumnos podrán planear interlineados, cuerpo de textos y destacados acorde a las necesidades del consumidor para proyectos de diagramación.

Page 3: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

– Mario García, 2002

“Los diseñadores que respetan las palabras ganan el respeto de los editores con los cuales trabajan”

Page 4: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

• A continuación una seria de interlineados, determinemos por qué están bien o están mal.

Page 5: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

La gente quiere seguir consumiendo buenas historias. Hay

múltiples pruebas de ello. El último ejemplo de ello es la

Revista5W, fundada por un grupo de periodistas españoles

y enfocada en la información internacional.

Page 6: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

La gente quiere seguir consumiendo buenas historias. Hay múltiples pruebas de ello. El último ejemplo de ello es la Revista5W, fundada por un grupo de periodistas españoles y enfocada en la información internacional.

Page 7: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

1.6 LA CONSTRUCCIÓN DE LA MANCHA TIPOGRÁFICA Y LA ANCHURA DE COLUMNA.

Unidad 1 Elementos de la diagramación

Page 8: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

OBJETIVO INSTRUCCIONAL:

• Al finalizar la clase , los alumnos podrán planear la construcción de la mancha tipográfica y la anchura de columna acorde a las necesidades del consumidor.

Page 9: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

• El espacio entre letras y palabras es crucial para una mancha tipográfica uniforme libre de distracciones para el lector.

• Cada familia tipográfica tiene interlineados y entre letrados que se adaptan a sus características.

• La distancia promedio entre Texto y lector 30 a 35cm. (Müller J., 1981)

• El tamaño de los caracteres si cuenta. (Müller J., 1981)

(Samara T., 2014)

Page 10: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

• La letras pueden variar por su:

• Cajabaja y cajaalta Ag

• Peso y contraste A A A A A

• Ancho

• Postura

• Estilo Con Serifa, Sin Serifa y Gráficos

DIAGRAMANDO CON VARIACIONES VISUALES

(Samara T., 2014)

Page 11: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

Oldstyle

Con Serifa

(Samara T., 2014)

De Transición Moderna

Sin SerifaSlab Serif

Page 13: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

• Siempre considere las palabras claves.

• Apéguese a los adjetivos.

• Encuentre las frases descriptivas o puntos de vista.

• Considere el tono de las palabras.

• Busque familias tipográficas extensas que permitan contraste.

PARA COMPONER CON TIPOGRAFÍAS

(García M., 2002)

Page 14: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia
Page 15: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia
Page 16: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

PLANTEAMIENTO DE LAS COLUMNAS• El ancho del párrafo depende del peso y tamaño de una tipografía.

(Samara T., 2014)

• Una forma empírica de asignar la anchura aconseja el colocar entre 7 a 10 palabras por linea. (Müller J., 1981) 8 y 12 palabras por linea (Samara T., 2014)

• La formula de interlineado para una mejor lectura es de: TF +2pt (Müller J., 1981)

• Las columnas muy anchas o muy cortas dificultan la lectura y cansan al ojo . (Müller J., 1981)

Page 17: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia
Page 18: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia
Page 19: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

• ¿Qué es mejor que una alineación a la derecha, centrada o a la izquierda? ¿Por qué?

Page 20: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

1.7 LA FOTOGRAFÍA, LA ILUSTRACIÓN Y LAS ÁREAS DE

COLOR EN EL SISTEMA RETICULAR.Unidad 1 Elementos de la diagramación

Page 21: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

OBJETIVO INSTRUCCIONAL:

• Al finalizar la clase , los alumnos podrán Planear la colocación de la fotografía, ilustraciones acorde a las necesidades del consumidor.

Page 22: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

• La interacción entre imágenes, ilustraciones o infografías con los textos es muy importante al momento de diagramar ya que una correcta interacción aporta la comprensión del mensaje por parte del lector.

Page 23: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

Caso de estudio 1:

Page 24: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

Caso de estudio 2:

Page 25: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

Caso de estudio 3:

Page 26: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

Caso de estudio 4:

Page 27: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

Caso de estudio 5:

Page 28: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

EN CONCLUSIÓN• Hay recordar las leyes de la

Gestalt.

• No es recomendable poner mucho texto sobre imágenes con varias cromáticas y si sucede lo mejor es buscar retocar la imagen.

• Se pueden colocar textos sobre la piel y el rostro siempre y cuando se busque componer con ellos.

• El uso de strokes y sombras son la solución más fácil pero no siempre la más adecuada.

• Hay que arriesgarse siempre y cuando exista una planificación para el recorrido visual.

• Cuidado con confundir a los titulares con la interacción imagen mancha tipográfica.

Page 29: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia
Page 30: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia
Page 31: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia

Pero cómo funcionan las ilustraciones y la infografías:

Page 32: El uso del interlineado, mancha tipográfica, fotografías, ilustraciones e infografia