El documento habla sobre diagramación y composición. La diagramación se refiere a la organización de contenidos escritos y visuales en un espacio, tomando en cuenta factores como la jerarquía, legibilidad y estética. La composición se refiere al diseño de la estructura de páginas usando elementos como márgenes, columnas y retículas para equilibrar los elementos de manera funcional y atractiva. Algunos principios clave de la composición incluyen centrar el foco de atención, guiar la mirada del lector y ev

1. Diagramación y composición

2. Diagramación
• Organización en un espacio de los contenidos escritos y visuales. A partir de
cajas aquí se genera la maqueta del libro, la cual luego hace que otros
argumentos, como la norma de texto a utilizar, interactúen con las fuentes
tipográficas y le den ese toque único propio de cada publicación.
• Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e
imagen) en el espacio bidimensional (el papel) mediante criterios de
jerarquización (importancia) buscando funcionalidad del mensaje fácil lectura
bajo una apariencia estética agradable, aplicación adecuada de tipografías y
colores.
• Los fundamentos de la diagramación son: la tipografía, el color y la
composición.

3. Diagramación
Diagramación: Organización de elementos jerarquizados, basados en
un sistema estético de carácter funcional.
En un mensaje visual participan tres códigos:
Código Iconográfico
Código Lexográfico (ver Tipografías, Aspectos formales de la
tipografía)
Código Cromático (ver Código Cromático)

4. Al momento de diseñar es necesario tener definida las intenciones
del diseño y el material (información) que se va utilizar para dar el
mensaje.
Definidos estos, comienza el proceso de organización, ser capaz de
identificar y clasificar la información.
Clasificar la información por su función:
– Llamado de atención /Golpe visual
– Acentuaciones
– Cuerpo de la información y desarrollo
– Información referencial.

5. Diagramación
• Permite distribuir el espacio visual de trabajo para organizar las
relaciones y códigos que participaran de este mensaje.
• El siguiente paso es la funcionalidad de este mensaje con su soporte,
uso y manipulación del mismo por el receptor.
• Al definir un espacio, es indudable que defino una forma particular de
uso o si se quiere, el uso determina el soporte, por lo tanto, al
momento de organizar este espacio visual, tengo que tomar en
cuenta la forma de uso que tendrá, para poder proyectar la
información adecuada en el espacio preciso.

6. Para lograr esta proyección, reviso materiales, soportes, soluciones
dadas anteriormente y recreo una secuencia “lógica” que me
permitirá anticipar la acción y es así que diseño mi caja que contendrá
espacios, medias y módulos = Caja de Diagramación/Layout, que será
el marco de referencia para establecer en ella las relaciones de los
elementos dispuesto como también las relaciones de esa información
y su usuario.
Composición:
Entendiendo que los desafío de la composición son:
Facilitar la lectura
Función estética

7. Diagramación
• Direccionalidad: la horizontal y la vertical son las direcciones
predefinidas en nuestra relación con el entorno (sea cual sea), en ese
afán de entender y organizar ese entorno en busca del equilibrio.
• Tensiones: todo espacio visual es capaz de ejercer fuerzas sobre los
elementos que en él se disponen, a propósito de nuestra forma de
entender y asociar a los elementos por distancias, firma, tamaño,
textura, color… los elementos se atraen o por el contrario se repelen.
• Jerarquías y peso visual: organizar la linealidad o saltos en la lectura
de un mensaje visual requiere del control de las relaciones visuales
que se establecen al interior por tamaño, disposición espacial, color,
textura y formas

8. Dentro de los ejemplos clásicos tenemos los recorridos verticales
descendentes, los horizontales y aquellos que juegan en variantes del
recorrido siguiendo algún patrón lógico.
Repetición y ritmo: los conceptos de repetición, alternancia, simetría,
compresión, expansión, reflejo, rotación, traslación nos permiten
visualizar el ritmo
El primer paso en el diseño de objetos o procesos es la representación
mediante diagramas de su estructura, funcionamiento y
comportamiento.
La diagramación a la cual nos referimos consiste en la representación
de los contenidos que tendrá un producto digital.

9. • Maquetación de revistas o
libros: Creación de una retícula
• Conceptos básicos de retícula
• La retícula es un conjunto de
relaciones basadas en la
alineación, actúan como guías
en la distribución en los
elementos de todo
formato(principio organizador).
• Cada retícula contiene las
mismas partes básicas, con
independencia del grado de
complejidad que alcance. Cada
parte cumple una función
determinada.
• Tipos de retícula
Diseño de retícula geométrico.
Formas o imágenes geométricas

