SlideShare una empresa de Scribd logo
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

Tipografia
TipografiaTipografia
Tipografia
Jessica Tsoi
 
Diagramacion
DiagramacionDiagramacion
Diagramacion
perla
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
Ale Altuve
 
Tipos de reticulas
Tipos de reticulasTipos de reticulas
Tipos de reticulas
Marisa Kraiselburd
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
Nathaly Correa
 
Sesion ornamentos tipograficos
Sesion ornamentos tipograficosSesion ornamentos tipograficos
Sesion ornamentos tipograficos
eme2525
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
Ydal jhohana
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
ALVARO LEIME CRUZ
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
tls02cv
 
La retícula
La retículaLa retícula
Diagramacion De Periodicos
Diagramacion De PeriodicosDiagramacion De Periodicos
Diagramacion De Periodicos
tls02cv
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartel
alfredoU2
 
07 tipos de diagramacion
07 tipos de diagramacion07 tipos de diagramacion
07 tipos de diagramacion
ZAIRAJULIANA2
 
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
Fai06
 
Infografía, uso de retícula
Infografía, uso de retículaInfografía, uso de retícula
Infografía, uso de retícula
Maria Fabiola Alvarado Pinedo
 
Diseño editorial portada de revistas
Diseño editorial portada de revistasDiseño editorial portada de revistas
Diseño editorial portada de revistas
Martha Patricia Yanes Ramirez
 
Manual de tipografia
Manual de tipografiaManual de tipografia
Manual de tipografia
Jezuz
 
Historia de la diagramacion
Historia de la diagramacionHistoria de la diagramacion
Historia de la diagramacion
liseth17
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráfico
jorge caicedo solano
 
Que es diagramación
Que es diagramación Que es diagramación
Que es diagramación
Karen Uzcategui
 

La actualidad más candente (20)

Tipografia
TipografiaTipografia
Tipografia
 
Diagramacion
DiagramacionDiagramacion
Diagramacion
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
 
Tipos de reticulas
Tipos de reticulasTipos de reticulas
Tipos de reticulas
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
 
Sesion ornamentos tipograficos
Sesion ornamentos tipograficosSesion ornamentos tipograficos
Sesion ornamentos tipograficos
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
La retícula
La retículaLa retícula
La retícula
 
Diagramacion De Periodicos
Diagramacion De PeriodicosDiagramacion De Periodicos
Diagramacion De Periodicos
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartel
 
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
 
Infografía, uso de retícula
Infografía, uso de retículaInfografía, uso de retícula
Infografía, uso de retícula
 
Diseño editorial portada de revistas
Diseño editorial portada de revistasDiseño editorial portada de revistas
Diseño editorial portada de revistas
 
Manual de tipografia
Manual de tipografiaManual de tipografia
Manual de tipografia
 
Historia de la diagramacion
Historia de la diagramacionHistoria de la diagramacion
Historia de la diagramacion
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráfico
 
Que es diagramación
Que es diagramación Que es diagramación
Que es diagramación
 

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 CONTRAPORTADA
Pepa Botella
 
El Poder de las palabras
El Poder de las palabrasEl Poder de las palabras
El Poder de las palabras
Giselle Escandón
 
El cuento, mitos y leyendas
El cuento, mitos y leyendasEl cuento, mitos y leyendas
El cuento, mitos y leyendas
Giselle Escandón
 
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
 
Diseño de Personajes
Diseño de PersonajesDiseño de Personajes
Diseño de Personajes
Giselle Escandón
 
Como Ilustrar el Guión
Como Ilustrar el GuiónComo Ilustrar el Guión
Como Ilustrar el Guión
Giselle Escandón
 
Como Escribir con imagenes
Como Escribir con imagenesComo Escribir con imagenes
Como Escribir con imagenes
Giselle Escandón
 
La Escritura Creativa y Narrativa
La Escritura Creativa y NarrativaLa Escritura Creativa y Narrativa
La Escritura Creativa y Narrativa
Giselle 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áfica
Giselle 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ón
Giselle Escandón
 
Cómo Redactar el Guión
Cómo Redactar el GuiónCómo Redactar el Guión
Cómo Redactar el Guión
Giselle 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 Visual
Giselle 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

Layout
LayoutLayout
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
davidorozco7
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
Adrianagz
 
T2 pa3drawienskygarcia
T2 pa3drawienskygarciaT2 pa3drawienskygarcia
T2 pa3drawienskygarcia
DrawienskyGarcia
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
Reynaldo Cruz Zapata
 
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
Wvivi Martinez
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
GAVELAMARCELO
 
