SlideShare una empresa de Scribd logo
1 de 17
Descargar para leer sin conexión
Tema 3. Los elementos del diseño aplicados a una
pieza editorial
                                             Subtemas
                                                  3.1 Forma
                                                 3.2 Textura
                                                    3.3 Peso
                                               3.4 Contraste
                                             3.5 Proporción
                                                   3.6 Ritmo
                                                3.7 Armonía
                                            3.8 Movimiento
                                                3.9 Simetría
Introducción
Las técnicas visuales ayudan en el acomodo de la
composición: forma, textura, peso, contraste, balance,
proporción, ritmo, armonía, movimiento, simetría.
Forma
La forma de los objetos y cosas,
comunican ideas por ellos mismos,
llaman la atención del receptor
dependiendo de la forma elegida.
Es un elemento esencial para un
buen diseño.
Forma es cualquier elemento que
utilicemos para dar o determinar la
forma.
Un ejemplo marcado por una forma
sería el que una compañía
internacional utilice, un círculo en
su insignia sugiriendo la tierra. Sin
embargo las formas inusuales
atraen la atención.
Disposición de las
formas
Hay tres maneras de que la forma realce su
disposición:
1. La forma ayuda a sostener interés del
lector. Las formas se pueden utilizar para
romper hacia arriba una página que
contenga mucho texto.
2. La forma se utiliza para organizar y para
separarse. Una parte del texto se puede
poner en una forma con un fondo colorido
y agregará variedad a la página.
3. Utilizar la forma para conducir el ojo del
lector con el diseño. Según las
disposiciones, el ojo busca un lugar para
comenzar y seguir con el diseño al
extremo. La forma puede ayudarle a
guardar la atención de éste.
Textura
La textura, aporta al diseño, una
mirada o una sensación, o una
superficie.
Diariamente encontramos gran
variedad de texturas, por todo el
entorno que nos rodea.
La textura ayuda a crear un
humor particular para una
disposición o para otras en
formas individuales.
La textura, permite crear una
adaptación personalizada de la
realidad añadiendo dimensión y
riqueza al diseño.

Existen dos tipos de textura:
Táctil y visual.
Textura táctil: Por ejemplo la
de una superficie rugosa, con
relieve o la de otra más fina
como la de un papel, o la
suavidad del terciopelo. Son
todas aquellas perceptibles
al tacto.
Textura Visual: Aquellas
texturas impresas que se
parecen a la realidad, como
la
arena, las piedras, rocas.
Entre esta clase de textura,
pueden surgir texturas que
realmente existen y otras
que son irreales.
Textura mosaico o patrón:
Un patrón o mosaico, sería un
tipo de textura visual. Cuando
una imagen o una
línea del tipo que sea, se
repite muchas, acaba
creando una textura visual.
Un ejemplo de ello serían los
patrones de luces, que en de
la oscuridad agregan
dimensión a una superficie. El
papel que se envuelve, es un
buen ejemplo del
patrón. Los patrones pueden
hacer fondos
El peso
“peso visual” se hace referencia
al efecto óptico que produce
una figura grande y maciza, o un
color intenso. Se trata de zonas
que intuitivamente percibimos
como “cargadas”.
No es difícil relacionar la división
arriba-abajo con la realidad: la
fuerza de gravedad nos
mantiene a las personas y a las
cosas con los pies en la tierra,
mientras arriba nos
encontramos con el aire y el
cielo abierto.
El peso
La segunda relación que se
establece es la relación
izquierda-derecha, que,
como la anterior, también
conduce de una zona
menos densa, a otra más
densa. La conclusión es,
entonces, que la zona más
“pesada” de la obra se
corresponde con el sector
inferior derecho, y la zona
más “liviana”, con el sector
superior izquierdo.
Esquematizando:
Contraste
El contraste puede conseguirse a
través de múltiples articulaciones:
1. CONTRASTE DE TONOS (MATIZ Ó
CROMA)
La utilización de tonos muy
contrastados, claridad- oscuridad,
establecen el contraste tonal. El
mayor peso tonal lo tendría aquél
elemento con mayor oscuridad o
intensidad tonal, a medida que
pierde tono, al elemento perdería
fuerza y dimensión dentro de la
composición, por lo cual deberíamos
redimensionarlo para que siguiera
manteniendo su peso en el conjunto
del diseño.
Contraste
2. CONTRASTE DE COLORES
Mediante la utilización adecuada
de la temperatura de color en
diferentes elementos de la
composición podremos dar
mayor dimensión a un
determinado elemento o bien dar
la sensación de mayor
proximidad. El contraste
complementario es el equilibrio
relativo entre
cálido y frío.
Contraste
3. CONTRASTE DE CONTORNOS
Los contornos irregulares ganan la
partida en cuanto a atención a los
regulares, reconocibles y
previsibles. Una forma abstracta
atrae mucho más la atención que
una forma geométrica conocida. De
la misma forma la creación de
texturas o trazos diferentes se
intensifican cuando las
yuxtaponemos.
Contraste
4. CONTRASTE DE ESCALA
El contraste también puede ser
conseguido mediante la
contraposición de elementos a
diferentes escalas de las
normales, o la utilización de
proporciones irreales. De esta
forma se esta negando la
experiencia de percepción que
puede tener el receptor en
cuanto a las escalas de los
elementos y por lo tanto se crea
una percepción inusual y
dramatizamos la percepción del
elemento.
Factor de
tensión y ritmo
La tensión dota de fuerza y dinamismo al
diseño y atrae la atención del espectador.
Reflejar tensión no es una tarea fácil,
pero hay diferentes caminos para
conseguirlo:
Método sugestivo, consiste en dirigir la
mirada a un punto concreto, por medio
de otros elementos.
Método rítmico, consiste en aprovechar
la tendencia que tiene el ser humano en
completar secuencias de elementos.
Método mecánico, consiste en dirigir la
atención del receptor de una forma
obligada.
Ejercicio: Realizar 5
composiciones editoriales en
técnica collage con las siguientes
especificaciones.
1. Forma y textura
2. Contraste (Escoger uno de los
4 tipos de contraste)
3. Peso
4. Tensión y ritmo (escoger uno
de los 3 métodos)

