SlideShare una empresa de Scribd logo
1 de 25
Descargar para leer sin conexión
DIA
GRAMA
CIÓN
FUNDAMENTOS Y PRINCIPIOS BÁSICOS
MARIO BURGOS CORZO
La diagramación, también llamada maquetación,
es un oficio 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, como
publicaciones editoriales.
MAQUETACIÓN
Una de las numerosas herramientas que el dise-
ñador tiene a su disposición para dirigir al lector
por el contenido.
LA DIAGRAMACIÓN
ELEMENTOS
TEXTO IMAGEN GRÁFICOS COLOR TIPOGRÍFA
DECISIONES DE DISEÑO
VARIABLES QUE DETERMINAN
EL TIPO DE PIEZA EDITORIAL
PIEZAS
EDITORIALES
Libro
Revista
Brochure
Catálogo
Fanzine
Reporte
Web
Portafolio
Periódico
Flayer
Diptico
Triptico
Hojas membrete
Sobres
Tarjetas
Determina las divisiones
internas de la página,
estructura de navegación
compositiva.
La forma
en que los elementos
FUNCIONAN
dentro del formato.
Influye en la posición
(ubicación exacta)
de los elementos y su relación
dentro de la página.
La forma
en que los elementos
se RELACIONAN
dentro del formato
Determina las proporciones
externas de la página
Cuando nos referimos a la forma
de composición de los elementos
de contenido editorial.
Distribución proporcional
de los espacios de un texto.
RETÍCULA FORMATO
COMPOSICIÓN
DIAGRAMACIÓN
O
MAQUETACIÓN
Retícula
Grilla
Rejilla
Todos los trabajos de maquetación,
deben llevar una guía a través de
una estructura estudiada y de tama-
ños fijos. 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 finalidad de
conseguir, un orden y estética.
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 definen la
base sobre la que se asientan los tipos
y 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 texto
aportándole un sentimiento y una ac-
titud determinados, lo cual influye
sobre el modo en que se lee, ve o per-
cibe dicho texto.
Espiral aureo
Forma 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.
Sucesión infinita de
Fibonacci
0, 1, 1, 2, 3, 5, 8, 13,
21, 34, 55, 89, 144,
233, 377, 610, 987,
1597, 2584, 4181,
6765, 10946…
Una retícula puede ser simétrica, asimétrica o
modular, y puede ser todo lo sencilla o compleja
que exija el diseño
ELEMENTOS DE LA RETÍCULA
DIAGRAMAS DE RETÍCULAS BÁSICAS
RETÍCULA
DE UNA SOLA
COLUMNA
se emplea por lo
general para texto
seguido, como
ensayos, informes o
libros. El principal
elemento de la página
es el bloque de texto.
1
2
3
RETÍCULA
DE DOS
COLUMNAS
Sirve para organizar
un texto extenso o
para presentar
diferentes tipos de
información en
columnas separadas.
Puede incluir
columnas de ancho
igual o distinto.
Para conseguir las
proporciones ideales,
cuando una columna
es más ancha que la
otra, la primera debe
ser el doble de ancha
que la segunda.
RETÍCULAS
DE MÚLTIPLES
COLUMNAS
Permite una mayor
flexibilidad
que las de una o dos
columnas. Combinan
varias de diversas
anchuras y resultan
útiles para revistas y
páginas web.
4
5
RETÍCULAS
MODULARES
Son las más
adecuadas para
organizar el tipo de
información compleja
que hallamos en
periódicos,
calendarios, gráficos y
tablas. Combinan
columnas verticales y
horizontales, que
distribuyen la
estructura en espacios
más pequeños.
RETÍCULAS
JERÁRQUICAS
Descomponen la
página en zonas.
Muchas de ellas se
componen de
columnas horizontales.
En los libros antiguos
las divisiones están
determinadas por la
construcción geomé-
trica antes que por
las medidas.
BIBLIA DE
JOHANNES GUTTENBERG
CREACIÓN DE RETÍCULA SIMÉTRICA
Diagrama de Villard de Honnecourt
Se toman dos páginas iguales
y proporcionadas. Se trazan unas
medias líneas diagonales desde
el centro hasta las esquinas inf.
izquierda (verso) e inferior
derecha (recto) de cada página.
Se crea una línea diagonal
completa desde el centro hasta
las esquinas inf. izquierda (verso)
e inf. derecha (recto) de cada
página.
En la página izquierda se dibuja
una línea desde el punto de
intersección entre las medias
líneas diagonales y las diagonales
completas (verso) hasta la parte
superior de la página.
Se dibuja una línea desde la
parte superior de la página izq.
(verso) hasta el punto de
intersección entre las medias
líneas diagonales completas de
la página derecha (recto).
Se traza una línea hacia la
izquierda desde el nuevo punto de
intersección de la media línea
diagonal de la página izq. (verso)
para unirla con la diagonal
completa y, a continuación, hacia
abajo para cruzarse con la media
línea diagonal y, finalmente, hacia
arriba 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 modo
se obtienen dos áreas
totalmente equilibradas
y simétricas para crear el texto.
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ür
Normung
Serie formada
por rectángulos
que, divididos por
dos, proporcionan
otro rectángulo
con las mismas
proporciones.
Suelen utilizarse principalmente para denominar
y reconocer las medidas de sobres y bolsas
Fundamentos de diagramación Sesión 1

