SlideShare una empresa de Scribd logo
1 de 20
DIAGRAMACIÓN
Y
COMPOSICIÓN
RENÁN ISRAEL QUINGA
QUILLUPANGUI
 Diagramar es distribuir, organizar los elementos del mensaje
bimedia (texto e imagen) en el espacio bidimensional (el
papel) mediante criterios de jerarquización (importancia)
buscando funcionalidad del mensaje (fácil lectura) bajo una
apariencia estética agradable (aplicación adecuada de
tipografías y colores).
DIAGRAMACIÓN
RETÍCULA
 La retícula es una forma estructural que permite organizar los
elementos, conforme vayamos interiorizando la necesidad de
trabajar sobre un espacio virtualmente ordenado nos iremos
desprendiendo de la rigidez real, no se puede concebir la libertad
en el diseño si no se conocen los límites.
HERRAMIENTAS DEL PROCESO DE
DIAGRAMACIÓN
LINEAS GUIAS
 Son las líneas mas débiles que se trazan sobre el boceto, y sirven
de base para poder trazar después la estructura arquitectónica.
HERRAMIENTAS DEL PROCESO DE
DIAGRAMACIÓN
 Para maquetar el contenido editorial, la actividad de
maquetación necesita trabajar con elementos gráficos
(categorías de contenido visual) y aspectos (variables
que pueden modificar el resultado final).
ELEMENTOS DE DIAGRAMACIÓN
TEXTO
 El llamado "cuerpo de texto" es el tipo en que será impreso el
contenido principal del impreso ya sea libro o publicación
periódica (artículos, columnas, crónicas, editoriales, cartas
etc.).
 La masa de texto acostumbra llenar más de la mitad de toda
la mancha gráfica del periódico y debe de ser delimitada por
los otros elementos. Un formato común para el cuerpo de
texto en periódicos es el tipo serifado, con cuerpo (tamaño)
12 puntos.
ELEMENTOS DE DIAGRAMACIÓN
Títulos o Titulares
 Desde el titular de la primera página, hasta los titulares
menores de artículos. Son subdivididos en:
 Subtítulos o subtitulares : colocados abajo de la titular
principal, complementan la información e incitan a leer el
texto. antetítulos o antetitulares - colocados arriba de la
titular principal, complementan la información e incitan a leer
el texto. Intertítulos, intertitulares o quiebras - colocados en el
medio del texto, para seccionarlo y facilitar la comprensión.
ELEMENTOS DE DIAGRAMACIÓN
DESTACADOS U OJOS
 Colocados en el medio de la masa de texto, entre columnas,
para resaltar trechos y sustituir quiebres; son muy utilizados
en entrevistas.
FOTOS – FOTOGRAFÍAS
 Que en los diarios y revistas siempre vienen acompañadas
por pie de fotos descriptivos y el crédito del fotógrafo
ELEMENTOS DE DIAGRAMACIÓN
 Arte : lo que se llama arte en diagramación son imágenes
producidas para ilustrar o complementar visualmente la información
del texto. Pueden ser:
 Infografías : que incluyen mapas, gráficos estadísticos, secuenciales
y esquemas visuales.
 Caricaturas : dibujos generalmente satíricos con personajes del
noticiero; Ilustraciones - todo tipo de dibujo ilustrativo para el texto
perodístico.
ELEMENTOS DE DIAGRAMACIÓN
 Viñetas : mini-titulares que marcan un tema o asunto recurrente o
destacado; pueden incluir mini-ilustraciones y generalmente vienen
arriba de la titular del artículo o en el alto de la página.
 Boxes o caja :un box es un espacio gráficamente delimitado que
usualmente incluye un texto explicativo o sobre el asunto relacionado
al artículo principal.
 Hilos : existen para separar elementos que, por algún motivo, pueden
ser confundidos.
ELEMENTOS DE DIAGRAMACIÓN
 Encabezado y Pie : marcan la cumbre y la base de la página,
respectivamente, incluyendo marcas básicas como nombre del
periódico, editoríal, fecha, número de la edición y número de la página;
cuando es usado en la primera página, la cabecera incluye aún la marca
del diario, precio y algunos nombres del equipo periodístico
(presidente, director, editor-jefe).
 Espacios para publicidad: único elemento de contenido no-editorial de
la diagramación, producido por el equipo comercial
Los aspectos que determinan la composición de estos elementos en la
página son, entre otros:
ELEMENTOS DE DIAGRAMACIÓN
 Número de columnas : la distribución del texto en columnas
