25
DIA GRAMA CIÓN FUNDAMENTOS Y PRINCIPIOS BÁSICOS MARIO BURGOS CORZO

Fundamentos de diagramación Sesión 1

  • Upload
    eme2525

  • View
    274

  • Download
    7

Embed Size (px)

Citation preview

Page 1: Fundamentos de diagramación Sesión 1

DIAGRAMACIÓN

FUNDAMENTOS Y PRINCIPIOS BÁSICOS

MARIO BURGOS CORZO

Page 2: Fundamentos de diagramación Sesión 1

La diagramación, también llamada maquetación, es un o�cio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, vi-suales y en algunos casos audiovisuales (multime-dia) en medios impresos y electrónicos, comopublicaciones editoriales.

MAQUETACIÓNUna de las numerosas herramientas que el dise-ñador tiene a su disposición para dirigir al lector por el contenido.

LA DIAGRAMACIÓN

Page 3: Fundamentos de diagramación Sesión 1

ELEMENTOS

TEXTO IMAGEN GRÁFICOS COLOR TIPOGRÍFA

DECISIONES DE DISEÑOVARIABLES QUE DETERMINANEL TIPO DE PIEZA EDITORIAL

Page 4: Fundamentos de diagramación Sesión 1

PIEZAS EDITORIALES

LibroRevistaBrochureCatálogoFanzineReporteWebPortafolioPeriódicoFlayerDipticoTripticoHojas membreteSobresTarjetas

Page 5: Fundamentos de diagramación Sesión 1

Determina las divisionesinternas de la página,

estructura de navegacióncompositiva.

La formaen que los elementos

FUNCIONANdentro del formato.

In�uye en la posición(ubicación exacta)

de los elementos y su relacióndentro de la página.

La formaen que los elementos

se RELACIONANdentro del formato

Determina las proporcionesexternas de la página

Cuando nos referimos a la formade composición de los elementos

de contenido editorial.Distribución proporcional

de los espacios de un texto.

RETÍCULA FORMATO

COMPOSICIÓN

DIAGRAMACIÓNO

MAQUETACIÓN

Page 6: Fundamentos de diagramación Sesión 1

RetículaGrillaRejillaTodos los trabajos de maquetación, deben llevar una guía a través de una estructura estudiada y de tama-ños �jos. Para ello usamos, la retícul compositiva, que consiste en una guía en los elementos de la maque-tación en papel, con la �nalidad de conseguir, un orden y estética.

Page 7: Fundamentos de diagramación Sesión 1

1. Aporta consistencia a la publicación

2. Coherencia visual por lo tanto con-centración en el contenido

3. Proporciona el mecanismo de for-malización de la relación de los ele-mentos de contenido editorial

4. Los sistemas básicos determinan la anchura de los márgenes; proporcio-nes de la zona impresa, el número, la longitud y la profundidad de las co-lumnas y la anchura de los intérvalos entre éstas.

5. Los sistemas complejos de�nen la base sobre la que se asientan los tiposy pueden determinar incluso el forma-to de las imágenes, la posición de los títulos, folios, notas al pie, etc.

6. Añade valor y fuerza al textoaportándole un sentimiento y una ac-titud determinados, lo cual in�uye sobre el modo en que se lee, ve o per-cibe dicho texto.

Page 8: Fundamentos de diagramación Sesión 1

Espiral aureoForma clásica o formal de crear una composición con un equilibrio armónico.Sus “proporciones divinas” son aplicadas por muchos diseñadores a la hora de crear una retícula para una composición o un formato de página.

Page 9: Fundamentos de diagramación Sesión 1
Page 10: Fundamentos de diagramación Sesión 1

Sucesión in�nita deFibonacci0, 1, 1, 2, 3, 5, 8, 13,21, 34, 55, 89, 144,233, 377, 610, 987,1597, 2584, 4181,6765, 10946…

Page 11: Fundamentos de diagramación Sesión 1

Una retícula puede ser simétrica, asimétrica omodular, y puede ser todo lo sencilla o compleja

que exija el diseño

