SlideShare una empresa de Scribd logo
1 de 15
ALVARO LEIME CRUZ
DIAGRAMACIÓN
• Cuando hablamos de los fundamentos de la diagramación nos
referimos en esencia a los fundamentos del diseño gráfico: la
tipografía, el color y la composición.
• Es decir distribuir organizar elementos del mensaje en el espacio
bidimensional mediante criterios de jerarquización buscando
funcionalidad del mensaje mediante una apariencia estética agradable.
TIPOS DE DIAGRAMACIÓN
WINDOWS:
la mayoría del área del formato está ocupada por una
imagen. Este tipo de diagramación publicitaria es
utilizada cuando se necesita exponer el producto y
existe poca descripción de las cualidades del mismo.
ESPACIO EN BLANCO:
este tipo de diagramación está ligada con el
movimiento minimalista, conformado por mucho
espacio circundante, por lo que existe más áreas en
blanco que elementos gráficos. Dándole elegancia y
constando de un nivel pragmático muy elevado.
PANEL:
se asemeja a una diagramación editorial,
constituida por columnas, filas, que contienen
varias imágenes y texto extenso. Por lo general es
utilizada en publicidad desplegada en revistas.
SIMETRÍA:
siendo una diagramación ordenada, tradicional, favorece la percepción
y lectura fluida. Sus elementos sostienen el mismo peso visual, tanto
para la derecha, que para la izquierda del área del formato a trabajar,
dividida verticalmente, por lo que no hay puntos de resalte focal.
ASIMETRÍA:
por lo contrario de la diagramación simétrica, el
balance del peso visual es roto, dando un resalte focal a
uno de los costados, con preferencia a la derecha.
SUPERPANEL O MADRIAN:
de alguna manera es una variación de la diagramación
de panel, se puede percibir una serie de columnas
sobre montadas.
Circus:
generalmente utilizada en doble página de forma horizontal.
Existen elementos secundarios compuestos por una infinidad de
detalles anexos a imágenes, que rondan a un elemento central.
FORMATOS
•El formato tiene que ver con la forma y la orientación de una superficie.
•El formato es todo ese espacio donde se configura la composición.
TIPOS DE
FORMATOS
Horizontal
Vertical Circular
Cuadrado
ELEMENTOS DE LA
DIAGRAMACIÓN
FORMATO
• El tamaño final de la publicación. Este tema se
relaciona también con papel, ya que dependiendo
del tipo de soporte se puede establecer un
formato.
MÁRGENES
• Definen la caja de diagramación que es el lugar
donde van a ir los textos; las imágenes podrán
distribuirse en toda la página aprovechando el
trazado de la rejilla de diagramación.
COLUMNAS
•Las columnas definen la modulación
vertical. No necesariamente deben ser
del mismo
ESPACIO ENTRE
COLUNAS
•Se pueden dimensionar de acuerdo a
un tipo de diseño pero la separación
estandard es de 5mm.
CUADRICULA,
PLANTILLA, REJILLA
• Para lograr la elaboración de una rejilla, una plantilla o de una cuadrícula de diagramación
es necesario trazar divisiones horizontales en la caja de diagramación. Estas divisiones
pueden ser de dos, tres, cuatro, etc. Estos trazados forman la modulación horizontal que
se combinan con las columnas (modulación vertical) para definir los espacios que servirán
para ubicar los elementos de la diagramación.
IMÁGENES
•ilustraciones manuales, ilustraciones
digitales, fotografías, fotomontajes,
infografías, diagramas, viñetas, logotipos.
TEXTOX
• títulos, antetítulos, subtítulos, gorro, capitular,
leyendas, extractos, cuerpo de texto, autores de
texto y fotografía, número de páginas, encabezado
de sección, cintillos.
RECURSOS
GRÁFICOS
•líneas, tramas, signos señaléticos,
marcadores de leyendas, fondo
texturados, recuadros para texto.
COMPOSICIÓN
• La composición se define como una distribución o disposición de todos
los elementos que incluiremos en un diseño o composición, de una
forma perfecta y equilibrada.
En un diseño, lo primero que se debe elegir son
todos los elementos que aparecerán en él, luego
debemos distribuirlos para colocarlos con el
espacio disponible. Los elementos pueden ser
tanto imágenes, como espacios en blanco, etc.
Es muy importante tener en cuenta de que forma
situaremos estos elementos en nuestra
composición, para que tengan un equilibrio
formal y un peso igualado.
ELEMENTOS DE LA COMPOSICIÓN
LAS PROPORCIONES, LA FORMA,
Las formas redondas (modelo curvilíneo y
rectangular), la proporción y la simetría, suelen
combinarse, las formas en sus variantes también son
simétricas. Estas formas crean armonía, suavidad y
perfección.
TAMAÑO
El tamaño de un elemento, en relación al resto,
también presenta diferentes definiciones. Las
formas grandes, anchas o altas, se perciben cómo,
más fuertes, pero las más pequeñas, finas o cortas,
simbolizan la debilidad y delicadeza.
ESCALA
En una composición gráfica la escala se usa tanto
para distribuir el espacio como para equilibrar
las proporciones de los elementos.
LA REGLA O SECCIÓN ÁUREA
Es una proporción entre medidas. Se trata de la división
armónica de una recta en media y extrema razón. Esto
hace referencia a que el segmento menor es al segmento
mayor, como éste es a la totalidad de la recta.
EQUILIBRIO
Definimos el equilibrio como una apreciación
subjetiva, en la cual, los elementos de una
composición no se van a desprender.
El equilibro simétrico
se produce cuando al dividir una composición en dos
partes iguales, existe igualdad de peso en ambos lados.
Un equilibrio es asimétrico
cuando al dividir una composición en dos partes iguales,
no existen las mismas dimensiones en tamaño, color,
peso etc, pero existe un equilibrio entre dos elementos.
EL CONTRASTE DE TONO
Se basa en la utilización de tonos muy contrastados, la
combinación de claro-oscuro; el mayor peso lo tendrá el
elemento con mayor oscuridad. Para que este perdiera
protagonismo en el diseño, tendríamos que disminuir la
intensidad del tono y redimensionarlo después, para que no
perdiese equilibrio en la composición.
EL CONTRASTE DE COLOR
El tono es una de las dimensiones del color más importantes.
El contraste más efectivo se obtiene combinando los
diferentes tonos. El contraste creado entre dos colores será
mayor cuanto más alejados se encuentren del círculo
cromático. Los colores opuestos contrastan mucho más,
mientras que los análogos apenas lo hacen, perdiendo
importancia visual ambos.
EL CONTRASTE DE ESCALA
El contraste de escala se consigue a través de la
contraposición de diferentes elementos a diferentes
escalas de las normales, o el uso de medidas irreales
EL CONTRASTE DE CONTORNOS
El contraste de contornos irregulares destacan de forma
importante sobre los regulares o más conocidos. Este tipo de
contraste es ideal para captar la atención del usuario
observador a determinados elementos de una composición.
LINKS DE CONSULTA
• http://arteydisenolinda.blogspot.com/2012/02/diagramacion-y-composicion.html
• http://cardenasa.blogspot.com/
• http://abigailvegacedenodg.blogspot.com/2016/07/caracteristicas-de-diagramacion.html
• http://www.creativosonline.org/blog/diseno-editorial-tipos-de-sistemas-reticulares.html
• http://disenograficoiut.blogspot.com/2012/02/diagramacion.html
• http://pastocreativo.blogspot.com/2008/02/diagramacin-conceptos-bsicos.html
• http://cristinaloppez.blogspot.com/2010/02/la-diagramacion-y-sus-elementos.html
• https://www.taringa.net/post/apuntes-y-monografias/13433582/Tipos-de-Diagramacion-
Publicitaria.html
• http://www.aloj.us.es/galba/DIGITAL/CUATRIMESTRE_II/IMAGEN-PAGINA/2elementos5.htm
• http://imagenydiseño.es/tecnicas-de-composicion-en-diseno-grafico
• https://es.wikipedia.org/wiki/Composici%C3%B3n_(artes_visuales)
• http://www.fotonostra.com/grafico/tecnicascompos.htm