Más contenido relacionado

La actualidad más candente

Unidad 1 - Fundamentos del diseño gráfico
Unidad 1  - Fundamentos del diseño gráficoUnidad 1  - Fundamentos del diseño gráfico
Unidad 1 - Fundamentos del diseño gráficoFidel Romero
 
Diseño de la comunicación visual acento
Diseño de la comunicación visual   acentoDiseño de la comunicación visual   acento
Diseño de la comunicación visual acentoCucho Ayala
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: RetículasFidel Romero
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación Nathaly Correa
 
La tipografía en los medios impresos
La tipografía en los medios impresosLa tipografía en los medios impresos
La tipografía en los medios impresosSilvia Toledo Valerio
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficasOmar Duarte
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicionRenan Israel
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNAle Altuve
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDavid Nuñez
 
Sesion ornamentos tipograficos
Sesion ornamentos tipograficosSesion ornamentos tipograficos
Sesion ornamentos tipograficoseme2525
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulastls02cv
 
Clase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoClase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoDania Hernandez Moreno
 

La actualidad más candente (20)

Unidad 1 - Fundamentos del diseño gráfico
Unidad 1  - Fundamentos del diseño gráficoUnidad 1  - Fundamentos del diseño gráfico
Unidad 1 - Fundamentos del diseño gráfico
 
Tipos de reticulas
Tipos de reticulasTipos de reticulas
Tipos de reticulas
 
Diseño de la comunicación visual acento
Diseño de la comunicación visual   acentoDiseño de la comunicación visual   acento
Diseño de la comunicación visual acento
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: Retículas
 
Tipografia
TipografiaTipografia
Tipografia
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
 
La tipografía en los medios impresos
La tipografía en los medios impresosLa tipografía en los medios impresos
La tipografía en los medios impresos
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
 
Que son fuentes tipográficas
Que son fuentes tipográficasQue son fuentes tipográficas
Que son fuentes tipográficas
 
Tipografias
TipografiasTipografias
Tipografias
 
Diagramacion de revista
Diagramacion de revistaDiagramacion de revista
Diagramacion de revista
 
Que es diagramación
Que es diagramación Que es diagramación
Que es diagramación
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicion
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
 
Diseño editorial portada de revistas
Diseño editorial portada de revistasDiseño editorial portada de revistas
Diseño editorial portada de revistas
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Sesion ornamentos tipograficos
Sesion ornamentos tipograficosSesion ornamentos tipograficos
Sesion ornamentos tipograficos
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
Clase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoClase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño Gráfico
 