Tipografia y maquetacion6
Tipografia y maquetacion6Tipografia y maquetacion6
Tipografia y maquetacion6
sugart
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenografico
AnnabellYar
 
T2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dgT2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dg
GISELLABIGAILQUISHPE1
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
Reynaldo Cruz Zapata
 
T1.giomara y stalin
T1.giomara y stalinT1.giomara y stalin
T1.giomara y stalin
stalin_jeriel
 
Maquetación Alejandra taller3
Maquetación Alejandra taller3Maquetación Alejandra taller3
Maquetación Alejandra taller3
Alejandra Montenegro
 
Maquetación
MaquetaciónMaquetación
Maquetación
Jhon Vega Aguilar
 
Layout
LayoutLayout
Layout
kritocruz
 
T2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoT2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenografico
AndyMora16
 
T2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgT2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dg
EVELYNELENA3
 
Documento 5
Documento 5Documento 5
Documento 5
Mary Ana II
 
Layout
LayoutLayout
Taller1 maquetación
Taller1 maquetación Taller1 maquetación
Taller1 maquetación
carlosest1000
 

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
 
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
 
Taller1 maquetación
Taller1 maquetación Taller1 maquetación
Taller1 maquetación
 

Más de eme2525

Armonias de color presentacion
Armonias de color presentacionArmonias de color presentacion
Armonias de color presentacion
eme2525
 
Anatomia del tipo
Anatomia del tipoAnatomia del tipo
Anatomia del tipo
eme2525
 
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 letra
eme2525
 
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
eme2525
 
Redacción para scripts
Redacción para scriptsRedacción para scripts
Redacción para scripts
eme2525
 
El eslogan. características
El eslogan. característicasEl eslogan. características
El eslogan. características
eme2525
 
Figuras retoricas sintacticas
Figuras retoricas sintacticasFiguras retoricas sintacticas
Figuras retoricas sintacticas
eme2525
 
Figuras retoricas semanticas
Figuras retoricas semanticasFiguras retoricas semanticas
Figuras retoricas semanticas
eme2525
 
Titulo publicitario
Titulo publicitarioTitulo publicitario
Titulo publicitario
eme2525
 
Redacción de textos publicitarios
Redacción de textos publicitariosRedacción de textos publicitarios
Redacción de textos publicitarios
eme2525
 
Diagramación periodística
Diagramación periodísticaDiagramación periodística
Diagramación periodística
eme2525
 
La redacción publicitaria. principios
La redacción publicitaria. principiosLa redacción publicitaria. principios
La redacción publicitaria. principios
eme2525
 
Los títulos
Los títulosLos títulos
Los títulos
eme2525
 
Sesion 8 retorica de la imagen
Sesion 8 retorica de la imagenSesion 8 retorica de la imagen
Sesion 8 retorica de la imagen
eme2525
 
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
eme2525
 
Fundamentos de la redacción publicitaria
Fundamentos de la redacción publicitariaFundamentos de la redacción publicitaria
Fundamentos de la redacción publicitaria
eme2525
 
Sesion la cabecera
Sesion la cabeceraSesion la cabecera
Sesion la cabecera
eme2525
 
Sesion clasificacion de periodicos
Sesion clasificacion de  periodicosSesion clasificacion de  periodicos
Sesion clasificacion de periodicos
eme2525
 
Sesion 5 iconicidad de la imagen
Sesion 5 iconicidad de la imagenSesion 5 iconicidad de la imagen
Sesion 5 iconicidad de la imagen
eme2525
 

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

Eureka 2024 ideas y dudas para la feria de Ciencias
Eureka 2024 ideas y dudas para la feria de CienciasEureka 2024 ideas y dudas para la feria de Ciencias
Eureka 2024 ideas y dudas para la feria de Ciencias
arianet3011
 
Presentación de la historia de PowerPoint y sus características más relevantes.
Presentación de la historia de PowerPoint y sus características más relevantes.Presentación de la historia de PowerPoint y sus características más relevantes.
Presentación de la historia de PowerPoint y sus características más relevantes.
genesiscabezas469
 
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍACINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
Fernández Gorka
 
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdfp4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
DavidCamiloMosquera
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
LuanaJaime1
 
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdfCALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
cesareduvr95
 
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdfAPUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
VeronicaCabrera50
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
JonathanCovena1
 
REGLAMENTO DE FALTAS Y SANCIONES DEL MAGISTERIO 2024.pptx
REGLAMENTO DE FALTAS Y SANCIONES DEL MAGISTERIO 2024.pptxREGLAMENTO DE FALTAS Y SANCIONES DEL MAGISTERIO 2024.pptx
REGLAMENTO DE FALTAS Y SANCIONES DEL MAGISTERIO 2024.pptx
RiosMartin
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
EricaCouly1
 