Más contenido relacionado

La actualidad más candente

Dipolos, estrategias visuales de composición
Dipolos, estrategias visuales de composiciónDipolos, estrategias visuales de composición
Dipolos, estrategias visuales de composicióncontinentalmink7
 
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1eme2525
 
Tecnicas visuales en la percepción del diseño
Tecnicas visuales en la percepción del diseñoTecnicas visuales en la percepción del diseño
Tecnicas visuales en la percepción del diseñoPj JPos
 
Ilustración, genero, técnicas y estilos
Ilustración, genero, técnicas y estilosIlustración, genero, técnicas y estilos
Ilustración, genero, técnicas y estilosBernardo Vega
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNAle Altuve
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulastls02cv
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónCARLA ESPINOZA
 
07 tipos de diagramacion
07 tipos de diagramacion07 tipos de diagramacion
07 tipos de diagramacionZAIRAJULIANA2
 
Las Piezas Gráficas en Publicidad
Las Piezas Gráficas en PublicidadLas Piezas Gráficas en Publicidad
Las Piezas Gráficas en PublicidadB. Lucia Salazar
 
Recursos visuales: balance, movimiento, ritmo, volumen, escala.
Recursos visuales: balance, movimiento, ritmo, volumen, escala.Recursos visuales: balance, movimiento, ritmo, volumen, escala.
Recursos visuales: balance, movimiento, ritmo, volumen, escala.Eva Avila
 