CONCEPTOS DE LA GRAMÁTICA VISUAL
CONCEPTOS DE LA GRAMÁTICA VISUALCONCEPTOS DE LA GRAMÁTICA VISUAL
CONCEPTOS DE LA GRAMÁTICA VISUAL
 

Destacado

Novelas, diario,noticia, biografía, historieta, entre otras.
Novelas, diario,noticia, biografía, historieta, entre otras.Novelas, diario,noticia, biografía, historieta, entre otras.
Novelas, diario,noticia, biografía, historieta, entre otras.Keysi Castillo
 
PERIÓDICO: PORTADA Y CONTRAPORTADA
PERIÓDICO: PORTADA Y CONTRAPORTADAPERIÓDICO: PORTADA Y CONTRAPORTADA
PERIÓDICO: PORTADA Y CONTRAPORTADAPepa Botella
 
El vocablo y el proceso del cómic
El vocablo y el proceso del cómic El vocablo y el proceso del cómic
El vocablo y el proceso del cómic Giselle Escandón
 
La Escritura Creativa y Narrativa
La Escritura Creativa y NarrativaLa Escritura Creativa y Narrativa
La Escritura Creativa y NarrativaGiselle Escandón
 
Historia del Cómic y la Novela Gráfica
Historia del Cómic y la Novela GráficaHistoria del Cómic y la Novela Gráfica
Historia del Cómic y la Novela GráficaGiselle Escandón
 
La historia y los tipos de animación
La historia y los tipos de animaciónLa historia y los tipos de animación
La historia y los tipos de animaciónGiselle Escandón
 
Narración Gráfica: El mensaje Visual
Narración Gráfica: El mensaje VisualNarración Gráfica: El mensaje Visual
Narración Gráfica: El mensaje VisualGiselle Escandón
 

Destacado (13)

Novelas, diario,noticia, biografía, historieta, entre otras.
Novelas, diario,noticia, biografía, historieta, entre otras.Novelas, diario,noticia, biografía, historieta, entre otras.
Novelas, diario,noticia, biografía, historieta, entre otras.
 
PERIÓDICO: PORTADA Y CONTRAPORTADA
PERIÓDICO: PORTADA Y CONTRAPORTADAPERIÓDICO: PORTADA Y CONTRAPORTADA
PERIÓDICO: PORTADA Y CONTRAPORTADA
 
El Poder de las palabras
El Poder de las palabrasEl Poder de las palabras
El Poder de las palabras
 
El cuento, mitos y leyendas
El cuento, mitos y leyendasEl cuento, mitos y leyendas
El cuento, mitos y leyendas
 
El vocablo y el proceso del cómic
El vocablo y el proceso del cómic El vocablo y el proceso del cómic
El vocablo y el proceso del cómic
 
Diseño de Personajes
Diseño de PersonajesDiseño de Personajes
Diseño de Personajes
 
Como Ilustrar el Guión
Como Ilustrar el GuiónComo Ilustrar el Guión
Como Ilustrar el Guión
 
Como Escribir con imagenes
Como Escribir con imagenesComo Escribir con imagenes
Como Escribir con imagenes
 
La Escritura Creativa y Narrativa
La Escritura Creativa y NarrativaLa Escritura Creativa y Narrativa
La Escritura Creativa y Narrativa
 
Historia del Cómic y la Novela Gráfica
Historia del Cómic y la Novela GráficaHistoria del Cómic y la Novela Gráfica
Historia del Cómic y la Novela Gráfica
 
La historia y los tipos de animación
La historia y los tipos de animaciónLa historia y los tipos de animación
La historia y los tipos de animación
 
Cómo Redactar el Guión
Cómo Redactar el GuiónCómo Redactar el Guión
Cómo Redactar el Guión
 