PLAN 365 Presentación Gobierno 2024 (1).pdf
PLAN 365 Presentación Gobierno 2024  (1).pdfPLAN 365 Presentación Gobierno 2024  (1).pdf
PLAN 365 Presentación Gobierno 2024 (1).pdf
ElizabethLpez634570
 
Presentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdfPresentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdf
eleandroth
 
tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
saradocente
 
proyectoszona21para el logro de real.pptx
proyectoszona21para el logro de real.pptxproyectoszona21para el logro de real.pptx
proyectoszona21para el logro de real.pptx
ChristianGmez48
 
ANALISIS CRITICO DEL PENSAMIENTO COLONIAL Y DESCOLONIZACION
ANALISIS CRITICO DEL PENSAMIENTO COLONIAL Y DESCOLONIZACIONANALISIS CRITICO DEL PENSAMIENTO COLONIAL Y DESCOLONIZACION
ANALISIS CRITICO DEL PENSAMIENTO COLONIAL Y DESCOLONIZACION
carla466417
 
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsadUrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
JorgeVillota6
 
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdfEvaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
EfranMartnez8
 
Lecciones 11 Esc. Sabática. El conflicto inminente docx
Lecciones 11 Esc. Sabática. El conflicto inminente docxLecciones 11 Esc. Sabática. El conflicto inminente docx
Lecciones 11 Esc. Sabática. El conflicto inminente docx
Alejandrino Halire Ccahuana
 
2024 planificacion microcurricular 7mo A matutino..docx
2024 planificacion microcurricular 7mo A matutino..docx2024 planificacion microcurricular 7mo A matutino..docx
2024 planificacion microcurricular 7mo A matutino..docx
WILLIAMPATRICIOSANTA2
 
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdfDESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
JonathanCovena1
 

Último (20)

Eureka 2024 ideas y dudas para la feria de Ciencias
Eureka 2024 ideas y dudas para la feria de CienciasEureka 2024 ideas y dudas para la feria de Ciencias
Eureka 2024 ideas y dudas para la feria de Ciencias
 
Presentación de la historia de PowerPoint y sus características más relevantes.
Presentación de la historia de PowerPoint y sus características más relevantes.Presentación de la historia de PowerPoint y sus características más relevantes.
Presentación de la historia de PowerPoint y sus características más relevantes.
 
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍACINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
 
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdfp4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
 
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdfCALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
 
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdfAPUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
 
REGLAMENTO DE FALTAS Y SANCIONES DEL MAGISTERIO 2024.pptx
REGLAMENTO DE FALTAS Y SANCIONES DEL MAGISTERIO 2024.pptxREGLAMENTO DE FALTAS Y SANCIONES DEL MAGISTERIO 2024.pptx
REGLAMENTO DE FALTAS Y SANCIONES DEL MAGISTERIO 2024.pptx
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
 
PLAN 365 Presentación Gobierno 2024 (1).pdf
PLAN 365 Presentación Gobierno 2024  (1).pdfPLAN 365 Presentación Gobierno 2024  (1).pdf
PLAN 365 Presentación Gobierno 2024 (1).pdf
 
Presentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdfPresentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdf
 
tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
 
proyectoszona21para el logro de real.pptx
proyectoszona21para el logro de real.pptxproyectoszona21para el logro de real.pptx
proyectoszona21para el logro de real.pptx
 
ANALISIS CRITICO DEL PENSAMIENTO COLONIAL Y DESCOLONIZACION
ANALISIS CRITICO DEL PENSAMIENTO COLONIAL Y DESCOLONIZACIONANALISIS CRITICO DEL PENSAMIENTO COLONIAL Y DESCOLONIZACION
ANALISIS CRITICO DEL PENSAMIENTO COLONIAL Y DESCOLONIZACION
 
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsadUrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
 
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdfEvaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
Evaluacion-Formativa-Nueva Escuela Mexicana NEM-ok.pdf
 
Lecciones 11 Esc. Sabática. El conflicto inminente docx
Lecciones 11 Esc. Sabática. El conflicto inminente docxLecciones 11 Esc. Sabática. El conflicto inminente docx
Lecciones 11 Esc. Sabática. El conflicto inminente docx
 
2024 planificacion microcurricular 7mo A matutino..docx
2024 planificacion microcurricular 7mo A matutino..docx2024 planificacion microcurricular 7mo A matutino..docx
2024 planificacion microcurricular 7mo A matutino..docx
 
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdfDESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
 

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