SlideShare una empresa de Scribd logo
1 de 12
Integrantes:
Bryan González
Alexi Suarez
TÉCNICAS DE COMPOSICIÓN Y
MAQUETACIÓN
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
el, luego se debe distribuir
para colocarlo con el espacio
disponible.
Los elementos pueden ser
tanto imágenes, como
espacios en blanco, etc.
Es importante tener en
cuenta la composición para
tener un equilibrio formal y
un peso igualado.
COMPOSICIÓN
Uno de los formatos
más conocidos y
utilizados es el DINA-4.
Podemos limitar las
proporciones de nuestra
composición a través
del color.
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.
Crean armonía,
suavidad y perfección.
PROPORCIÓN
Existe una escala
cuando se da una
relación
matemática
(proporción) entre
las dimensiones de
distintos elementos.
Una escala, por
tanto, se puede
representar
mediante un
número o una
fórmula.
Normalmente se
usa en cartografía,
planos, mapas…
para poder
representar una
medida
proporcional al
tamaño real.
Las propiedades de
los elementos
visuales son
relativas, dependen
del resto de
elementos
presentes en la
composición
la escala hace
referencia a la
relación entre los
tamaños y otras
características de
las piezas que
forman el diseño
con sus vecinas.
ESCALA
•En una composición se puede
conseguir el equilibrio a través
del uso de líneas y formas. Todos
los pesos deberán estar
compensandos para obtener el
equilibrio ideal.
Equilibrio
•Se produce cuando al dividir una
composición en dos partes
iguales, existe igualdad.
Equilibrio
simétrico •cuando al dividir una
composición en dos partes
iguales, no existe las mismas
dimensiones en tamaño, color,
peso, etc. Pero existe un
equilibrio entre dos elementos.
Equilibrio
asimétrico
EQUILIBRIO
El contraste actúa a través de la
atracción o excitación del
público observador, mediante la
combinación de diferentes
intensidades o niveles de
contraste, en el color, tamaño,
etc.
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.
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.
CONTRASTE DE TONOS-
COLORES
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
Utilizando este recurso, la percepción del
elemento se encuentra alterado. Esta clase de
contraste es utilizado en la fotografía y
pintura para atraer la atención del espectador.
CONTRASTE DE ESCALA
La necesidad de nivelación, de equilibrio absoluto,
de confinamiento visual que subyace a todo el
sistema de la percepción humana, es una acción
contra la que el contraste se alza como reacción.
Los contornos irregulares e imprevisibles
les ganan la partida a los regulares,
sencillos y perfectamente resueltos.
Las texturas disímiles intensifican el
carácter único de sus compañeras cuando
se yuxtaponen
CONTRASTE DE CONTORNOS
Se dice que en una
figura es simétrica
cuando se corresponden
las partes resultantes de
fraccionarlas a través de
una o varias rectas
divisionarias, llamadas
ejes de simetría.
Cada eje de simetría
divide a las figuras en
unas partes llamadas
planos.
La asimetría es la falta
de correspondencia
entre las partes de un
todo, está próxima al
desequilibrio.
SIMETRÍA
Se conoce
también como:
sección áurea,
divina
proporción,
razón dorada,
número áureo,
etc.
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 a
la totalidad de
la recta.
Sirve para que
la imagen se vea
agradable
visualmente,
debido a que las
proporciones
parecen
naturales.
LA SECCIÓN ÁUREA
también llamada a veces diagramación, es
un oficio del diseño editorial que se
encarga de organizar en un espacio,
contenidos escritos, visuales y en
algunos casos audiovisuales
(multimedia) en medios impresos y
electrónicos, como libros, diarios y
revistas.
la distribución de los elementos en un
espacio determinado de la página,
mientras que el diseño editorial incluye
fases más amplias del proceso, desde el
proyecto gráfico, hasta los procesos de
producción denominados pre-prensa
(preparación para impresión), prensa
(impresión) y post-prensa (acabados).
tener en cuenta, el producto a elaborar,
ya sean libros, revistas, folletos y la
tematica a desarrollar, informativo,
ventas, musica, para elaborar un
producto acorde y llamativo, de ahi la
recomendacion de las 7 reglar de
diagramacion.
MAQUETACIÓN
MAQUETACIÓN
1. Tenga presente el número de
columnas a usar para que
planifique la cantidad de texto
2. Una vez ubicado los textos, no
olvide dejar espacios para los
elementos gráficos.
3. No recargue la página con
textos imágenes o blancos sea
conciso para no distraer del tema
central.
4. Los espacios pequeños en
blanco ayudan a descansar la
vista.
5. Cuando diagrama una doble
página deje un espacio prudente
en el centro de ambas para evitar
que las imágenes y el texto
queden atrapados en el engrape o
peque del lomo.
6. Se recomienda no utilizar más
de 2 o 3 familias tipográficas por
documento diagramado por
títulos, subtítulos, y párrafos.
7. Si trabaja en equipo con un
ilustrador, indíquele siempre en
sus ordenadores los espacios y
detalles de la ilustración que
necesita con tinta roja o
marcador destacable.

