Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.
-
Upload
sofia-pupo -
Category
Documents
-
view
235 -
download
0
Transcript of Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.
![Page 1: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/1.jpg)
Elementos compositivos
MárgenesRed tipográficaDiagramación
ExtensiónSecuencia
![Page 2: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/2.jpg)
• Espacios blancos (negativos) que quedan a los lados de la pagina impresa
Márgenes
![Page 3: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/3.jpg)
Red tipográfica o retículaEs un principio de organización, la cual se toma como pauta unitaria para todas las páginas tomando en cuenta todos los elementos que la conforman (cabezas, subcabezas, adornos, ilustraciones, fotos, pies, folios, mancha, etc.
Márgenes: Espacios negativos entre los bordes del formato y el contenido
Línea de orientación: Alineación que rompe los espacios en bandas horizontales permitiendo que el ojo tenga una guía a través del formato.
Zonas espaciales: grupos de módulos para organizar la información
Módulos o campos: Unidades individuales de espacio separadas por intervalos regulares y coinciden con las líneas de texto
Marcadores: Indicadores de encabezados, folio, títulos de sección que ocupan una ubicación en el diseño del formato (lay out)
Columnas: Alineaciones verticales de texto para crear divisiones horizontales entre los márgenes.
Medianil: espacio en blanco entre dos columnas de texto
![Page 4: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/4.jpg)
Retícula de línea báse
![Page 5: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/5.jpg)
Red tipográfica o retículaUsos: sirve al diseñador como instrumento de trabajo en espacios bi y tridimensionales de manera que le permiten la concepción, organización y configuración de las soluciones visuales a sus problemas de forma más segura y rápida.
![Page 6: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/6.jpg)
Retícula
![Page 7: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/7.jpg)
Retícula
![Page 8: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/8.jpg)
Retícula
![Page 9: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/9.jpg)
Retícula
![Page 10: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/10.jpg)
![Page 11: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/11.jpg)
Retícula
![Page 12: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/12.jpg)
Retícula
![Page 13: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/13.jpg)
Retícula
![Page 14: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/14.jpg)
Retícula
![Page 15: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/15.jpg)
Retícula
![Page 16: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/16.jpg)
Retícula
![Page 17: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/17.jpg)
Retícula
![Page 18: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/18.jpg)
Retícula
![Page 19: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/19.jpg)
Retícula
![Page 20: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/20.jpg)
![Page 21: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/21.jpg)
Lógica visual
• Estrategas de organizaciónPor tipo: Contenido ordenado por diferencias de significado
Por especificidad: Contenido categorizado (de lo general a detallado)
Por complejidad: Contenido ordenado con secuencia de menos a mas complejo
Por cronología: Contenido ordenado como parte de un proceso o en términos de contexto histórico
Por relevancia: Contenido organizado de acuerdo a la información más importante
![Page 22: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/22.jpg)
Variación formal
![Page 23: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/23.jpg)
Variación formal
![Page 24: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/24.jpg)
Secuencia
Variación estructural. Cambios sobre la distribución del contenido
Secuencia progresiva: Articulación de imagen y texto en una retícula donde el texto sigue una lógica y orden progresivo
Secuencia sincronizada: Articulación del contenido usando una secuencia particular, alternando la lógica a una segunda distribución del contenido y retornando a la primera
Variación continua: Articulación del contenido en continuo cambio de hoja a hoja
Variación de sección: Articulación del contenido usando secuencia en una hoja y dependiendo de las secciones sin ninguna repetición
![Page 25: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/25.jpg)
Secuencia
Presentación del contenido. Cambios en los atributos del contenido visual
Color o sincronización progresiva: Estrategia visual, secuencia de colores exhibiendo un esquema de color distinto
Progresión de escala Texto vs. imagen: Relación entre la cantidad de texto e imagen cada una en progresión o en distinto ritmo
Tratamiento de imagen: Cambios en el tratamiento de imágenes, o modos entre hojas o secuencias. Ejemplo de progresión de representativo a abstracto, alternando entre fotografías e icónos
![Page 26: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/26.jpg)
![Page 27: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/27.jpg)
Compaginación
• Disponer y ajustar de acuerdo a la red o retícula los distintos elementos, textos, ilustraciones, blancos
![Page 28: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/28.jpg)
Diagramación
• Diseño y distribución de cada una de las páginas de una publicación. Se ubican las fotos proporcionales o no a los campos, cabezas, adornos, folios, mancha tipográfica.
• Se realiza el cálculo tipográfico
![Page 29: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/29.jpg)
Diagramación
• Portada• Nombre de revista• Encabezados de artículos destacados• Código de barras• Sin folio
zoo
IIIIII
• Contraportada• Imagen rebasada
![Page 30: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/30.jpg)
Diagramación
• Página 1• Contenido• Créditos• Imágenes• Sin folio
Créditos
• Página 2• Imagen rebasada a media columna• Inicio de artículo, media columna• Folio y nombre de la revista
CONTENIDO
![Page 31: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/31.jpg)
![Page 32: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/32.jpg)
• Orden de páginas a incluir en un pliego determinado por la forma en que se va a encuadernar (por grapas, doblado etc)
Imposición
![Page 33: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/33.jpg)
Encuadernación
21/04/23 33
Encabalgado Cosido o grapado de los pliegos encabalgados
Alzado Fresado o cosido Desplasamiento hacia el exterior, el área impresa se ve afectada
![Page 34: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/34.jpg)
Imposición
21/04/2334
![Page 35: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/35.jpg)
21/04/23
35
![Page 36: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/36.jpg)
![Page 37: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/37.jpg)
Referencias
• Samara Timothy. Design elementos. A graphic style manual. Undestanding the rules and knowing when to break them. Rockport Publisher, Inc. 2007
![Page 38: Elementos compositivos Márgenes Red tipográfica Diagramación Extensión Secuencia.](https://reader036.fdocument.pub/reader036/viewer/2022062305/5665b4321a28abb57c8fe710/html5/thumbnails/38.jpg)