verticales de tamaño regular, espaciadas y válidas para encajar los
elementos. Actualmente, el patrón en diarios estándar es la división
en 6 columnas, pero el uso de 8 columnas ha sido predominante.
ELEMENTOS DE DIAGRAMACIÓN
 Color : uso de colores y matices en periodismo, que confiere sentido y
modifica el mensaje, muchas veces sutilmente; hasta mediados del siglo
XX, los diarios de gran circulación no utilizaban impresión en colores,
dependiendo de la escala de grises para matizar sus elementos.
Espaciamiento - interlínea, entre columnas y entre cada elemento
gráfico.
 Tipología : variedad y tipos de fuentes tipográficas utilizadas.
ELEMENTOS DE DIAGRAMACIÓN
 Facilitar la lectura Función estética Esto es importante, porque las
aplicaciones digitales han puesto en nuestras manos un sin de
herramientas y utilidades que nos han hecho olvidar la primera
función, facilitar la lectura. Entre tramas, imágenes de fondo, textos
con texturas, sombras y una infinidad de recurso visuales han hecho
en más de alguna oportunidad, algo tortuosa y agotadora la lectura.
COMPOSICIÓN
DIRECCIONALIDAD
 La horizontal y la vertical son las direcciones predefinidas en
nuestra relación con el entorno (sea cual sea), en ese afán de
entender y organizar ese entorno en busca del equilibrio. La
horizontal en su pasividad infinita, la vertical la inminente caída o
la atención hacia los cielos. A ellas se le suma la diagonal, rebelde
por naturaleza, transgresora de la norma, ascendente y
descendente, de entrada o de salida.
HERRAMIENTAS DEL PROCESO
DE COMPOSICIÓN
TENSIONES
 Todo espacio visual es capaz de ejercer fuerzas sobre los
elementos que en el se disponen, a propósito de nuestra forma de
entender y asociar a los elementos por distancias, firma, tamaño,
textura, color… los elementos se atraen o por el contrario se
repelen. Observemos el punto que tiene tensión, pero no
dirección, la línea tiene tensión y dirección.
HERRAMIENTAS DEL PROCESO DE
COMPOSICIÓN
TENSION Y EQUILIBRIO
 La necesidad de equilibrar los elementos no siempre es lo que se
busca en el diseño, por lo tanto algunas veces, intencionalmente
provocamos la carga de tensiones en algunos lugares de la
composición.
HERRAMIENTAS DEL PROCESO DE
COMPOSICIÓN
LA JERARQUIZACION
 Se trata de asignar valores a cada uno de los elementos visuales y
hacer que en varios niveles se vayan organizando de acuerdo con la
necesidad de enfatizar jerárquicamente los distintos elementos que
componen el mensaje.
Siempre habrá un elemento líder al que hay que destacar en sus
diferentes atributos: tamaño, color, posición, orientación, opacidad
y detrás de él en un orden jerárquico los demás.
HERRAMIENTAS DEL PROCESO DE
COMPOSICIÓN
EL RITMO
Los conceptos de repetición, alternancia, simetría, comprensión,
expansión, reflejo, rotación traslación son vitales para trabajar el
ritmo.
HERRAMIENTAS DEL PROCESO DE
COMPOSICIÓN
 http://mamuelal.blogspot.com/2011/03/que-es-diagramacion-y-
maquetacion.html
 http://cristinaloppez.blogspot.com/2010/02/la-diagramacion-y-sus-
elementos.html
 https://es.wikipedia.org/wiki/Maquetaci%C3%B3n_(edici%C3%B3n)
 http://aprendiendoconzkj.blogspot.com/2009/03/la-composicion-
en-diagramacion.html
BIBLIOGRAFIA

Más contenido relacionado

La actualidad más candente

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.1Fai06
 
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 Gráfico
Diseño GráficoDiseño Gráfico
Diseño Gráficomiguel5100
 
Diseño editorial presentación
Diseño editorial   presentaciónDiseño editorial   presentación
Diseño editorial presentaciónOscar Velez
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación Nathaly Correa
 
Unidad 2 - Tipografia
Unidad 2  - TipografiaUnidad 2  - Tipografia
Unidad 2 - TipografiaFidel Romero
 
Tipografía en el diseño gráfico
Tipografía en el diseño gráficoTipografía en el diseño gráfico
Tipografía en el diseño gráficoJhon Vega Aguilar
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficasOmar Duarte
 
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áficojorge caicedo solano
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticulaCarlos E Franco R
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónALVARO LEIME CRUZ
 