La actualidad más candente (20)

Composición en Diseño Editorial
Composición en Diseño EditorialComposición en Diseño Editorial
Composición en Diseño Editorial
 
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
 
Dipolos, estrategias visuales de composición
Dipolos, estrategias visuales de composiciónDipolos, estrategias visuales de composición
Dipolos, estrategias visuales de composición
 
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1
 
Anomalía
AnomalíaAnomalía
Anomalía
 
Tecnicas visuales en la percepción del diseño
Tecnicas visuales en la percepción del diseñoTecnicas visuales en la percepción del diseño
Tecnicas visuales en la percepción del diseño
 
Plano seriado
Plano seriadoPlano seriado
Plano seriado
 
Ilustración, genero, técnicas y estilos
Ilustración, genero, técnicas y estilosIlustración, genero, técnicas y estilos
Ilustración, genero, técnicas y estilos
 
Diagramacion de revista
Diagramacion de revistaDiagramacion de revista
Diagramacion de revista
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
 
Radiacion
RadiacionRadiacion
Radiacion
 
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 A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
La Composición Gráfica
La Composición GráficaLa Composición Gráfica
La Composición Gráfica
 
07 tipos de diagramacion
07 tipos de diagramacion07 tipos de diagramacion
07 tipos de diagramacion
 
Las Piezas Gráficas en Publicidad
Las Piezas Gráficas en PublicidadLas Piezas Gráficas en Publicidad
Las Piezas Gráficas en Publicidad
 
Recursos visuales: balance, movimiento, ritmo, volumen, escala.
Recursos visuales: balance, movimiento, ritmo, volumen, escala.Recursos visuales: balance, movimiento, ritmo, volumen, escala.
Recursos visuales: balance, movimiento, ritmo, volumen, escala.
 
Tecnicas visuales
Tecnicas visualesTecnicas visuales
Tecnicas visuales
 

Destacado

Destacado (20)

Diagramacion y composición
Diagramacion y composiciónDiagramacion y composición
Diagramacion y composición
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicion
 