Narración Gráfica: El mensaje Visual
Narración Gráfica: El mensaje VisualNarración Gráfica: El mensaje Visual
Narración Gráfica: El mensaje Visual
 

Similar a Fundamentos de diagramación Sesión 1

Similar a Fundamentos de diagramación Sesión 1 (20)

Layout
LayoutLayout
Layout
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
T2 pa3drawienskygarcia
T2 pa3drawienskygarciaT2 pa3drawienskygarcia
T2 pa3drawienskygarcia
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Diagramación y composición act 2.1
Diagramación y composición act 2.1Diagramación y composición act 2.1
Diagramación y composición act 2.1
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Tipografia y maquetacion6
Tipografia y maquetacion6Tipografia y maquetacion6
Tipografia y maquetacion6
 
07 tipos de diagramacion
07 tipos de diagramacion07 tipos de diagramacion
07 tipos de diagramacion
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenografico
 
T2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dgT2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dg
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
T1.giomara y stalin
T1.giomara y stalinT1.giomara y stalin
T1.giomara y stalin
 
Maquetación Alejandra taller3
Maquetación Alejandra taller3Maquetación Alejandra taller3
Maquetación Alejandra taller3
 
Maquetación
MaquetaciónMaquetación
Maquetación
 
Layout
LayoutLayout
Layout
 
T2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoT2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenografico
 
T2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgT2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dg
 
Documento 5
Documento 5Documento 5
Documento 5
 
Layout
LayoutLayout
Layout
 

Más de eme2525

Armonias de color presentacion
Armonias de color presentacionArmonias de color presentacion
Armonias de color presentacioneme2525
 
Anatomia del tipo
Anatomia del tipoAnatomia del tipo
Anatomia del tipoeme2525
 
Repaso tipografía
Repaso tipografía Repaso tipografía
Repaso tipografía eme2525
 
Historia gráfica de la letra
Historia gráfica de la letraHistoria gráfica de la letra
Historia gráfica de la letraeme2525
 
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02eme2525
 
Redacción para scripts
Redacción para scriptsRedacción para scripts
Redacción para scriptseme2525
 
El eslogan. características
El eslogan. característicasEl eslogan. características
El eslogan. característicaseme2525
 
Figuras retoricas sintacticas
Figuras retoricas sintacticasFiguras retoricas sintacticas
Figuras retoricas sintacticaseme2525
 
Figuras retoricas semanticas
Figuras retoricas semanticasFiguras retoricas semanticas
Figuras retoricas semanticaseme2525
 
Titulo publicitario
Titulo publicitarioTitulo publicitario
Titulo publicitarioeme2525
 
Redacción de textos publicitarios
Redacción de textos publicitariosRedacción de textos publicitarios
Redacción de textos publicitarioseme2525
 
Diagramación periodística
Diagramación periodísticaDiagramación periodística
Diagramación periodísticaeme2525
 
La redacción publicitaria. principios
La redacción publicitaria. principiosLa redacción publicitaria. principios
La redacción publicitaria. principioseme2525
 
Los títulos
Los títulosLos títulos
Los títuloseme2525
 
Sesion 8 retorica de la imagen
Sesion 8 retorica de la imagenSesion 8 retorica de la imagen
Sesion 8 retorica de la imageneme2525
 
Introducción a la redacción publicitaria
Introducción a la redacción publicitariaIntroducción a la redacción publicitaria
Introducción a la redacción publicitariaeme2525
 
Fundamentos de la redacción publicitaria
Fundamentos de la redacción publicitariaFundamentos de la redacción publicitaria
Fundamentos de la redacción publicitariaeme2525
 
Sesion la cabecera
Sesion la cabeceraSesion la cabecera
Sesion la cabeceraeme2525
 
Sesion clasificacion de periodicos
Sesion clasificacion de  periodicosSesion clasificacion de  periodicos
Sesion clasificacion de periodicoseme2525
 