La actualidad más candente (20)

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
 
Composición en Diseño Editorial
Composición en Diseño EditorialComposición en Diseño Editorial
Composición en Diseño Editorial
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráfico
 
Tipos de reticulas
Tipos de reticulasTipos de reticulas
Tipos de reticulas
 
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
 
Diagramacion
Diagramacion Diagramacion
Diagramacion
 
Diseño Gráfico
Diseño GráficoDiseño Gráfico
Diseño Gráfico
 
Diseño editorial presentación
Diseño editorial   presentaciónDiseño editorial   presentación
Diseño editorial presentación
 
Tipografia
TipografiaTipografia
Tipografia
 
TipografíA
TipografíATipografíA
TipografíA
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
 
Unidad 2 - Tipografia
Unidad 2  - TipografiaUnidad 2  - Tipografia
Unidad 2 - Tipografia
 
Tipografía en el diseño gráfico
Tipografía en el diseño gráficoTipografía en el diseño gráfico
Tipografía en el diseño gráfico
 
"Maquetación"
"Maquetación" "Maquetación"
"Maquetación"
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
 
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
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticula
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 

Destacado (12)

LOS MINIMEDIOS
LOS MINIMEDIOSLOS MINIMEDIOS
LOS MINIMEDIOS
 
Sesion afiche diapositiva
Sesion afiche  diapositivaSesion afiche  diapositiva
Sesion afiche diapositiva
 
El afiche
El aficheEl afiche
El afiche
 
Historia del Afiche
Historia del AficheHistoria del Afiche
Historia del Afiche
 
El afiche estructura e importancia
El afiche estructura e importanciaEl afiche estructura e importancia
El afiche estructura e importancia
 
Afiche
AficheAfiche
Afiche
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Historia del Afiche
Historia del AficheHistoria del Afiche
Historia del Afiche
 
8° coef. 2 contenidos recursos, afiche, g narrativo
8° coef. 2 contenidos recursos, afiche, g narrativo8° coef. 2 contenidos recursos, afiche, g narrativo
8° coef. 2 contenidos recursos, afiche, g narrativo
 
Cómo hacer un afiche
Cómo hacer un aficheCómo hacer un afiche
Cómo hacer un afiche
 
El afiche
El aficheEl afiche
El afiche
 
El afiche
El aficheEl afiche
El afiche
 

Similar a Diagramación y composicion

Taller n°1
Taller n°1Taller n°1
Taller n°1Cals89
 
Taller1 maquetación
Taller1 maquetación Taller1 maquetación
Taller1 maquetación carlosest1000
 
Maquetación Ayme Vanessa
Maquetación Ayme VanessaMaquetación Ayme Vanessa
Maquetación Ayme VanessaAyme11
 
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.1Wvivi Martinez
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavidDavid Correa
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónGAVELAMARCELO
 
Taller n°1
Taller n°1Taller n°1
Taller n°1Cals89
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoAnnabellYar
 
TÉCNICAS DE COMPOSICIÓN Y MAQUETACIÓN
TÉCNICAS DE COMPOSICIÓN Y MAQUETACIÓNTÉCNICAS DE COMPOSICIÓN Y MAQUETACIÓN
TÉCNICAS DE COMPOSICIÓN Y MAQUETACIÓNMafer Torres
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDavid Nuñez
 
Técnicas de composición y maquetacion olmedo-garces
Técnicas de composición y maquetacion olmedo-garcesTécnicas de composición y maquetacion olmedo-garces
Técnicas de composición y maquetacion olmedo-garcesmoterita
 
T2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoT2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoAndyMora16
 
fndamentos d diseño grafico.pdf
fndamentos d diseño grafico.pdffndamentos d diseño grafico.pdf
fndamentos d diseño grafico.pdfFredgerard
 

Similar a Diagramación y composicion (20)

Maquetación Alejandra taller3
Maquetación Alejandra taller3Maquetación Alejandra taller3
Maquetación Alejandra taller3
 
Composicion gràfica
Composicion gràficaComposicion gràfica
Composicion gràfica
 
Taller n°1
Taller n°1Taller n°1
Taller n°1
 
Taller1 maquetación
Taller1 maquetación Taller1 maquetación
Taller1 maquetación
 
Maquetación Ayme Vanessa
Maquetación Ayme VanessaMaquetación Ayme Vanessa
Maquetación Ayme Vanessa
 
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
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavid
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Taller n°1
Taller n°1Taller n°1
Taller n°1
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenografico
 