Tecnicas digitales objetivosmateria
Tecnicas digitales objetivosmateriaTecnicas digitales objetivosmateria
Tecnicas digitales objetivosmateria
 
Actividad 2.1.2
Actividad 2.1.2Actividad 2.1.2
Actividad 2.1.2
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Braccialetti led
Braccialetti ledBraccialetti led
Braccialetti led
 
Placa base
Placa basePlaca base
Placa base
 
surjeet_Resume
surjeet_Resumesurjeet_Resume
surjeet_Resume
 
Midweek 10. 2014
Midweek 10. 2014Midweek 10. 2014
Midweek 10. 2014
 
789
789789
789
 
RECURSOS DIDÁCTICOS Y TECNOLÓGICOS
RECURSOS DIDÁCTICOS Y TECNOLÓGICOS RECURSOS DIDÁCTICOS Y TECNOLÓGICOS
RECURSOS DIDÁCTICOS Y TECNOLÓGICOS
 
Teoria del color alvaro leime
Teoria del color alvaro leimeTeoria del color alvaro leime
Teoria del color alvaro leime
 
โครงงานรูปสี่เหลี่ยม
โครงงานรูปสี่เหลี่ยมโครงงานรูปสี่เหลี่ยม
โครงงานรูปสี่เหลี่ยม
 
The miracle of allah pearl
The miracle of allah pearlThe miracle of allah pearl
The miracle of allah pearl
 
โครงงานพ่อของแผ่นดิน
โครงงานพ่อของแผ่นดินโครงงานพ่อของแผ่นดิน
โครงงานพ่อของแผ่นดิน
 
Actividad 2.1 Patricia Inchiglema
Actividad 2.1 Patricia InchiglemaActividad 2.1 Patricia Inchiglema
Actividad 2.1 Patricia Inchiglema
 
Diagramacion y composicion act 2.1
Diagramacion y composicion act 2.1Diagramacion y composicion act 2.1
Diagramacion y composicion act 2.1
 
Color En Diagramación
Color En DiagramaciónColor En Diagramación
Color En Diagramación
 
My experience as an Expat
My experience as an ExpatMy experience as an Expat
My experience as an Expat
 

Similar a Diagramación y composición

T1.hidalgo.gabriela y martinez.ricardo
T1.hidalgo.gabriela y martinez.ricardoT1.hidalgo.gabriela y martinez.ricardo
T1.hidalgo.gabriela y martinez.ricardoRicardo Martinez
 
Taller 1 jefferson_ramos_tecnicas de composicion y maquetacion.
Taller 1 jefferson_ramos_tecnicas de composicion y maquetacion.Taller 1 jefferson_ramos_tecnicas de composicion y maquetacion.
Taller 1 jefferson_ramos_tecnicas de composicion y maquetacion.jeffersonRamos57
 
Taller n°1
Taller n°1Taller n°1
Taller n°1Cals89
 
Taller1 tercerparcial bryan_g_alexi
Taller1 tercerparcial bryan_g_alexiTaller1 tercerparcial bryan_g_alexi
Taller1 tercerparcial bryan_g_alexiAlexi Suárez
 
Taller 1 melany y erika
Taller 1 melany y erikaTaller 1 melany y erika
Taller 1 melany y erikaERIKAROVERE
 
Taller 1 stephanie jessica c
Taller 1 stephanie  jessica cTaller 1 stephanie  jessica c
Taller 1 stephanie jessica cJessicaCamalle
 
Taller1 bryanmejia
Taller1 bryanmejiaTaller1 bryanmejia
Taller1 bryanmejiavane231093
 
Taller1 bryanmejia
Taller1 bryanmejiaTaller1 bryanmejia
Taller1 bryanmejiavane231093
 
Tipos de Composiciones en diagramación.pptx
Tipos de Composiciones en diagramación.pptxTipos de Composiciones en diagramación.pptx
Tipos de Composiciones en diagramación.pptxJoseEliasDelVillar
 
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
 