Sesion 5 iconicidad de la imagen
Sesion 5 iconicidad de la imagenSesion 5 iconicidad de la imagen
Sesion 5 iconicidad de la imageneme2525
 

Más de eme2525 (20)

Armonias de color presentacion
Armonias de color presentacionArmonias de color presentacion
Armonias de color presentacion
 
Anatomia del tipo
Anatomia del tipoAnatomia del tipo
Anatomia del tipo
 
Repaso tipografía
Repaso tipografía Repaso tipografía
Repaso tipografía
 
Historia gráfica de la letra
Historia gráfica de la letraHistoria gráfica de la letra
Historia gráfica de la letra
 
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
 
Redacción para scripts
Redacción para scriptsRedacción para scripts
Redacción para scripts
 
El eslogan. características
El eslogan. característicasEl eslogan. características
El eslogan. características
 
Figuras retoricas sintacticas
Figuras retoricas sintacticasFiguras retoricas sintacticas
Figuras retoricas sintacticas
 
Figuras retoricas semanticas
Figuras retoricas semanticasFiguras retoricas semanticas
Figuras retoricas semanticas
 
Titulo publicitario
Titulo publicitarioTitulo publicitario
Titulo publicitario
 
Redacción de textos publicitarios
Redacción de textos publicitariosRedacción de textos publicitarios
Redacción de textos publicitarios
 
Diagramación periodística
Diagramación periodísticaDiagramación periodística
Diagramación periodística
 
La redacción publicitaria. principios
La redacción publicitaria. principiosLa redacción publicitaria. principios
La redacción publicitaria. principios
 
Los títulos
Los títulosLos títulos
Los títulos
 
Sesion 8 retorica de la imagen
Sesion 8 retorica de la imagenSesion 8 retorica de la imagen
Sesion 8 retorica de la imagen
 
Introducción a la redacción publicitaria
Introducción a la redacción publicitariaIntroducción a la redacción publicitaria
Introducción a la redacción publicitaria
 
Fundamentos de la redacción publicitaria
Fundamentos de la redacción publicitariaFundamentos de la redacción publicitaria
Fundamentos de la redacción publicitaria
 
Sesion la cabecera
Sesion la cabeceraSesion la cabecera
Sesion la cabecera
 
Sesion clasificacion de periodicos
Sesion clasificacion de  periodicosSesion clasificacion de  periodicos
Sesion clasificacion de periodicos
 
Sesion 5 iconicidad de la imagen
Sesion 5 iconicidad de la imagenSesion 5 iconicidad de la imagen
Sesion 5 iconicidad de la imagen
 

Último

TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...jlorentemartos
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptxRigoTito
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptNancyMoreiraMora1
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnnlitzyleovaldivieso
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfGruberACaraballo
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfAlfaresbilingual
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxNadiaMartnez11
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Katherine Concepcion Gonzalez
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024IES Vicent Andres Estelles
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOPsicoterapia Holística
 
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSYadi Campos
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdfValeriaCorrea29
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 

Último (20)

TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnn
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 