OJO: Su nota del taller será
dependiendo de lo realizado acá
en el taller así que aproveche su
tiempo.

Más contenido relacionado

La actualidad más candente

Taller n°1
Taller n°1Taller n°1
Taller n°1Cals89
 
Elementos de la Composición en Eventos Sociales
Elementos de la Composición en Eventos SocialesElementos de la Composición en Eventos Sociales
Elementos de la Composición en Eventos SocialesMonica coro
 
Elementos del Diseño Grafico
Elementos del Diseño GraficoElementos del Diseño Grafico
Elementos del Diseño GraficoJosé Dávila
 
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 Compositivos
Elementos CompositivosElementos Compositivos
Elementos CompositivosAddy Molina
 
Principios de Diseño
Principios de DiseñoPrincipios de Diseño
Principios de DiseñoKevin Huertas
 
Técnicas de composición pictórica
Técnicas de composición pictóricaTécnicas de composición pictórica
Técnicas de composición pictóricaDante Amerisi
 
Técnicas de composición
Técnicas de composiciónTécnicas de composición
Técnicas de composiciónMonica coro
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseñoMaría Sabat
 
Taller 1 stephanie jessica c
Taller 1 stephanie  jessica cTaller 1 stephanie  jessica c
Taller 1 stephanie jessica cJessicaCamalle
 
TECNOCAS DE COMPOSICIÓN
TECNOCAS DE COMPOSICIÓNTECNOCAS DE COMPOSICIÓN
TECNOCAS DE COMPOSICIÓN161278agac
 
Elementos compositivos que intervienen en la obra gráfica
Elementos compositivos que intervienen en la obra gráficaElementos compositivos que intervienen en la obra gráfica
Elementos compositivos que intervienen en la obra gráficarosaliachmd
 

La actualidad más candente (20)

Taller n°1
Taller n°1Taller n°1
Taller n°1
 
Leyes Compositivas
Leyes Compositivas Leyes Compositivas
Leyes Compositivas
 
Elementos de la Composición en Eventos Sociales
Elementos de la Composición en Eventos SocialesElementos de la Composición en Eventos Sociales
Elementos de la Composición en Eventos Sociales
 
Elementos del Diseño Grafico
Elementos del Diseño GraficoElementos del Diseño Grafico
Elementos del Diseño Grafico
 
La composición audiovisual
La composición  audiovisual La composición  audiovisual
La composición audiovisual
 
Elementos dinámicos de la imagen
Elementos dinámicos de la imagenElementos dinámicos de la imagen
Elementos dinámicos de la imagen
 
La Composicion
La ComposicionLa Composicion
La Composicion
 