Más contenido relacionado

La actualidad más candente

Principios y elementos del diseño
Principios y elementos del diseñoPrincipios y elementos del diseño
Principios y elementos del diseñoDullcci NEaa
 
Fundamentos y elementos del diseño
Fundamentos y elementos del diseñoFundamentos y elementos del diseño
Fundamentos y elementos del diseñoEdu Barros
 
Fundamentos de Composición Visual para Cursos online
Fundamentos de Composición Visual para Cursos onlineFundamentos de Composición Visual para Cursos online
Fundamentos de Composición Visual para Cursos onlineRusia González
 
Carlosdavidsalgueraperez corte3actividad1
Carlosdavidsalgueraperez corte3actividad1Carlosdavidsalgueraperez corte3actividad1
Carlosdavidsalgueraperez corte3actividad1carlossalguera
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Arlen Mosquera
 
Contraste
ContrasteContraste
ContrasteEdy Hm
 
Diseñografico
DiseñograficoDiseñografico
Diseñograficobipgenesis
 
Diseñografico
DiseñograficoDiseñografico
Diseñograficojgenesis
 
taller 3 Pablo e Iván
   taller 3 Pablo e Iván   taller 3 Pablo e Iván
taller 3 Pablo e IvánPablo Reyes
 
Elementos dinámicos de la imagen
Elementos dinámicos de la imagenElementos dinámicos de la imagen
Elementos dinámicos de la imagenGinis Cortes
 
Elementos del diseño gráfico
Elementos del diseño gráficoElementos del diseño gráfico
Elementos del diseño gráficoScarlett López
 
Elementos visuales de la imagen elplano
Elementos visuales de la imagen elplanoElementos visuales de la imagen elplano
Elementos visuales de la imagen elplanoGabriel Sotov
 
Compocisión gráfica para láminas arquitectónicas (básica)
Compocisión gráfica para láminas arquitectónicas (básica)Compocisión gráfica para láminas arquitectónicas (básica)
Compocisión gráfica para láminas arquitectónicas (básica)Héctor Favela Vizcaya
 

La actualidad más candente (20)

2 diseño+gr..
2 diseño+gr..2 diseño+gr..
2 diseño+gr..
 
Principios y elementos del diseño
Principios y elementos del diseñoPrincipios y elementos del diseño
Principios y elementos del diseño
 
Fundamentos y elementos del diseño
Fundamentos y elementos del diseñoFundamentos y elementos del diseño
Fundamentos y elementos del diseño
 
Contraste
ContrasteContraste
Contraste
 
Fundamentos de Composición Visual para Cursos online
Fundamentos de Composición Visual para Cursos onlineFundamentos de Composición Visual para Cursos online
Fundamentos de Composición Visual para Cursos online
 
Carlosdavidsalgueraperez corte3actividad1
Carlosdavidsalgueraperez corte3actividad1Carlosdavidsalgueraperez corte3actividad1
Carlosdavidsalgueraperez corte3actividad1
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
 
Contraste
ContrasteContraste
Contraste
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
taller 3 Pablo e Iván
   taller 3 Pablo e Iván   taller 3 Pablo e Iván
taller 3 Pablo e Iván
 
Elementos dinámicos de la imagen
Elementos dinámicos de la imagenElementos dinámicos de la imagen
Elementos dinámicos de la imagen
 
Elementos del diseño gráfico
Elementos del diseño gráficoElementos del diseño gráfico
Elementos del diseño gráfico
 
Composición visual artística
Composición visual artísticaComposición visual artística
Composición visual artística
 
Exposicion Procesos
Exposicion ProcesosExposicion Procesos
Exposicion Procesos
 
Elementos visuales de la imagen elplano
Elementos visuales de la imagen elplanoElementos visuales de la imagen elplano
Elementos visuales de la imagen elplano
 