T1.giomara y stalin
T1.giomara y stalinT1.giomara y stalin
T1.giomara y stalin
 
Maquetación
MaquetaciónMaquetación
Maquetación
 
Diagramacion final
Diagramacion finalDiagramacion final
Diagramacion final
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
TÉCNICAS DE COMPOSICIÓN Y MAQUETACIÓN
TÉCNICAS DE COMPOSICIÓN Y MAQUETACIÓNTÉCNICAS DE COMPOSICIÓN Y MAQUETACIÓN
TÉCNICAS DE COMPOSICIÓN Y MAQUETACIÓN
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Técnicas de composición y maquetacion olmedo-garces
Técnicas de composición y maquetacion olmedo-garcesTécnicas de composición y maquetacion olmedo-garces
Técnicas de composición y maquetacion olmedo-garces
 
T2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoT2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenografico
 
fndamentos d diseño grafico.pdf
fndamentos d diseño grafico.pdffndamentos d diseño grafico.pdf
fndamentos d diseño grafico.pdf
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 

Último

TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
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í
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 

Último (20)

Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
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
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 

Diagramación y composicion

  • 2.  Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e imagen) en el espacio bidimensional (el papel) mediante criterios de jerarquización (importancia) buscando funcionalidad del mensaje (fácil lectura) bajo una apariencia estética agradable (aplicación adecuada de tipografías y colores). DIAGRAMACIÓN
  • 3. RETÍCULA  La retícula es una forma estructural que permite organizar los elementos, conforme vayamos interiorizando la necesidad de trabajar sobre un espacio virtualmente ordenado nos iremos desprendiendo de la rigidez real, no se puede concebir la libertad en el diseño si no se conocen los límites. HERRAMIENTAS DEL PROCESO DE DIAGRAMACIÓN
  • 4. LINEAS GUIAS  Son las líneas mas débiles que se trazan sobre el boceto, y sirven de base para poder trazar después la estructura arquitectónica. HERRAMIENTAS DEL PROCESO DE DIAGRAMACIÓN
  • 5.  Para maquetar el contenido editorial, la actividad de maquetación necesita trabajar con elementos gráficos (categorías de contenido visual) y aspectos (variables que pueden modificar el resultado final). ELEMENTOS DE DIAGRAMACIÓN
  • 6. TEXTO  El llamado "cuerpo de texto" es el tipo en que será impreso el contenido principal del impreso ya sea libro o publicación periódica (artículos, columnas, crónicas, editoriales, cartas etc.).  La masa de texto acostumbra llenar más de la mitad de toda la mancha gráfica del periódico y debe de ser delimitada por los otros elementos. Un formato común para el cuerpo de texto en periódicos es el tipo serifado, con cuerpo (tamaño) 12 puntos. ELEMENTOS DE DIAGRAMACIÓN
  • 7. Títulos o Titulares  Desde el titular de la primera página, hasta los titulares menores de artículos. Son subdivididos en:  Subtítulos o subtitulares : colocados abajo de la titular principal, complementan la información e incitan a leer el texto. antetítulos o antetitulares - colocados arriba de la titular principal, complementan la información e incitan a leer el texto. Intertítulos, intertitulares o quiebras - colocados en el medio del texto, para seccionarlo y facilitar la comprensión. ELEMENTOS DE DIAGRAMACIÓN
  • 8. DESTACADOS U OJOS  Colocados en el medio de la masa de texto, entre columnas, para resaltar trechos y sustituir quiebres; son muy utilizados en entrevistas. FOTOS – FOTOGRAFÍAS  Que en los diarios y revistas siempre vienen acompañadas por pie de fotos descriptivos y el crédito del fotógrafo ELEMENTOS DE DIAGRAMACIÓN
  • 9.  Arte : lo que se llama arte en diagramación son imágenes producidas para ilustrar o complementar visualmente la información del texto. Pueden ser:  Infografías : que incluyen mapas, gráficos estadísticos, secuenciales y esquemas visuales.  Caricaturas : dibujos generalmente satíricos con personajes del noticiero; Ilustraciones - todo tipo de dibujo ilustrativo para el texto perodístico. ELEMENTOS DE DIAGRAMACIÓN
  • 10.  Viñetas : mini-titulares que marcan un tema o asunto recurrente o destacado; pueden incluir mini-ilustraciones y generalmente vienen arriba de la titular del artículo o en el alto de la página.  Boxes o caja :un box es un espacio gráficamente delimitado que usualmente incluye un texto explicativo o sobre el asunto relacionado al artículo principal.  Hilos : existen para separar elementos que, por algún motivo, pueden ser confundidos. ELEMENTOS DE DIAGRAMACIÓN
  • 11.  Encabezado y Pie : marcan la cumbre y la base de la página, respectivamente, incluyendo marcas básicas como nombre del periódico, editoríal, fecha, número de la edición y número de la página; cuando es usado en la primera página, la cabecera incluye aún la marca del diario, precio y algunos nombres del equipo periodístico (presidente, director, editor-jefe).  Espacios para publicidad: único elemento de contenido no-editorial de la diagramación, producido por el equipo comercial Los aspectos que determinan la composición de estos elementos en la página son, entre otros: ELEMENTOS DE DIAGRAMACIÓN
  • 12.  Número de columnas : la distribución del texto en columnas verticales de tamaño regular, espaciadas y válidas para encajar los elementos. Actualmente, el patrón en diarios estándar es la división en 6 columnas, pero el uso de 8 columnas ha sido predominante. ELEMENTOS DE DIAGRAMACIÓN
  • 13.  Color : uso de colores y matices en periodismo, que confiere sentido y modifica el mensaje, muchas veces sutilmente; hasta mediados del siglo XX, los diarios de gran circulación no utilizaban impresión en colores, dependiendo de la escala de grises para matizar sus elementos. Espaciamiento - interlínea, entre columnas y entre cada elemento gráfico.  Tipología : variedad y tipos de fuentes tipográficas utilizadas. ELEMENTOS DE DIAGRAMACIÓN
  • 14.  Facilitar la lectura Función estética Esto es importante, porque las aplicaciones digitales han puesto en nuestras manos un sin de herramientas y utilidades que nos han hecho olvidar la primera función, facilitar la lectura. Entre tramas, imágenes de fondo, textos con texturas, sombras y una infinidad de recurso visuales han hecho en más de alguna oportunidad, algo tortuosa y agotadora la lectura. COMPOSICIÓN
  • 15. DIRECCIONALIDAD  La horizontal y la vertical son las direcciones predefinidas en nuestra relación con el entorno (sea cual sea), en ese afán de entender y organizar ese entorno en busca del equilibrio. La horizontal en su pasividad infinita, la vertical la inminente caída o la atención hacia los cielos. A ellas se le suma la diagonal, rebelde por naturaleza, transgresora de la norma, ascendente y descendente, de entrada o de salida. HERRAMIENTAS DEL PROCESO DE COMPOSICIÓN
  • 16. TENSIONES  Todo espacio visual es capaz de ejercer fuerzas sobre los elementos que en el se disponen, a propósito de nuestra forma de entender y asociar a los elementos por distancias, firma, tamaño, textura, color… los elementos se atraen o por el contrario se repelen. Observemos el punto que tiene tensión, pero no dirección, la línea tiene tensión y dirección. HERRAMIENTAS DEL PROCESO DE COMPOSICIÓN
  • 17. TENSION Y EQUILIBRIO  La necesidad de equilibrar los elementos no siempre es lo que se busca en el diseño, por lo tanto algunas veces, intencionalmente provocamos la carga de tensiones en algunos lugares de la composición. HERRAMIENTAS DEL PROCESO DE COMPOSICIÓN
  • 18. LA JERARQUIZACION  Se trata de asignar valores a cada uno de los elementos visuales y hacer que en varios niveles se vayan organizando de acuerdo con la necesidad de enfatizar jerárquicamente los distintos elementos que componen el mensaje. Siempre habrá un elemento líder al que hay que destacar en sus diferentes atributos: tamaño, color, posición, orientación, opacidad y detrás de él en un orden jerárquico los demás. HERRAMIENTAS DEL PROCESO DE COMPOSICIÓN
  • 19. EL RITMO Los conceptos de repetición, alternancia, simetría, comprensión, expansión, reflejo, rotación traslación son vitales para trabajar el ritmo. HERRAMIENTAS DEL PROCESO DE COMPOSICIÓN
  • 20.  http://mamuelal.blogspot.com/2011/03/que-es-diagramacion-y- maquetacion.html  http://cristinaloppez.blogspot.com/2010/02/la-diagramacion-y-sus- elementos.html  https://es.wikipedia.org/wiki/Maquetaci%C3%B3n_(edici%C3%B3n)  http://aprendiendoconzkj.blogspot.com/2009/03/la-composicion- en-diagramacion.html BIBLIOGRAFIA