Este conjunto de diapositivas pretende demostrar el uso correcto de algunos elementos de diagramación, maquetación o layout.

1. 1.5 EL INTERLINEADO, EL
CUERPO DETEXTOY
DESTACADOS.
Unidad 1 Elementos de la diagramación

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

3. – Mario García, 2002
“Los diseñadores que respetan las palabras ganan el
respeto de los editores con los cuales trabajan”

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

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

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

7. 1.6 LA CONSTRUCCIÓN DE
LA MANCHATIPOGRÁFICAY
LA ANCHURA DE COLUMNA.
Unidad 1 Elementos de la diagramación

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

9. • 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 entreTexto
y lector 30 a 35cm. (Müller J., 1981)
• El tamaño de los caracteres si
cuenta. (Müller J., 1981)
(SamaraT., 2014)

10. • 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
VARIACIONESVISUALES
(SamaraT., 2014)

11. Oldstyle
Con Serifa
(SamaraT., 2014)
DeTransición Moderna
Sin SerifaSlab Serif

12. Typolution

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

16. PLANTEAMIENTO DE LAS
COLUMNAS
• El ancho del párrafo depende del peso y tamaño de una tipografía.
(SamaraT., 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 (SamaraT.,
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)

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

20. 1.7 LA FOTOGRAFÍA, LA
ILUSTRACIÓNY LAS ÁREAS DE
COLOR EN EL SISTEMA RETICULAR.
Unidad 1 Elementos de la diagramación

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

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

23. Caso de estudio 1:

24. Caso de estudio 2:

25. Caso de estudio 3:

26. Caso de estudio 4:

27. Caso de estudio 5:

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

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