Elementos Compositivos
Elementos CompositivosElementos Compositivos
Elementos Compositivos
 
Principios de Diseño
Principios de DiseñoPrincipios de Diseño
Principios de Diseño
 
Técnicas de composición pictórica
Técnicas de composición pictóricaTécnicas de composición pictórica
Técnicas de composición pictórica
 
La composición
La composiciónLa composición
La composición
 
Técnicas de composición
Técnicas de composiciónTécnicas de composición
Técnicas de composición
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Taller 1 stephanie jessica c
Taller 1 stephanie  jessica cTaller 1 stephanie  jessica c
Taller 1 stephanie jessica c
 
Unidad 4 composición 4ºESO
Unidad 4 composición 4ºESOUnidad 4 composición 4ºESO
Unidad 4 composición 4ºESO
 
TECNOCAS DE COMPOSICIÓN
TECNOCAS DE COMPOSICIÓNTECNOCAS DE COMPOSICIÓN
TECNOCAS DE COMPOSICIÓN
 
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
 
Elementos De Composición
Elementos De ComposiciónElementos De Composición
Elementos De Composición
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Elementos compositivos que intervienen en la obra gráfica
Elementos compositivos que intervienen en la obra gráficaElementos compositivos que intervienen en la obra gráfica
Elementos compositivos que intervienen en la obra gráfica
 

Destacado (20)

Clase 3
Clase 3Clase 3
Clase 3
 
Taller de diagramación1
Taller de diagramación1Taller de diagramación1
Taller de diagramación1
 
Clase2
Clase2Clase2
Clase2
 
Clase 6 Diagramacion
Clase 6 DiagramacionClase 6 Diagramacion
Clase 6 Diagramacion
 
Manualdeestilo revistacompleto
Manualdeestilo revistacompletoManualdeestilo revistacompleto
Manualdeestilo revistacompleto
 
Clase 8
Clase 8Clase 8
Clase 8
 
Clase 7
Clase 7Clase 7
Clase 7
 
Diagramacion De Revistas
Diagramacion  De RevistasDiagramacion  De Revistas
Diagramacion De Revistas
 
Diagramacion De Periodicos
Diagramacion De PeriodicosDiagramacion De Periodicos
Diagramacion De Periodicos
 
Ejemplo
EjemploEjemplo
Ejemplo
 
Diagramacion
DiagramacionDiagramacion
Diagramacion
 
Presentacion inicial diagramacion y tipos de diagramas
Presentacion inicial diagramacion y tipos de diagramasPresentacion inicial diagramacion y tipos de diagramas
Presentacion inicial diagramacion y tipos de diagramas
 
Merca3
Merca3Merca3
Merca3
 
Contraste y armonía
Contraste y armoníaContraste y armonía
Contraste y armonía
 
Sesión 05:Narración oral
Sesión 05:Narración oralSesión 05:Narración oral
Sesión 05:Narración oral
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.
 
La armonia del color
La armonia del color La armonia del color
La armonia del color
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
3 elementos del diseño
3 elementos del diseño3 elementos del diseño
3 elementos del diseño
 
Diversidad linguitica(jose)
Diversidad linguitica(jose)Diversidad linguitica(jose)
Diversidad linguitica(jose)
 

Similar a Elementos del diseño editorial

Similar a Elementos del diseño editorial (20)

Taller 3 Ana Calero_Santos Castelo
Taller 3  Ana Calero_Santos CasteloTaller 3  Ana Calero_Santos Castelo
Taller 3 Ana Calero_Santos Castelo
 
Los elementos del diseño aplicados a una pieza
Los elementos del diseño aplicados a una piezaLos elementos del diseño aplicados a una pieza
Los elementos del diseño aplicados a una pieza
 
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
 
Conceptos básicos de diseño gráfico.docx
Conceptos básicos de diseño gráfico.docxConceptos básicos de diseño gráfico.docx
Conceptos básicos de diseño gráfico.docx
 
Manual de diseño
Manual de diseñoManual de diseño
Manual de diseño
 
Resumen de-bruno-munari
Resumen de-bruno-munariResumen de-bruno-munari
Resumen de-bruno-munari
 
Diseño
DiseñoDiseño
Diseño
 
Taller 1 Andrea_
Taller 1 Andrea_ Taller 1 Andrea_
Taller 1 Andrea_
 
T5 andrea
T5 andreaT5 andrea
T5 andrea
 