Fundamentos de diagramación Sesión 1

  • 1. DIA GRAMA CIÓN FUNDAMENTOS Y PRINCIPIOS BÁSICOS MARIO BURGOS CORZO
  • 2. La diagramación, también llamada maquetación, es un oficio 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, como publicaciones editoriales. MAQUETACIÓN Una de las numerosas herramientas que el dise- ñador tiene a su disposición para dirigir al lector por el contenido. LA DIAGRAMACIÓN
  • 3. ELEMENTOS TEXTO IMAGEN GRÁFICOS COLOR TIPOGRÍFA DECISIONES DE DISEÑO VARIABLES QUE DETERMINAN EL TIPO DE PIEZA EDITORIAL
  • 5. Determina las divisiones internas de la página, estructura de navegación compositiva. La forma en que los elementos FUNCIONAN dentro del formato. Influye en la posición (ubicación exacta) de los elementos y su relación dentro de la página. La forma en que los elementos se RELACIONAN dentro del formato Determina las proporciones externas de la página Cuando nos referimos a la forma de composición de los elementos de contenido editorial. Distribución proporcional de los espacios de un texto. RETÍCULA FORMATO COMPOSICIÓN DIAGRAMACIÓN O MAQUETACIÓN
  • 6. Retícula Grilla Rejilla Todos los trabajos de maquetación, deben llevar una guía a través de una estructura estudiada y de tama- ños fijos. 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 finalidad de conseguir, un orden y estética.
  • 7. 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 definen la base sobre la que se asientan los tipos y 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 texto aportándole un sentimiento y una ac- titud determinados, lo cual influye sobre el modo en que se lee, ve o per- cibe dicho texto.
  • 8. Espiral aureo Forma 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.
  • 9.
  • 10. Sucesión infinita de Fibonacci 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, 1597, 2584, 4181, 6765, 10946…
  • 11. Una retícula puede ser simétrica, asimétrica o modular, y puede ser todo lo sencilla o compleja que exija el diseño
  • 12.
  • 13.
  • 14. ELEMENTOS DE LA RETÍCULA
  • 15. DIAGRAMAS DE RETÍCULAS BÁSICAS RETÍCULA DE UNA SOLA COLUMNA se emplea por lo general para texto seguido, como ensayos, informes o libros. El principal elemento de la página es el bloque de texto. 1 2 3 RETÍCULA DE DOS COLUMNAS Sirve para organizar un texto extenso o para presentar diferentes tipos de información en columnas separadas. Puede incluir columnas de ancho igual o distinto. Para conseguir las proporciones ideales, cuando una columna es más ancha que la otra, la primera debe ser el doble de ancha que la segunda. RETÍCULAS DE MÚLTIPLES COLUMNAS Permite una mayor flexibilidad que las de una o dos columnas. Combinan varias de diversas anchuras y resultan útiles para revistas y páginas web.
  • 16. 4 5 RETÍCULAS MODULARES Son las más adecuadas para organizar el tipo de información compleja que hallamos en periódicos, calendarios, gráficos y tablas. Combinan columnas verticales y horizontales, que distribuyen la estructura en espacios más pequeños. RETÍCULAS JERÁRQUICAS Descomponen la página en zonas. Muchas de ellas se componen de columnas horizontales.
  • 17. En los libros antiguos las divisiones están determinadas por la construcción geomé- trica antes que por las medidas. BIBLIA DE JOHANNES GUTTENBERG
  • 18. CREACIÓN DE RETÍCULA SIMÉTRICA Diagrama de Villard de Honnecourt Se toman dos páginas iguales y proporcionadas. Se trazan unas medias líneas diagonales desde el centro hasta las esquinas inf. izquierda (verso) e inferior derecha (recto) de cada página. Se crea una línea diagonal completa desde el centro hasta las esquinas inf. izquierda (verso) e inf. derecha (recto) de cada página. En la página izquierda se dibuja una línea desde el punto de intersección entre las medias líneas diagonales y las diagonales completas (verso) hasta la parte superior de la página. Se dibuja una línea desde la parte superior de la página izq. (verso) hasta el punto de intersección entre las medias líneas diagonales completas de la página derecha (recto).
  • 19. Se traza una línea hacia la izquierda desde el nuevo punto de intersección de la media línea diagonal de la página izq. (verso) para unirla con la diagonal completa y, a continuación, hacia abajo para cruzarse con la media línea diagonal y, finalmente, hacia arriba 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 modo se obtienen dos áreas totalmente equilibradas y simétricas para crear el texto.
  • 20.
  • 21.
  • 22. 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ür Normung Serie formada por rectángulos que, divididos por dos, proporcionan otro rectángulo con las mismas proporciones.
  • 23.
  • 24. Suelen utilizarse principalmente para denominar y reconocer las medidas de sobres y bolsas