Mafer manobanda victor coquinche -taller1
Mafer manobanda   victor coquinche -taller1Mafer manobanda   victor coquinche -taller1
Mafer manobanda victor coquinche -taller1MaferMn95
 
Presentacion power point actividad 1.1.3 Pedro Carrillo
Presentacion power point actividad 1.1.3 Pedro CarrilloPresentacion power point actividad 1.1.3 Pedro Carrillo
Presentacion power point actividad 1.1.3 Pedro Carrillopedrovinca
 
Taller n°1
Taller n°1Taller n°1
Taller n°1Cals89
 

Similar a Diagramación y composición (20)

T1.hidalgo.gabriela y martinez.ricardo
T1.hidalgo.gabriela y martinez.ricardoT1.hidalgo.gabriela y martinez.ricardo
T1.hidalgo.gabriela y martinez.ricardo
 
Taller 1 jefferson_ramos_tecnicas de composicion y maquetacion.
Taller 1 jefferson_ramos_tecnicas de composicion y maquetacion.Taller 1 jefferson_ramos_tecnicas de composicion y maquetacion.
Taller 1 jefferson_ramos_tecnicas de composicion y maquetacion.
 
Taller n°1
Taller n°1Taller n°1
Taller n°1
 
Principios del diseño
Principios del diseñoPrincipios del diseño
Principios del diseño
 
Taller1 tercerparcial bryan_g_alexi
Taller1 tercerparcial bryan_g_alexiTaller1 tercerparcial bryan_g_alexi
Taller1 tercerparcial bryan_g_alexi
 
Taller 1 melany y erika
Taller 1 melany y erikaTaller 1 melany y erika
Taller 1 melany y erika
 
Taller 1 stephanie jessica c
Taller 1 stephanie  jessica cTaller 1 stephanie  jessica c
Taller 1 stephanie jessica c
 
Maquetación Alejandra taller3
Maquetación Alejandra taller3Maquetación Alejandra taller3
Maquetación Alejandra taller3
 
Taller1 bryanmejia
Taller1 bryanmejiaTaller1 bryanmejia
Taller1 bryanmejia
 
Taller1 bryanmejia
Taller1 bryanmejiaTaller1 bryanmejia
Taller1 bryanmejia
 
Tipos de Composiciones en diagramación.pptx
Tipos de Composiciones en diagramación.pptxTipos de Composiciones en diagramación.pptx
Tipos de Composiciones en diagramación.pptx
 
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
 
Mafer manobanda victor coquinche -taller1
Mafer manobanda   victor coquinche -taller1Mafer manobanda   victor coquinche -taller1
Mafer manobanda victor coquinche -taller1
 
Presentacion power point actividad 1.1.3 Pedro Carrillo
Presentacion power point actividad 1.1.3 Pedro CarrilloPresentacion power point actividad 1.1.3 Pedro Carrillo
Presentacion power point actividad 1.1.3 Pedro Carrillo
 
T1.giomara y stalin
T1.giomara y stalinT1.giomara y stalin
T1.giomara y stalin
 
Taller 1 Andrea_
Taller 1 Andrea_ Taller 1 Andrea_
Taller 1 Andrea_
 
Técnicas de composición argudo
Técnicas de composición  argudoTécnicas de composición  argudo
Técnicas de composición argudo
 
Diseño
DiseñoDiseño
Diseño
 
Presentation1
Presentation1Presentation1
Presentation1
 
Taller n°1
Taller n°1Taller n°1
Taller n°1
 

Último

Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfDamarysNavarro1
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASpaotavo97
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptxReneSalas18
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 

Último (20)

Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 

