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.
Fundamentos de diagramación Sesión 1
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
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1
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.
Fundamentos de diagramación Sesión 1
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ür
Normung
Serie formada
por rectángulos
que, divididos por
dos, proporcionan
otro rectángulo
con las mismas
proporciones.
Fundamentos de diagramación Sesión 1
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

La actualidad más candente (20)

La composición en la diagramación
La composición en la diagramaciónLa composición en la diagramación
La composición en la diagramación
 
Diagramacion
Diagramacion Diagramacion
Diagramacion
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
 
Diagramacion de revista
Diagramacion de revistaDiagramacion de revista
Diagramacion de revista
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
Tipografia
TipografiaTipografia
Tipografia
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticula
 
Elementos formales del diseño
Elementos formales del diseñoElementos formales del diseño
Elementos formales del diseño
 
La retícula
La retículaLa retícula
La retícula
 
Elementos de diseño
Elementos de diseñoElementos de diseño
Elementos de diseño
 
Partes revista
Partes revistaPartes revista
Partes revista
 
Presentacion.elementos de diseño grafico
Presentacion.elementos de diseño graficoPresentacion.elementos de diseño grafico
Presentacion.elementos de diseño grafico
 
Tipografía Clasificación Morfológica
Tipografía Clasificación MorfológicaTipografía Clasificación Morfológica
Tipografía Clasificación Morfológica
 
Tipos de reticulas
Tipos de reticulasTipos de reticulas
Tipos de reticulas
 
Diagramacion
DiagramacionDiagramacion
Diagramacion
 
07 tipos de diagramacion
07 tipos de diagramacion07 tipos de diagramacion
07 tipos de diagramacion
 
Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1
 
Reticula
ReticulaReticula
Reticula
 
Tema 9 al 14 diseño grafico
Tema 9 al 14 diseño graficoTema 9 al 14 diseño grafico
Tema 9 al 14 diseño grafico
 
Ensayo: Composición y tipografia
Ensayo: Composición y tipografiaEnsayo: Composición y tipografia
Ensayo: Composición y tipografia
 

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
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicion
 
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
 
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

CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCEIP TIERRA DE PINARES
 
plan espacios inspiradores para nivel primaria
plan espacios inspiradores para nivel primariaplan espacios inspiradores para nivel primaria
plan espacios inspiradores para nivel primariaElizabeth252489
 
SECUENCIA DIDÁCTICA Matemática 1er grado
SECUENCIA  DIDÁCTICA Matemática 1er gradoSECUENCIA  DIDÁCTICA Matemática 1er grado
SECUENCIA DIDÁCTICA Matemática 1er gradoAnaMara883998
 
PPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxPPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxKarenSepulveda23
 
ficha de aplicacion para estudiantes El agua para niños de primaria
ficha de aplicacion para estudiantes El agua para niños de primariaficha de aplicacion para estudiantes El agua para niños de primaria
ficha de aplicacion para estudiantes El agua para niños de primariamichel carlos Capillo Dominguez
 
U2_EA2_descargable TICS PRESENCIAL 2.pdf
U2_EA2_descargable TICS PRESENCIAL 2.pdfU2_EA2_descargable TICS PRESENCIAL 2.pdf
U2_EA2_descargable TICS PRESENCIAL 2.pdfJavier Correa
 
EL BRILLO DEL ECLIPSE (CUENTO LITERARIO). Autor y diseñador JAVIER SOLIS NOYOLA
EL BRILLO DEL ECLIPSE (CUENTO LITERARIO). Autor y diseñador JAVIER SOLIS NOYOLAEL BRILLO DEL ECLIPSE (CUENTO LITERARIO). Autor y diseñador JAVIER SOLIS NOYOLA
EL BRILLO DEL ECLIPSE (CUENTO LITERARIO). Autor y diseñador JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍAPROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍAJoaqunSolrzano
 
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionUNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionCarolVigo1
 
Herbert James Drape. Erotismo y sensualidad.pptx
Herbert James Drape. Erotismo y sensualidad.pptxHerbert James Drape. Erotismo y sensualidad.pptx
Herbert James Drape. Erotismo y sensualidad.pptxArs Erótica
 
Xardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosXardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosAgrela Elvixeo
 
Revista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección edibaRevista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección edibaTatiTerlecky1
 