Page 12: Fundamentos de diagramación Sesión 1
Page 13: Fundamentos de diagramación Sesión 1
Page 14: Fundamentos de diagramación Sesión 1

ELEMENTOS DE LA RETÍCULA

Page 15: Fundamentos de diagramación Sesión 1

DIAGRAMAS DE RETÍCULAS BÁSICAS

RETÍCULADE UNA SOLACOLUMNAse emplea por logeneral para textoseguido, comoensayos, informes olibros. El principalelemento de la páginaes el bloque de texto.

1

2

3

RETÍCULADE DOSCOLUMNASSirve para organizarun texto extenso opara presentardiferentes tipos deinformación encolumnas separadas.Puede incluircolumnas de anchoigual o distinto.Para conseguir lasproporciones ideales,cuando una columnaes más ancha que laotra, la primera debeser el doble de anchaque la segunda.

RETÍCULASDE MÚLTIPLESCOLUMNASPermite una mayor�exibilidadque las de una o doscolumnas. Combinanvarias de diversasanchuras y resultanútiles para revistas ypáginas web.

Page 16: Fundamentos de diagramación Sesión 1

4

5

RETÍCULASMODULARESSon las másadecuadas paraorganizar el tipo deinformación complejaque hallamos enperiódicos,calendarios, grá�cos ytablas. Combinancolumnas verticales yhorizontales, quedistribuyen laestructura en espaciosmás pequeños.

RETÍCULASJERÁRQUICASDescomponen lapágina en zonas.Muchas de ellas secomponen decolumnas horizontales.

Page 17: Fundamentos de diagramación Sesión 1

En los libros antiguos las divisiones están determinadas por la construcción geomé-trica antes que por las medidas.

BIBLIA DE JOHANNES GUTTENBERG

Page 18: Fundamentos de diagramación Sesión 1

CREACIÓN DE RETÍCULA SIMÉTRICA Diagrama de Villard de Honnecourt

Se toman dos páginas igualesy proporcionadas. Se trazan unasmedias líneas diagonales desdeel centro hasta las esquinas inf.

izquierda (verso) e inferiorderecha (recto) de cada página.

Se crea una línea diagonalcompleta desde el centro hasta

las esquinas inf. izquierda (verso)e inf. derecha (recto) de cada

página.

En la página izquierda se dibujauna línea desde el punto de

intersección entre las mediaslíneas diagonales y las diagonalescompletas (verso) hasta la parte

superior de la página.

Se dibuja una línea desde laparte superior de la página izq.

(verso) hasta el punto deintersección entre las medias

líneas diagonales completas dela página derecha (recto).

Page 19: Fundamentos de diagramación Sesión 1

Se traza una línea hacia laizquierda desde el nuevo punto de

intersección de la media líneadiagonal de la página izq. (verso)

para unirla con la diagonalcompleta y, a continuación, haciaabajo para cruzarse con la media

línea diagonal y, �nalmente, haciaarriba para crear el área donde se

colocará el texto.

Se repiten los mismos pasos,pero esta vez en la página

derecha (recto). De este modose obtienen dos áreas

totalmente equilibradasy simétricas para crear el texto.

Page 20: Fundamentos de diagramación Sesión 1
Page 21: Fundamentos de diagramación Sesión 1
Page 22: Fundamentos de diagramación Sesión 1

FORMATOS NORMALIZADOS: SERIE A, B y C

El pliego de papel fabricado, mide 1 metro cua-drado y la medida de sus lados guardan una pro-porción tal, que dividiéndolo al medio en su lon-gitud, cada una de las mitades siguen guardando la misma relación entre sus lados que el pliego original.

Formatos A DIN Deutsche Institut fürNormung

Serie formadapor rectángulosque, divididos pordos, proporcionanotro rectángulocon las mismasproporciones.

Page 23: Fundamentos de diagramación Sesión 1
Page 24: Fundamentos de diagramación Sesión 1

Suelen utilizarse principalmente para denominar y reconocer las medidas de sobres y bolsas

Page 25: Fundamentos de diagramación Sesión 1