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

Post on 16-Apr-2017

563 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

1.5 EL INTERLINEADO, EL CUERPO DE TEXTO Y

DESTACADOS.Unidad 1 Elementos de la diagramación

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.

– Mario García, 2002

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

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

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.

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.

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

Unidad 1 Elementos de la diagramación

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.

• 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)

• 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)

Oldstyle

Con Serifa

(Samara T., 2014)

De Transición Moderna

Sin SerifaSlab Serif

• 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)

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)

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

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

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

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.

• 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.

Caso de estudio 1:

Caso de estudio 2:

Caso de estudio 3:

Caso de estudio 4:

Caso de estudio 5:

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.

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

top related