EL ECLIPSE DE LA PAZ (cuento literario). Autor y diseñador JAVIER SOLIS NOYOLA
EL ECLIPSE DE LA PAZ (cuento literario). Autor y diseñador JAVIER SOLIS NOYOLAEL ECLIPSE DE LA PAZ (cuento literario). Autor y diseñador JAVIER SOLIS NOYOLA
EL ECLIPSE DE LA PAZ (cuento literario). Autor y diseñador JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.docGLADYSPASTOR
 
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfAnna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfSaraGabrielaPrezPonc
 
la forma de los objetos expresión gráfica preescolar
la forma de los objetos expresión gráfica preescolarla forma de los objetos expresión gráfica preescolar
la forma de los objetos expresión gráfica preescolarCa Ut
 

Último (20)

Tema 6.- La identidad visual corporativa y el naming.pdf
Tema 6.- La identidad visual corporativa y el naming.pdfTema 6.- La identidad visual corporativa y el naming.pdf
Tema 6.- La identidad visual corporativa y el naming.pdf
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
 
plan espacios inspiradores para nivel primaria
plan espacios inspiradores para nivel primariaplan espacios inspiradores para nivel primaria
plan espacios inspiradores para nivel primaria
 
SECUENCIA DIDÁCTICA Matemática 1er grado
SECUENCIA  DIDÁCTICA Matemática 1er gradoSECUENCIA  DIDÁCTICA Matemática 1er grado
SECUENCIA DIDÁCTICA Matemática 1er grado
 
Conducta ética en investigación científica.pdf
Conducta ética en investigación científica.pdfConducta ética en investigación científica.pdf
Conducta ética en investigación científica.pdf
 
PPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxPPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptx
 
ficha de aplicacion para estudiantes El agua para niños de primaria
ficha de aplicacion para estudiantes El agua para niños de primariaficha de aplicacion para estudiantes El agua para niños de primaria
ficha de aplicacion para estudiantes El agua para niños de primaria
 
U2_EA2_descargable TICS PRESENCIAL 2.pdf
U2_EA2_descargable TICS PRESENCIAL 2.pdfU2_EA2_descargable TICS PRESENCIAL 2.pdf
U2_EA2_descargable TICS PRESENCIAL 2.pdf
 
EL BRILLO DEL ECLIPSE (CUENTO LITERARIO). Autor y diseñador JAVIER SOLIS NOYOLA
EL BRILLO DEL ECLIPSE (CUENTO LITERARIO). Autor y diseñador JAVIER SOLIS NOYOLAEL BRILLO DEL ECLIPSE (CUENTO LITERARIO). Autor y diseñador JAVIER SOLIS NOYOLA
EL BRILLO DEL ECLIPSE (CUENTO LITERARIO). Autor y diseñador JAVIER SOLIS NOYOLA
 
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍAPROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
 
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionUNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
 
Tema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdf
Tema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdfTema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdf
Tema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdf
 
Herbert James Drape. Erotismo y sensualidad.pptx
Herbert James Drape. Erotismo y sensualidad.pptxHerbert James Drape. Erotismo y sensualidad.pptx
Herbert James Drape. Erotismo y sensualidad.pptx
 
Xardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosXardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES Monelos
 
Power Point E. Sab: Adoración sin fin...
Power Point E. Sab: Adoración sin fin...Power Point E. Sab: Adoración sin fin...
Power Point E. Sab: Adoración sin fin...
 
Revista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección edibaRevista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección ediba
 
EL ECLIPSE DE LA PAZ (cuento literario). Autor y diseñador JAVIER SOLIS NOYOLA
EL ECLIPSE DE LA PAZ (cuento literario). Autor y diseñador JAVIER SOLIS NOYOLAEL ECLIPSE DE LA PAZ (cuento literario). Autor y diseñador JAVIER SOLIS NOYOLA
EL ECLIPSE DE LA PAZ (cuento literario). Autor y diseñador JAVIER SOLIS NOYOLA
 
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
 
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfAnna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
 
la forma de los objetos expresión gráfica preescolar
la forma de los objetos expresión gráfica preescolarla forma de los objetos expresión gráfica preescolar
la forma de los objetos expresión gráfica preescolar
 

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.
  • 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
  • 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.
  • 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.
  • 24. Suelen utilizarse principalmente para denominar y reconocer las medidas de sobres y bolsas