Diagramación y composición

  • 2. DIAGRAMACIÓN • Cuando hablamos de los fundamentos de la diagramación nos referimos en esencia a los fundamentos del diseño gráfico: la tipografía, el color y la composición. • Es decir distribuir organizar elementos del mensaje en el espacio bidimensional mediante criterios de jerarquización buscando funcionalidad del mensaje mediante una apariencia estética agradable.
  • 3. TIPOS DE DIAGRAMACIÓN WINDOWS: la mayoría del área del formato está ocupada por una imagen. Este tipo de diagramación publicitaria es utilizada cuando se necesita exponer el producto y existe poca descripción de las cualidades del mismo. ESPACIO EN BLANCO: este tipo de diagramación está ligada con el movimiento minimalista, conformado por mucho espacio circundante, por lo que existe más áreas en blanco que elementos gráficos. Dándole elegancia y constando de un nivel pragmático muy elevado. PANEL: se asemeja a una diagramación editorial, constituida por columnas, filas, que contienen varias imágenes y texto extenso. Por lo general es utilizada en publicidad desplegada en revistas.
  • 4. SIMETRÍA: siendo una diagramación ordenada, tradicional, favorece la percepción y lectura fluida. Sus elementos sostienen el mismo peso visual, tanto para la derecha, que para la izquierda del área del formato a trabajar, dividida verticalmente, por lo que no hay puntos de resalte focal. ASIMETRÍA: por lo contrario de la diagramación simétrica, el balance del peso visual es roto, dando un resalte focal a uno de los costados, con preferencia a la derecha. SUPERPANEL O MADRIAN: de alguna manera es una variación de la diagramación de panel, se puede percibir una serie de columnas sobre montadas. Circus: generalmente utilizada en doble página de forma horizontal. Existen elementos secundarios compuestos por una infinidad de detalles anexos a imágenes, que rondan a un elemento central.
  • 5. FORMATOS •El formato tiene que ver con la forma y la orientación de una superficie. •El formato es todo ese espacio donde se configura la composición. TIPOS DE FORMATOS Horizontal Vertical Circular Cuadrado
  • 6. ELEMENTOS DE LA DIAGRAMACIÓN FORMATO • El tamaño final de la publicación. Este tema se relaciona también con papel, ya que dependiendo del tipo de soporte se puede establecer un formato. MÁRGENES • Definen la caja de diagramación que es el lugar donde van a ir los textos; las imágenes podrán distribuirse en toda la página aprovechando el trazado de la rejilla de diagramación. COLUMNAS •Las columnas definen la modulación vertical. No necesariamente deben ser del mismo ESPACIO ENTRE COLUNAS •Se pueden dimensionar de acuerdo a un tipo de diseño pero la separación estandard es de 5mm.
  • 7. CUADRICULA, PLANTILLA, REJILLA • Para lograr la elaboración de una rejilla, una plantilla o de una cuadrícula de diagramación es necesario trazar divisiones horizontales en la caja de diagramación. Estas divisiones pueden ser de dos, tres, cuatro, etc. Estos trazados forman la modulación horizontal que se combinan con las columnas (modulación vertical) para definir los espacios que servirán para ubicar los elementos de la diagramación.
  • 8. IMÁGENES •ilustraciones manuales, ilustraciones digitales, fotografías, fotomontajes, infografías, diagramas, viñetas, logotipos. TEXTOX • títulos, antetítulos, subtítulos, gorro, capitular, leyendas, extractos, cuerpo de texto, autores de texto y fotografía, número de páginas, encabezado de sección, cintillos. RECURSOS GRÁFICOS •líneas, tramas, signos señaléticos, marcadores de leyendas, fondo texturados, recuadros para texto.
  • 9. COMPOSICIÓN • La composición se define como una distribución o disposición de todos los elementos que incluiremos en un diseño o composición, de una forma perfecta y equilibrada. En un diseño, lo primero que se debe elegir son todos los elementos que aparecerán en él, luego debemos distribuirlos para colocarlos con el espacio disponible. Los elementos pueden ser tanto imágenes, como espacios en blanco, etc. Es muy importante tener en cuenta de que forma situaremos estos elementos en nuestra composición, para que tengan un equilibrio formal y un peso igualado.
  • 10. ELEMENTOS DE LA COMPOSICIÓN LAS PROPORCIONES, LA FORMA, Las formas redondas (modelo curvilíneo y rectangular), la proporción y la simetría, suelen combinarse, las formas en sus variantes también son simétricas. Estas formas crean armonía, suavidad y perfección. TAMAÑO El tamaño de un elemento, en relación al resto, también presenta diferentes definiciones. Las formas grandes, anchas o altas, se perciben cómo, más fuertes, pero las más pequeñas, finas o cortas, simbolizan la debilidad y delicadeza.
  • 11. ESCALA En una composición gráfica la escala se usa tanto para distribuir el espacio como para equilibrar las proporciones de los elementos. LA REGLA O SECCIÓN ÁUREA Es una proporción entre medidas. Se trata de la división armónica de una recta en media y extrema razón. Esto hace referencia a que el segmento menor es al segmento mayor, como éste es a la totalidad de la recta.
  • 12. EQUILIBRIO Definimos el equilibrio como una apreciación subjetiva, en la cual, los elementos de una composición no se van a desprender. El equilibro simétrico se produce cuando al dividir una composición en dos partes iguales, existe igualdad de peso en ambos lados. Un equilibrio es asimétrico cuando al dividir una composición en dos partes iguales, no existen las mismas dimensiones en tamaño, color, peso etc, pero existe un equilibrio entre dos elementos.
  • 13. EL CONTRASTE DE TONO Se basa en la utilización de tonos muy contrastados, la combinación de claro-oscuro; el mayor peso lo tendrá el elemento con mayor oscuridad. Para que este perdiera protagonismo en el diseño, tendríamos que disminuir la intensidad del tono y redimensionarlo después, para que no perdiese equilibrio en la composición. EL CONTRASTE DE COLOR El tono es una de las dimensiones del color más importantes. El contraste más efectivo se obtiene combinando los diferentes tonos. El contraste creado entre dos colores será mayor cuanto más alejados se encuentren del círculo cromático. Los colores opuestos contrastan mucho más, mientras que los análogos apenas lo hacen, perdiendo importancia visual ambos.
  • 14. EL CONTRASTE DE ESCALA El contraste de escala se consigue a través de la contraposición de diferentes elementos a diferentes escalas de las normales, o el uso de medidas irreales EL CONTRASTE DE CONTORNOS El contraste de contornos irregulares destacan de forma importante sobre los regulares o más conocidos. Este tipo de contraste es ideal para captar la atención del usuario observador a determinados elementos de una composición.
  • 15. LINKS DE CONSULTA • http://arteydisenolinda.blogspot.com/2012/02/diagramacion-y-composicion.html • http://cardenasa.blogspot.com/ • http://abigailvegacedenodg.blogspot.com/2016/07/caracteristicas-de-diagramacion.html • http://www.creativosonline.org/blog/diseno-editorial-tipos-de-sistemas-reticulares.html • http://disenograficoiut.blogspot.com/2012/02/diagramacion.html • http://pastocreativo.blogspot.com/2008/02/diagramacin-conceptos-bsicos.html • http://cristinaloppez.blogspot.com/2010/02/la-diagramacion-y-sus-elementos.html • https://www.taringa.net/post/apuntes-y-monografias/13433582/Tipos-de-Diagramacion- Publicitaria.html • http://www.aloj.us.es/galba/DIGITAL/CUATRIMESTRE_II/IMAGEN-PAGINA/2elementos5.htm • http://imagenydiseño.es/tecnicas-de-composicion-en-diseno-grafico • https://es.wikipedia.org/wiki/Composici%C3%B3n_(artes_visuales) • http://www.fotonostra.com/grafico/tecnicascompos.htm