11. La Composición
• En composición hablamos del diseño de la estructura de la página que obedece a una
serie de reglas, necesarias para que el producto gráfico tenga estérica y función, que sea
legible, claro y estandarizado.
• Algunos de los elementos a tomar en cuenta para una diagramación son:
• Formato: tamaño final de la publicación. Se relacione con el tamaño del papel.
• Márgenes: definen la caja de diagramación que es donde van los textos y las imágenes.
• Columnas: establecen la modulación vertical. Pueden establecerse por número,
combinarse y no tienen que ser del mismo ancho.

12. • Jerarquización: es organización de datos, ya sea en orden ascendente
o descendente.
• Además de los textos, los titulares, las fotos o ilustraciones, las
viñetas, encabezados y los espacios para la publicidad.
• La retícula es una plantilla de diseño, y esta es una herramienta de
diseño que nos permite equilibrar todos los elementos de la
composición que se está apunto de crear.
• Está compuesta por una estructura en dos dimensiones la cual está
hecha de líneas verticales y horizontales que tienen como fin formar
cuadrados, rectángulos o círculos.

13. La Composición
• Con esta estructura podemos ordenar todos los elementos
racionalmente. Entonces más que solo líneas, son bloques de
construcción es la cuadrícula en la que se estructurará o montará el
diseño.
• También se le conoce como página maestra o caja gráfica.
• Los trabajos de maquetación deben llevar una guía, para esto se
utiliza una retícula compositiva, la cual tiene la finalidad de conseguir
un orden y estética, la retícula compositiva se puede definir como una
plantilla.
• Una retícula base, se encuentra compuesta por las siguientes partes,
dependiendo de la composición que se esté diseñando:

14. • La orientación del papel. -
• El número de columnas y el tamaño de estas. -
• La separación existente entre ellas (el medianil). -
• El color y formato del texto (tipografía y tamaño), los titulares,
cabeceras, pies de imagen, etc.-
• El uso de las imágenes como fondo en todas las páginas (marcas de
agua) y demás elementos ornamentales, tales como los filetes
decorativos, etc.

15. La Composición
http://www.ucvmastercd.com/hart/blog/wp-content/uploads/Principios_Composicion_Patron.jpg

16. La Regla de los tres terciosLa composición convencional puede ser alcanzada utilizando
un número de principios:
Centro de interés: Debe haber un punto de especial atracción
o foco en la obra, previniendo que la obra se convierta en un
patrón en sí misma.
Direccionalidad: La trayectoria seguida por el ojo del
espectador debe conducir la atención alrededor de todos los
elementos en el trabajo, antes de conducirla fuera del cuadro.
Ley de la mirada: Un sujeto que sugiere movimiento debe
tener espacio en frente.
El contraste: La tonalidad del color, y las diferencias de
luminosidad/oscuridad dentro del cuadro.
Evitar la simetría: Es preferible que se eviten las bisecciones
exactas del espacio, excepto cuando se quiera expresar
simetría.
El tema prominente debe ser excéntrico, a menos que se
desee una composición simétrica o formal, y se puede
equilibrar por elementos basados en los satélites más
pequeños.
Ley del Horizonte: Preferiblemente la línea del horizonte no
debe dividir la obra en dos porciones iguales, sino que debe
estar ubicada de tal manera que acentúe la porción de cielo o
de tierra.
La regla de los tercios es una pauta seguida comúnmente por los artistas
visuales. El objetivo es evitar que el centro de interés y los objetos (tales
como el horizonte) corten la imagen por la mitad, poniéndolos cerca de
una de las líneas que dividirían la imagen en tres columnas y filas iguales,
idealmente cerca de la intersección de esas líneas.

19. Una composición gráfica es un conjunto de elementos textuales y gráficos que trabajan conjuntamente para transmitir
una información, un mensaje, a los espectadores o usuarios finales.
En este trabajo en equipo, los contenidos gráficos no sólo aportan aspectos visuales y estéticos, sino que su presencia,
sus formas y colores, afectan profundamente a la información ofrecida por los elementos textuales, reforzando su
impacto final sobre el espectador.

20. Composición libre o violenta

21. Composición continua

22. Composición en espiral