Compocisión gráfica para láminas arquitectónicas (básica)
Compocisión gráfica para láminas arquitectónicas (básica)Compocisión gráfica para láminas arquitectónicas (básica)
Compocisión gráfica para láminas arquitectónicas (básica)
 
Elementos que componen el diseño grafico
Elementos que componen el diseño graficoElementos que componen el diseño grafico
Elementos que componen el diseño grafico
 
Ud4 esquema compositivo
Ud4 esquema compositivoUd4 esquema compositivo
Ud4 esquema compositivo
 
Diseño gráfico G 404
Diseño gráfico G 404Diseño gráfico G 404
Diseño gráfico G 404
 

Similar a Técnicas de composición y maquetación en diseño gráfico

Taller n°1
Taller n°1Taller n°1
Taller n°1Cals89
 
Taller 1 stephanie jessica c
Taller 1 stephanie  jessica cTaller 1 stephanie  jessica c
Taller 1 stephanie jessica cJessicaCamalle
 
T1.hidalgo.gabriela y martinez.ricardo
T1.hidalgo.gabriela y martinez.ricardoT1.hidalgo.gabriela y martinez.ricardo
T1.hidalgo.gabriela y martinez.ricardoRicardo Martinez
 
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
 
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
 
Katherine Chicaiza taller-nª-1
Katherine Chicaiza taller-nª-1Katherine Chicaiza taller-nª-1
Katherine Chicaiza taller-nª-1katherine castro
 
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
 
Diagramacion y compocicion ok
Diagramacion y compocicion okDiagramacion y compocicion ok
Diagramacion y compocicion okdaniel cacuango
 
Universidad nacional de chimborazo
Universidad nacional de chimborazoUniversidad nacional de chimborazo
Universidad nacional de chimborazoPamela Chafla
 
Técnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya britoTécnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya britoDaya Brito
 
Taller1 bryanmejia
Taller1 bryanmejiaTaller1 bryanmejia
Taller1 bryanmejiavane231093
 
Taller1 bryanmejia
Taller1 bryanmejiaTaller1 bryanmejia
Taller1 bryanmejiavane231093
 
Presentación3.diseno.grafico.armijos.pillajo.david
Presentación3.diseno.grafico.armijos.pillajo.davidPresentación3.diseno.grafico.armijos.pillajo.david
Presentación3.diseno.grafico.armijos.pillajo.davidDavid Armijos
 

Similar a Técnicas de composición y maquetación en diseño gráfico (20)

Naty y moni taller 1
Naty y moni taller 1Naty y moni taller 1
Naty y moni taller 1
 
Taller n°1
Taller n°1Taller n°1
Taller n°1
 
Taller 1 stephanie jessica c
Taller 1 stephanie  jessica cTaller 1 stephanie  jessica c
Taller 1 stephanie jessica c
 
T1.hidalgo.gabriela y martinez.ricardo
T1.hidalgo.gabriela y martinez.ricardoT1.hidalgo.gabriela y martinez.ricardo
T1.hidalgo.gabriela y martinez.ricardo
 
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
 
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
 
Katherine Chicaiza taller-nª-1
Katherine Chicaiza taller-nª-1Katherine Chicaiza taller-nª-1
Katherine Chicaiza taller-nª-1
 
Taller1 valeria paez_maitefernandez_camilaharo
Taller1 valeria paez_maitefernandez_camilaharoTaller1 valeria paez_maitefernandez_camilaharo
Taller1 valeria paez_maitefernandez_camilaharo
 
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.
 
Técnicas de composición argudo
Técnicas de composición  argudoTécnicas de composición  argudo
Técnicas de composición argudo
 
Diagramacion y compocicion ok
Diagramacion y compocicion okDiagramacion y compocicion ok
Diagramacion y compocicion ok
 
Universidad nacional de chimborazo
Universidad nacional de chimborazoUniversidad nacional de chimborazo
Universidad nacional de chimborazo
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Técnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya britoTécnicas de composición y maquetación daya brito
Técnicas de composición y maquetación daya brito
 
Diseño
DiseñoDiseño
Diseño
 
Taller1 bryanmejia
Taller1 bryanmejiaTaller1 bryanmejia
Taller1 bryanmejia
 
Taller1 bryanmejia
Taller1 bryanmejiaTaller1 bryanmejia
Taller1 bryanmejia
 
Presentación3.diseno.grafico.armijos.pillajo.david
Presentación3.diseno.grafico.armijos.pillajo.davidPresentación3.diseno.grafico.armijos.pillajo.david
Presentación3.diseno.grafico.armijos.pillajo.david
 