Mafer manobanda victor coquinche -taller1
Mafer manobanda   victor coquinche -taller1Mafer manobanda   victor coquinche -taller1
Mafer manobanda victor coquinche -taller1
 
Universidad nacional de chimborazo
Universidad nacional de chimborazoUniversidad nacional de chimborazo
Universidad nacional de chimborazo
 
La textura y el espacio.
La textura y el espacio.La textura y el espacio.
La textura y el espacio.
 
Diagramacion y compocicion ok
Diagramacion y compocicion okDiagramacion y compocicion ok
Diagramacion y compocicion ok
 
powerpointsm
powerpointsmpowerpointsm
powerpointsm
 
Contraste
ContrasteContraste
Contraste
 
Taller 2 darwin y stephy
Taller 2 darwin y stephy Taller 2 darwin y stephy
Taller 2 darwin y stephy
 
Punto linea plano_textura
Punto linea plano_texturaPunto linea plano_textura
Punto linea plano_textura
 
Punto linea plano_textura
Punto linea plano_texturaPunto linea plano_textura
Punto linea plano_textura
 
Textura y tipos
Textura y tiposTextura y tipos
Textura y tipos
 
Unidad1
Unidad1Unidad1
Unidad1
 

Más de jpabonvillamizar (20)

Estrategiamedios1
Estrategiamedios1Estrategiamedios1
Estrategiamedios1
 
Merca5
Merca5Merca5
Merca5
 
Merca4
Merca4Merca4
Merca4
 
Merca2
Merca2Merca2
Merca2
 
Merca1.ppt
Merca1.pptMerca1.ppt
Merca1.ppt
 
Neuro5
Neuro5Neuro5
Neuro5
 
Neuro4
Neuro4Neuro4
Neuro4
 
Neuro3
Neuro3Neuro3
Neuro3
 
Semana 2
Semana 2Semana 2
Semana 2
 
Ecomercio1
Ecomercio1Ecomercio1
Ecomercio1
 
Neuromarketing
NeuromarketingNeuromarketing
Neuromarketing
 
Neuro
NeuroNeuro
Neuro
 
Color publicidadimpresa
Color publicidadimpresaColor publicidadimpresa
Color publicidadimpresa
 
Marca
MarcaMarca
Marca
 
Guia3aplicacion
Guia3aplicacionGuia3aplicacion
Guia3aplicacion
 
Guia2aplicacion
Guia2aplicacionGuia2aplicacion
Guia2aplicacion
 
Guia1aplicacion
Guia1aplicacionGuia1aplicacion
Guia1aplicacion
 
Guia4aplicacion
Guia4aplicacionGuia4aplicacion
Guia4aplicacion
 
El color y sus significados
El color y sus significadosEl color y sus significados
El color y sus significados
 
teoria Gestalt
teoria Gestaltteoria Gestalt
teoria Gestalt
 