Técnicas de composición y maquetación en diseño gráfico

  • 2. 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 el, luego se debe distribuir para colocarlo con el espacio disponible. Los elementos pueden ser tanto imágenes, como espacios en blanco, etc. Es importante tener en cuenta la composición para tener un equilibrio formal y un peso igualado. COMPOSICIÓN
  • 3. Uno de los formatos más conocidos y utilizados es el DINA-4. Podemos limitar las proporciones de nuestra composición a través del color. 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. Crean armonía, suavidad y perfección. PROPORCIÓN
  • 4. Existe una escala cuando se da una relación matemática (proporción) entre las dimensiones de distintos elementos. Una escala, por tanto, se puede representar mediante un número o una fórmula. Normalmente se usa en cartografía, planos, mapas… para poder representar una medida proporcional al tamaño real. Las propiedades de los elementos visuales son relativas, dependen del resto de elementos presentes en la composición la escala hace referencia a la relación entre los tamaños y otras características de las piezas que forman el diseño con sus vecinas. ESCALA
  • 5. •En una composición se puede conseguir el equilibrio a través del uso de líneas y formas. Todos los pesos deberán estar compensandos para obtener el equilibrio ideal. Equilibrio •Se produce cuando al dividir una composición en dos partes iguales, existe igualdad. Equilibrio simétrico •cuando al dividir una composición en dos partes iguales, no existe las mismas dimensiones en tamaño, color, peso, etc. Pero existe un equilibrio entre dos elementos. Equilibrio asimétrico EQUILIBRIO
  • 6. El contraste actúa a través de la atracción o excitación del público observador, mediante la combinación de diferentes intensidades o niveles de contraste, en el color, tamaño, etc. 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. 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. CONTRASTE DE TONOS- COLORES
  • 7. 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 Utilizando este recurso, la percepción del elemento se encuentra alterado. Esta clase de contraste es utilizado en la fotografía y pintura para atraer la atención del espectador. CONTRASTE DE ESCALA
  • 8. La necesidad de nivelación, de equilibrio absoluto, de confinamiento visual que subyace a todo el sistema de la percepción humana, es una acción contra la que el contraste se alza como reacción. Los contornos irregulares e imprevisibles les ganan la partida a los regulares, sencillos y perfectamente resueltos. Las texturas disímiles intensifican el carácter único de sus compañeras cuando se yuxtaponen CONTRASTE DE CONTORNOS
  • 9. Se dice que en una figura es simétrica cuando se corresponden las partes resultantes de fraccionarlas a través de una o varias rectas divisionarias, llamadas ejes de simetría. Cada eje de simetría divide a las figuras en unas partes llamadas planos. La asimetría es la falta de correspondencia entre las partes de un todo, está próxima al desequilibrio. SIMETRÍA
  • 10. Se conoce también como: sección áurea, divina proporción, razón dorada, número áureo, etc. 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 a la totalidad de la recta. Sirve para que la imagen se vea agradable visualmente, debido a que las proporciones parecen naturales. LA SECCIÓN ÁUREA
  • 11. también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas. la distribución de los elementos en un espacio determinado de la página, mientras que el diseño editorial incluye fases más amplias del proceso, desde el proyecto gráfico, hasta los procesos de producción denominados pre-prensa (preparación para impresión), prensa (impresión) y post-prensa (acabados). tener en cuenta, el producto a elaborar, ya sean libros, revistas, folletos y la tematica a desarrollar, informativo, ventas, musica, para elaborar un producto acorde y llamativo, de ahi la recomendacion de las 7 reglar de diagramacion. MAQUETACIÓN
  • 12. MAQUETACIÓN 1. Tenga presente el número de columnas a usar para que planifique la cantidad de texto 2. Una vez ubicado los textos, no olvide dejar espacios para los elementos gráficos. 3. No recargue la página con textos imágenes o blancos sea conciso para no distraer del tema central. 4. Los espacios pequeños en blanco ayudan a descansar la vista. 5. Cuando diagrama una doble página deje un espacio prudente en el centro de ambas para evitar que las imágenes y el texto queden atrapados en el engrape o peque del lomo. 6. Se recomienda no utilizar más de 2 o 3 familias tipográficas por documento diagramado por títulos, subtítulos, y párrafos. 7. Si trabaja en equipo con un ilustrador, indíquele siempre en sus ordenadores los espacios y detalles de la ilustración que necesita con tinta roja o marcador destacable.