Elementos del diseño editorial

  • 1. Tema 3. Los elementos del diseño aplicados a una pieza editorial Subtemas 3.1 Forma 3.2 Textura 3.3 Peso 3.4 Contraste 3.5 Proporción 3.6 Ritmo 3.7 Armonía 3.8 Movimiento 3.9 Simetría
  • 2. Introducción Las técnicas visuales ayudan en el acomodo de la composición: forma, textura, peso, contraste, balance, proporción, ritmo, armonía, movimiento, simetría.
  • 3. Forma La forma de los objetos y cosas, comunican ideas por ellos mismos, llaman la atención del receptor dependiendo de la forma elegida. Es un elemento esencial para un buen diseño. Forma es cualquier elemento que utilicemos para dar o determinar la forma. Un ejemplo marcado por una forma sería el que una compañía internacional utilice, un círculo en su insignia sugiriendo la tierra. Sin embargo las formas inusuales atraen la atención.
  • 4. Disposición de las formas Hay tres maneras de que la forma realce su disposición: 1. La forma ayuda a sostener interés del lector. Las formas se pueden utilizar para romper hacia arriba una página que contenga mucho texto. 2. La forma se utiliza para organizar y para separarse. Una parte del texto se puede poner en una forma con un fondo colorido y agregará variedad a la página. 3. Utilizar la forma para conducir el ojo del lector con el diseño. Según las disposiciones, el ojo busca un lugar para comenzar y seguir con el diseño al extremo. La forma puede ayudarle a guardar la atención de éste.
  • 5. Textura La textura, aporta al diseño, una mirada o una sensación, o una superficie. Diariamente encontramos gran variedad de texturas, por todo el entorno que nos rodea. La textura ayuda a crear un humor particular para una disposición o para otras en formas individuales. La textura, permite crear una adaptación personalizada de la realidad añadiendo dimensión y riqueza al diseño. Existen dos tipos de textura: Táctil y visual.
  • 6. Textura táctil: Por ejemplo la de una superficie rugosa, con relieve o la de otra más fina como la de un papel, o la suavidad del terciopelo. Son todas aquellas perceptibles al tacto.
  • 7. Textura Visual: Aquellas texturas impresas que se parecen a la realidad, como la arena, las piedras, rocas. Entre esta clase de textura, pueden surgir texturas que realmente existen y otras que son irreales.
  • 8. Textura mosaico o patrón: Un patrón o mosaico, sería un tipo de textura visual. Cuando una imagen o una línea del tipo que sea, se repite muchas, acaba creando una textura visual. Un ejemplo de ello serían los patrones de luces, que en de la oscuridad agregan dimensión a una superficie. El papel que se envuelve, es un buen ejemplo del patrón. Los patrones pueden hacer fondos
  • 9. El peso “peso visual” se hace referencia al efecto óptico que produce una figura grande y maciza, o un color intenso. Se trata de zonas que intuitivamente percibimos como “cargadas”. No es difícil relacionar la división arriba-abajo con la realidad: la fuerza de gravedad nos mantiene a las personas y a las cosas con los pies en la tierra, mientras arriba nos encontramos con el aire y el cielo abierto.
  • 10.
  • 11. El peso La segunda relación que se establece es la relación izquierda-derecha, que, como la anterior, también conduce de una zona menos densa, a otra más densa. La conclusión es, entonces, que la zona más “pesada” de la obra se corresponde con el sector inferior derecho, y la zona más “liviana”, con el sector superior izquierdo. Esquematizando:
  • 12. Contraste El contraste puede conseguirse a través de múltiples articulaciones: 1. CONTRASTE DE TONOS (MATIZ Ó CROMA) La utilización de tonos muy contrastados, claridad- oscuridad, establecen el contraste tonal. El mayor peso tonal lo tendría aquél elemento con mayor oscuridad o intensidad tonal, a medida que pierde tono, al elemento perdería fuerza y dimensión dentro de la composición, por lo cual deberíamos redimensionarlo para que siguiera manteniendo su peso en el conjunto del diseño.
  • 13. Contraste 2. CONTRASTE DE COLORES Mediante la utilización adecuada de la temperatura de color en diferentes elementos de la composición podremos dar mayor dimensión a un determinado elemento o bien dar la sensación de mayor proximidad. El contraste complementario es el equilibrio relativo entre cálido y frío.
  • 14. Contraste 3. CONTRASTE DE CONTORNOS Los contornos irregulares ganan la partida en cuanto a atención a los regulares, reconocibles y previsibles. Una forma abstracta atrae mucho más la atención que una forma geométrica conocida. De la misma forma la creación de texturas o trazos diferentes se intensifican cuando las yuxtaponemos.
  • 15. Contraste 4. CONTRASTE DE ESCALA El contraste también puede ser conseguido mediante la contraposición de elementos a diferentes escalas de las normales, o la utilización de proporciones irreales. De esta forma se esta negando la experiencia de percepción que puede tener el receptor en cuanto a las escalas de los elementos y por lo tanto se crea una percepción inusual y dramatizamos la percepción del elemento.
  • 16. Factor de tensión y ritmo La tensión dota de fuerza y dinamismo al diseño y atrae la atención del espectador. Reflejar tensión no es una tarea fácil, pero hay diferentes caminos para conseguirlo: Método sugestivo, consiste en dirigir la mirada a un punto concreto, por medio de otros elementos. Método rítmico, consiste en aprovechar la tendencia que tiene el ser humano en completar secuencias de elementos. Método mecánico, consiste en dirigir la atención del receptor de una forma obligada.
  • 17. Ejercicio: Realizar 5 composiciones editoriales en técnica collage con las siguientes especificaciones. 1. Forma y textura 2. Contraste (Escoger uno de los 4 tipos de contraste) 3. Peso 4. Tensión y ritmo (escoger uno de los 3 métodos) OJO: Su nota del taller será dependiendo de lo realizado acá en el taller así que aproveche su tiempo.