SlideShare una empresa de Scribd logo
1 de 29
INTRODUCCIÓN
Diseñar consiste en adecuar distintos elementos gráficos
dentro de un mismo área visual, un área que previamente
habremos seleccionado para desarrollar nuestra
composición, combinándolos de tal forma que todos ellos
sean capaces de aportar un significado que pueda ser
transmitido gráficamente.
Todo mensaje de diseño visual se elabora siempre basado
en una combinación, dotada de una estructura coherente
y premeditada, de los elementos vitales con los que
hayamos decidido trabajar. Estos elementos pueden
tomar forma de imágenes, textos o espacios, o, por el
contrario, constituirse como la ausencia deliberada de
alguno de los elementos arriba indicados.
Peso de los Elementos
Cada elemento que se
ubique en el área de diseño
(en este caso la pantalla del
ordenador) adquiere un peso
visual en la composición.
Nuestro diseño debe
constituir un todo en el que
cada uno de los elementos
gráficos de que nos servimos
posea una función
específica, sin interferir en
importancia y protagonismo
a los elementos restantes.
Peso de los Elementos
Esto quiere decir que debemos tener
bien claro cuál es el orden de
importancia de cada elemento, si lo es
el título, la ilustración, los textos, etc., y
darle su proporción adecuada.
Esto no quiere decir que si queremos
resaltar la ilustración, la misma será del
tamaño de la mitad de la pantalla,
opacando por completo el resto de los
elementos o creando así una
composición desequilibrada y poco
atractiva a la vista del espectador.
Hay que encontrar las relaciones
fundamentales entre los elementos y el
espacio gráfico.
Peso de los Elementos

Se ha comprobado que
los elementos situados
a la derecha del área de
diseño poseen un
mayor peso visual,
están adelantados
ópticamente y dan idea
de proyección y avance
en la composición.

Derecha
Peso de los Elementos
Mientras que los elementos
que situamos en la zona
izquierda retrotraen la
composición y transmiten
una sensación de ligereza
visual más acentuada, según
nos vayamos acercando al
margen izquierdo de
nuestra página.
Este tipo de información nos
ayuda en nuestra ubicación
de los elementos según la
sensación que queremos
lograr en la composición.

Izquierda
Otra información
comprobada en cuanto a la
ubicación de los elementos,
es que la zona superior de
Mayor
la pantalla posee mayor
Ligereza
ligereza visual al ser
Visual

Mayor
Peso
Visual

equilibrada con el espacio
en blanco que está debajo,
mientras que la zona
inferior, que carece de un
espacio que equilibre,
adquiere un peso visual
mayor.
Factor de Equilibrio

Toda composición debe poseer un equilibrio visual y se conocen
dos tipos: el formal y el informal. El centro óptico de nuestra
pantalla no es precisamente el centro geométrico de la misma,
pues el primero está ubicado un poco por encima del segundo.
Factor de Equilibrio
Equilibrio Formal
El equilibrio formal es
aquel que está basado en
la simetría, es decir que
posee igual peso en
ambos lados del eje
central (centro óptico)
de nuestra página o
pantalla.
Las composiciones con equilibrio formal o simétrico reflejarán
estabilidad, calma y estatismo. No supone una composición muy
audaz, aunque lo que sí asegura es una distribución armónica
de los elementos.
Factor de Equilibrio
Equilibrio Informal

Las
composiciones
con
equilibrio informal visual no
son simétricos, el equilibrio
se logra al contrastar y
contraponer
los
pesos
visuales de los elementos.

Se puede introducir una ligera variación en una figura simétrica
desalineando las dos mitades, solapándolas o añadiendo alguna
variación a una de ellas. Los equilibrios informales o asimétricos
proyectan fuerza gráfica y dinamismo.
Factor de Tensión
La tensión consiste en aplicar al diseño fuerza, dinamismo y
movimiento. Esta se puede lograr combinando líneas y formas
agudas e irregulares aplicando algunas técnicas como:

Técnica Sugestiva
Técnica Rítmica
Técnica Mecánica
La aplicación de tensión en el diseño de la pantalla de nuestro
curso, logrará un dinamismo y agilidad en la composición,
rompiendo el aburrimiento de un diseño demasiado formal.
Factor de Tensión
Técnica Sugestiva
Consiste en dirigir
intencionadamente, a
través de otros
elementos, la atención
a un punto
determinado.
Por ejemplo, muchas
líneas confluyen en un
mismo punto o muchos
personajes dirigen en
la fotografía su
atención hacia el
mismo sitio.

Las líneas finalizan todas en un mismo
sitio, la manzana.
Factor de Tensión
Técnica Rítmica
Basada en la tendencia innata del ojo
humano a completar secuencias de
elementos portando parte de sus
propios conocimientos previamente
adquiridos y a percibir elementos
semejantes como un todo tendiendo a
agruparlos.
Cuando contemplamos determinada
secuencia de elementos (ya sean
números, formas, figuras geométricas
o colores), tendemos a agrupar
aquellos que poseen formas
semejantes.

En este caso, agrupamos los
elementos en filas verticales,
eludiendo hacerlo en sentido
horizontal cuando todos se
encuentran equidistantes tanto en
sentido horizontal como en el
vertical.
Factor de Tensión
Técnica Mecánica
Consiste en guiar de
manera imperativa la
atención del
observador.
Puede llegar a ser
menos efectivo que las
técnicas anteriormente
señaladas, ya que se
produce coacción
visual sobre el
observador.
Factor de Ritmo
Consiste en la repetición secuencial de determinados conjuntos
de elementos buscando crear armonía y movimiento en las
composiciones. El ojo humano se encuentra predispuesto a
realizar recorridos dinámicos por la composición, lo cual le
transmite una alta sensación de dinamismo. Los recursos
empleados son:
Alternar elementos de manera secuencial.
Repetición de elementos semejantes, ya sean
colores, forma, etc.
Provocar una progresión de elementos, ya sea
mediante la gradación de colores, o una escala
dimensiones.

de
Factor de Ritmo
Para lograr el factor “Ritmo”en el diseño
podemos aplicar:

1. Alternar elementos de manera
secuencial.
Factor de Ritmo
Para lograr el factor “Ritmo”en el diseño
podemos aplicar:

2. Repetición de elementos semejantes,
ya sean colores, formas, etc.
Factor de Ritmo
Para lograr el factor “Ritmo”en el diseño
podemos aplicar:

3. Provocar una progresión de elementos,
mediante la gradación de colores, o una
escala de dimensiones
Recorrido Visual de las Áreas
de Diseño
Dos puntos determinan el
recorrido visual que
hacemos ante una
composición, una es
nuestro sistema de
percepción visual humano,
y la otra es el factor cultural
de nuestro mundo
occidental, es decir de
izquierda a derecha y de
arriba hacia abajo.
Recorrido Visual de las Areas de Diseño
Entrada

Entrada

Salida

Salida

Desde que entramos hasta que abandonamos la página habremos
realizado un promedio máximo de diez fijaciones visuales por hoja,
habiéndonos detenido una media de dos veces en cada bloque de
información. Siempre realizamos un recorrido visual en sentido
descendente avanzando de izquierda a derecha.
Recorrido Visual de las Areas de Diseño
Por esta razón nuestros diseños
deben mantener esta estructura de
lectura para alcanzar el éxito en la
comunicación.
Además de esto, debemos colocar
la información más importante en
la parte superior derecha de la
pantalla y seguir ubicando la
información en forma descendente
y en orden importancia.
La información que queremos que
los usuarios recuerden por sobre
todo, debemos ubicarla al final del
diseño, en el margen inferior
derecho.
Ubicación de las Imágenes
Las imágenes deben ser
colocadas en el área de
diseño, dirigiendo su atención
hacia el centro o interior de la
composición, porque de lo
contrario sacaremos del área
de diseño la atención del
usuario.
Situaremos, por tanto, los ejes
direccionales de nuestras
imágenes siempre el centro
de nuestra composición,
nunca al contrario.
Ubicación de los Elementos
Al ubicar cada uno
de los elementos de
nuestra composición
debemos tener en
mente la existencia
de una cuadrícula
imaginaria, que nos
guiará para colocar
correctamente todos
los elementos.

Cuadrícula
Imaginaria
Ubicación de los Elementos
A través de las
líneas
segmentadas
rojas y verdes
podemos
observar como
los elementos
están
alineados y
relacionados
provocando
unidad y
armonía en el
diseño.
Percepción del Receptor
Todos los puntos anteriormente
señalados son importantes para
lograr una composición
adecuada, más sin embargo
existe también otro elemento que
interviene en la interpretación de
un mensaje gráfico que es el
mecanismo perceptivo de
receptor de la comunicación.
Mencionaremos algunos factores
de la percepción que debemos
tomar en cuenta.
Percepción del Receptor
a. Componentes Psicosomáticos del Sistema Nervioso
Nos facilitan el contacto visual con
nuestro mensaje gráfico haciendo
uso del mecanismo de percepción
llamado vista.
Con ella recogemos información
visual (percibimos distintas formas,
ubicaciones, longitudes de onda de
un color, etc.) que luego nuestro
cerebro interpreta como contornos,
texturas, dimensiones, etc.,
dotándolas de un significado gráfico
definido.
Percepción del Receptor
b. Componentes de Tipo Cultural
Influyen en la interpretación
que hacemos de los estímulos
desde un punto de vista
cultural y educacional. Por
ejemplo, el color que en
Occidente está relacionado
con el luto es el negro;
mientras que en los países
orientales este mismo
significado se le asigna al
color blanco.
Percepción del Receptor
c. Experiencias compartidas con el Entorno
Como por ejemplo, conceptos
altamente arraigados en el perceptor
por el mero hecho de ser un ser
humano.
Véanse asociaciones
como: hierba/verde, azul/cielo,
hielo/frío.
Todas ellas van constituyendo una serie
de dualidades que el hombre va
aprendiendo desde su infancia y que
posteriormente serán utilizadas por él
como patrones con los que interpretar y
dotar de significado la realidad.

Más contenido relacionado

La actualidad más candente

Composicion elementos
Composicion elementosComposicion elementos
Composicion elementosJessica Tsoi
 
Elementos visuales de la imagen sintesis
Elementos visuales de la imagen sintesisElementos visuales de la imagen sintesis
Elementos visuales de la imagen sintesisGabriel Sotov
 
TEMA 7.- SINTAXIS DE LA IMAGEN - El Espacio Compositivo -
TEMA 7.- SINTAXIS DE LA IMAGEN - El Espacio Compositivo -TEMA 7.- SINTAXIS DE LA IMAGEN - El Espacio Compositivo -
TEMA 7.- SINTAXIS DE LA IMAGEN - El Espacio Compositivo -Luis Hernández Ibáñez
 
Elementos escalares
Elementos escalaresElementos escalares
Elementos escalaresGinis Cortes
 
Elementos del Lenguaje Visual
Elementos del Lenguaje VisualElementos del Lenguaje Visual
Elementos del Lenguaje VisualPablo Muract
 
TEXTURA EN EL DISEÑO.pptx
TEXTURA EN EL DISEÑO.pptxTEXTURA EN EL DISEÑO.pptx
TEXTURA EN EL DISEÑO.pptxEdward Golindano
 
La composición bidimensional
La composición bidimensionalLa composición bidimensional
La composición bidimensionallourdes gg
 
Principios Compositivos
Principios CompositivosPrincipios Compositivos
Principios Compositivosmartaroh
 
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 básicos de las imágenes: La línea
Elementos básicos de las imágenes: La líneaElementos básicos de las imágenes: La línea
Elementos básicos de las imágenes: La líneaPaco Contreras
 
Elementos Compositivos
Elementos CompositivosElementos Compositivos
Elementos CompositivosAddy Molina
 
3º ESO El Cartel publicitario
3º ESO El Cartel publicitario3º ESO El Cartel publicitario
3º ESO El Cartel publicitarioESTRELLA POVO
 

La actualidad más candente (20)

3 -formas de estructurar el espacio I
3 -formas de estructurar el espacio I3 -formas de estructurar el espacio I
3 -formas de estructurar el espacio I
 
Composicion elementos
Composicion elementosComposicion elementos
Composicion elementos
 
Equilibrio
EquilibrioEquilibrio
Equilibrio
 
Elementos visuales de la imagen sintesis
Elementos visuales de la imagen sintesisElementos visuales de la imagen sintesis
Elementos visuales de la imagen sintesis
 
Elementos Prácticos
Elementos PrácticosElementos Prácticos
Elementos Prácticos
 
TEMA 7.- SINTAXIS DE LA IMAGEN - El Espacio Compositivo -
TEMA 7.- SINTAXIS DE LA IMAGEN - El Espacio Compositivo -TEMA 7.- SINTAXIS DE LA IMAGEN - El Espacio Compositivo -
TEMA 7.- SINTAXIS DE LA IMAGEN - El Espacio Compositivo -
 
Concentracion
ConcentracionConcentracion
Concentracion
 
S2
S2S2
S2
 
Elementos escalares
Elementos escalaresElementos escalares
Elementos escalares
 
Elementos del Lenguaje Visual
Elementos del Lenguaje VisualElementos del Lenguaje Visual
Elementos del Lenguaje Visual
 
TEXTURA EN EL DISEÑO.pptx
TEXTURA EN EL DISEÑO.pptxTEXTURA EN EL DISEÑO.pptx
TEXTURA EN EL DISEÑO.pptx
 
UD3 - Análisis de las Formas
UD3 - Análisis de las FormasUD3 - Análisis de las Formas
UD3 - Análisis de las Formas
 
La composición bidimensional
La composición bidimensionalLa composición bidimensional
La composición bidimensional
 
Principios Compositivos
Principios CompositivosPrincipios Compositivos
Principios Compositivos
 
Elementos dinámicos de la imagen
Elementos dinámicos de la imagenElementos dinámicos de la imagen
Elementos dinámicos de la imagen
 
Composición visual artística
Composición visual artísticaComposición visual artística
Composición visual artística
 
Elementos básicos de las imágenes: La línea
Elementos básicos de las imágenes: La líneaElementos básicos de las imágenes: La línea
Elementos básicos de las imágenes: La línea
 
Elementos Compositivos
Elementos CompositivosElementos Compositivos
Elementos Compositivos
 
3º ESO El Cartel publicitario
3º ESO El Cartel publicitario3º ESO El Cartel publicitario
3º ESO El Cartel publicitario
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 

Destacado

Destacado (16)

Layout
LayoutLayout
Layout
 
Lider autoescuela
Lider autoescuelaLider autoescuela
Lider autoescuela
 
Autoescuela
AutoescuelaAutoescuela
Autoescuela
 
EL ESPACIO EN EL MENSAJE PUBLICITARIO
EL ESPACIO EN EL MENSAJE PUBLICITARIOEL ESPACIO EN EL MENSAJE PUBLICITARIO
EL ESPACIO EN EL MENSAJE PUBLICITARIO
 
Lenguaje publicitario
Lenguaje publicitarioLenguaje publicitario
Lenguaje publicitario
 
Infografia
InfografiaInfografia
Infografia
 
Manual autoescuela Just Race
Manual autoescuela Just RaceManual autoescuela Just Race
Manual autoescuela Just Race
 
Infografía periodística
Infografía periodísticaInfografía periodística
Infografía periodística
 
InDesign y el diseño de retículas
InDesign y el diseño de retículasInDesign y el diseño de retículas
InDesign y el diseño de retículas
 
Retórica de la imagen
Retórica de la imagenRetórica de la imagen
Retórica de la imagen
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
 
Leyes gestalt EN PUBLICIDAD.
Leyes gestalt EN PUBLICIDAD.Leyes gestalt EN PUBLICIDAD.
Leyes gestalt EN PUBLICIDAD.
 
Leyes de la Gestalt
Leyes de la GestaltLeyes de la Gestalt
Leyes de la Gestalt
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
Leyes de Percepción
Leyes de PercepciónLeyes de Percepción
Leyes de Percepción
 
Leyes de la Gestalt
Leyes de la GestaltLeyes de la Gestalt
Leyes de la Gestalt
 

Similar a Fundamentos de composicion visual

Composición visual
Composición visualComposición visual
Composición visualrays-tampa
 
Fundamentos de composicion_visual
Fundamentos de composicion_visualFundamentos de composicion_visual
Fundamentos de composicion_visualmadymy28
 
Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02JuanFern
 
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
 
Fundamentos comp visual
Fundamentos  comp visualFundamentos  comp visual
Fundamentos comp visualVane Reyes
 
Guia de diseño (completo)
Guia de diseño (completo)Guia de diseño (completo)
Guia de diseño (completo)tupapicool
 
Criterios básicos de diseño para elaborar afiches y volantes
Criterios básicos de diseño para elaborar afiches y volantesCriterios básicos de diseño para elaborar afiches y volantes
Criterios básicos de diseño para elaborar afiches y volantesclau5
 
Sesion 2 composicion
Sesion 2 composicionSesion 2 composicion
Sesion 2 composicioneme2525
 
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptxELMERVERAVAS
 
Diseñografico
DiseñograficoDiseñografico
Diseñograficobipgenesis
 
Diseñografico
DiseñograficoDiseñografico
Diseñograficojgenesis
 
DiseñO Publicitario
DiseñO PublicitarioDiseñO Publicitario
DiseñO PublicitarioAx el
 
Universidad nacional de chimborazo
Universidad nacional de chimborazoUniversidad nacional de chimborazo
Universidad nacional de chimborazoPamela Chafla
 
guia de diseño
guia de diseñoguia de diseño
guia de diseñoxms
 
2. Elememtos del diseño.pptx
2. Elememtos del diseño.pptx2. Elememtos del diseño.pptx
2. Elememtos del diseño.pptxMarco Nuñez
 

Similar a Fundamentos de composicion visual (20)

Composición visual
Composición visualComposición visual
Composición visual
 
Fundamentos
Fundamentos Fundamentos
Fundamentos
 
Fundamentos de composicion_visual
Fundamentos de composicion_visualFundamentos de composicion_visual
Fundamentos de composicion_visual
 
Fundamentos
FundamentosFundamentos
Fundamentos
 
Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02
 
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
 
Fundamentos comp visual
Fundamentos  comp visualFundamentos  comp visual
Fundamentos comp visual
 
Guia de diseño (completo)
Guia de diseño (completo)Guia de diseño (completo)
Guia de diseño (completo)
 
Criterios básicos de diseño para elaborar afiches y volantes
Criterios básicos de diseño para elaborar afiches y volantesCriterios básicos de diseño para elaborar afiches y volantes
Criterios básicos de diseño para elaborar afiches y volantes
 
Sesion 2 composicion
Sesion 2 composicionSesion 2 composicion
Sesion 2 composicion
 
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
01.1. SESIÓN DE APRENDIZAJdddddddddddddE N° 01.pptx
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
DiseñO Publicitario
DiseñO PublicitarioDiseñO Publicitario
DiseñO Publicitario
 
Taller 1 Andrea_
Taller 1 Andrea_ Taller 1 Andrea_
Taller 1 Andrea_
 
Universidad nacional de chimborazo
Universidad nacional de chimborazoUniversidad nacional de chimborazo
Universidad nacional de chimborazo
 
guia de diseño
guia de diseñoguia de diseño
guia de diseño
 
Infografía
Infografía Infografía
Infografía
 
Naty y moni taller 1
Naty y moni taller 1Naty y moni taller 1
Naty y moni taller 1
 
2. Elememtos del diseño.pptx
2. Elememtos del diseño.pptx2. Elememtos del diseño.pptx
2. Elememtos del diseño.pptx
 

Fundamentos de composicion visual

  • 1.
  • 2. INTRODUCCIÓN Diseñar consiste en adecuar distintos elementos gráficos dentro de un mismo área visual, un área que previamente habremos seleccionado para desarrollar nuestra composición, combinándolos de tal forma que todos ellos sean capaces de aportar un significado que pueda ser transmitido gráficamente.
  • 3. Todo mensaje de diseño visual se elabora siempre basado en una combinación, dotada de una estructura coherente y premeditada, de los elementos vitales con los que hayamos decidido trabajar. Estos elementos pueden tomar forma de imágenes, textos o espacios, o, por el contrario, constituirse como la ausencia deliberada de alguno de los elementos arriba indicados.
  • 4. Peso de los Elementos Cada elemento que se ubique en el área de diseño (en este caso la pantalla del ordenador) adquiere un peso visual en la composición. Nuestro diseño debe constituir un todo en el que cada uno de los elementos gráficos de que nos servimos posea una función específica, sin interferir en importancia y protagonismo a los elementos restantes.
  • 5. Peso de los Elementos Esto quiere decir que debemos tener bien claro cuál es el orden de importancia de cada elemento, si lo es el título, la ilustración, los textos, etc., y darle su proporción adecuada. Esto no quiere decir que si queremos resaltar la ilustración, la misma será del tamaño de la mitad de la pantalla, opacando por completo el resto de los elementos o creando así una composición desequilibrada y poco atractiva a la vista del espectador. Hay que encontrar las relaciones fundamentales entre los elementos y el espacio gráfico.
  • 6. Peso de los Elementos Se ha comprobado que los elementos situados a la derecha del área de diseño poseen un mayor peso visual, están adelantados ópticamente y dan idea de proyección y avance en la composición. Derecha
  • 7. Peso de los Elementos Mientras que los elementos que situamos en la zona izquierda retrotraen la composición y transmiten una sensación de ligereza visual más acentuada, según nos vayamos acercando al margen izquierdo de nuestra página. Este tipo de información nos ayuda en nuestra ubicación de los elementos según la sensación que queremos lograr en la composición. Izquierda
  • 8. Otra información comprobada en cuanto a la ubicación de los elementos, es que la zona superior de Mayor la pantalla posee mayor Ligereza ligereza visual al ser Visual Mayor Peso Visual equilibrada con el espacio en blanco que está debajo, mientras que la zona inferior, que carece de un espacio que equilibre, adquiere un peso visual mayor.
  • 9. Factor de Equilibrio Toda composición debe poseer un equilibrio visual y se conocen dos tipos: el formal y el informal. El centro óptico de nuestra pantalla no es precisamente el centro geométrico de la misma, pues el primero está ubicado un poco por encima del segundo.
  • 10. Factor de Equilibrio Equilibrio Formal El equilibrio formal es aquel que está basado en la simetría, es decir que posee igual peso en ambos lados del eje central (centro óptico) de nuestra página o pantalla. Las composiciones con equilibrio formal o simétrico reflejarán estabilidad, calma y estatismo. No supone una composición muy audaz, aunque lo que sí asegura es una distribución armónica de los elementos.
  • 11. Factor de Equilibrio Equilibrio Informal Las composiciones con equilibrio informal visual no son simétricos, el equilibrio se logra al contrastar y contraponer los pesos visuales de los elementos. Se puede introducir una ligera variación en una figura simétrica desalineando las dos mitades, solapándolas o añadiendo alguna variación a una de ellas. Los equilibrios informales o asimétricos proyectan fuerza gráfica y dinamismo.
  • 12. Factor de Tensión La tensión consiste en aplicar al diseño fuerza, dinamismo y movimiento. Esta se puede lograr combinando líneas y formas agudas e irregulares aplicando algunas técnicas como: Técnica Sugestiva Técnica Rítmica Técnica Mecánica La aplicación de tensión en el diseño de la pantalla de nuestro curso, logrará un dinamismo y agilidad en la composición, rompiendo el aburrimiento de un diseño demasiado formal.
  • 13. Factor de Tensión Técnica Sugestiva Consiste en dirigir intencionadamente, a través de otros elementos, la atención a un punto determinado. Por ejemplo, muchas líneas confluyen en un mismo punto o muchos personajes dirigen en la fotografía su atención hacia el mismo sitio. Las líneas finalizan todas en un mismo sitio, la manzana.
  • 14. Factor de Tensión Técnica Rítmica Basada en la tendencia innata del ojo humano a completar secuencias de elementos portando parte de sus propios conocimientos previamente adquiridos y a percibir elementos semejantes como un todo tendiendo a agruparlos. Cuando contemplamos determinada secuencia de elementos (ya sean números, formas, figuras geométricas o colores), tendemos a agrupar aquellos que poseen formas semejantes. En este caso, agrupamos los elementos en filas verticales, eludiendo hacerlo en sentido horizontal cuando todos se encuentran equidistantes tanto en sentido horizontal como en el vertical.
  • 15. Factor de Tensión Técnica Mecánica Consiste en guiar de manera imperativa la atención del observador. Puede llegar a ser menos efectivo que las técnicas anteriormente señaladas, ya que se produce coacción visual sobre el observador.
  • 16. Factor de Ritmo Consiste en la repetición secuencial de determinados conjuntos de elementos buscando crear armonía y movimiento en las composiciones. El ojo humano se encuentra predispuesto a realizar recorridos dinámicos por la composición, lo cual le transmite una alta sensación de dinamismo. Los recursos empleados son: Alternar elementos de manera secuencial. Repetición de elementos semejantes, ya sean colores, forma, etc. Provocar una progresión de elementos, ya sea mediante la gradación de colores, o una escala dimensiones. de
  • 17. Factor de Ritmo Para lograr el factor “Ritmo”en el diseño podemos aplicar: 1. Alternar elementos de manera secuencial.
  • 18. Factor de Ritmo Para lograr el factor “Ritmo”en el diseño podemos aplicar: 2. Repetición de elementos semejantes, ya sean colores, formas, etc.
  • 19. Factor de Ritmo Para lograr el factor “Ritmo”en el diseño podemos aplicar: 3. Provocar una progresión de elementos, mediante la gradación de colores, o una escala de dimensiones
  • 20. Recorrido Visual de las Áreas de Diseño Dos puntos determinan el recorrido visual que hacemos ante una composición, una es nuestro sistema de percepción visual humano, y la otra es el factor cultural de nuestro mundo occidental, es decir de izquierda a derecha y de arriba hacia abajo.
  • 21. Recorrido Visual de las Areas de Diseño Entrada Entrada Salida Salida Desde que entramos hasta que abandonamos la página habremos realizado un promedio máximo de diez fijaciones visuales por hoja, habiéndonos detenido una media de dos veces en cada bloque de información. Siempre realizamos un recorrido visual en sentido descendente avanzando de izquierda a derecha.
  • 22. Recorrido Visual de las Areas de Diseño Por esta razón nuestros diseños deben mantener esta estructura de lectura para alcanzar el éxito en la comunicación. Además de esto, debemos colocar la información más importante en la parte superior derecha de la pantalla y seguir ubicando la información en forma descendente y en orden importancia. La información que queremos que los usuarios recuerden por sobre todo, debemos ubicarla al final del diseño, en el margen inferior derecho.
  • 23. Ubicación de las Imágenes Las imágenes deben ser colocadas en el área de diseño, dirigiendo su atención hacia el centro o interior de la composición, porque de lo contrario sacaremos del área de diseño la atención del usuario. Situaremos, por tanto, los ejes direccionales de nuestras imágenes siempre el centro de nuestra composición, nunca al contrario.
  • 24. Ubicación de los Elementos Al ubicar cada uno de los elementos de nuestra composición debemos tener en mente la existencia de una cuadrícula imaginaria, que nos guiará para colocar correctamente todos los elementos. Cuadrícula Imaginaria
  • 25. Ubicación de los Elementos A través de las líneas segmentadas rojas y verdes podemos observar como los elementos están alineados y relacionados provocando unidad y armonía en el diseño.
  • 26. Percepción del Receptor Todos los puntos anteriormente señalados son importantes para lograr una composición adecuada, más sin embargo existe también otro elemento que interviene en la interpretación de un mensaje gráfico que es el mecanismo perceptivo de receptor de la comunicación. Mencionaremos algunos factores de la percepción que debemos tomar en cuenta.
  • 27. Percepción del Receptor a. Componentes Psicosomáticos del Sistema Nervioso Nos facilitan el contacto visual con nuestro mensaje gráfico haciendo uso del mecanismo de percepción llamado vista. Con ella recogemos información visual (percibimos distintas formas, ubicaciones, longitudes de onda de un color, etc.) que luego nuestro cerebro interpreta como contornos, texturas, dimensiones, etc., dotándolas de un significado gráfico definido.
  • 28. Percepción del Receptor b. Componentes de Tipo Cultural Influyen en la interpretación que hacemos de los estímulos desde un punto de vista cultural y educacional. Por ejemplo, el color que en Occidente está relacionado con el luto es el negro; mientras que en los países orientales este mismo significado se le asigna al color blanco.
  • 29. Percepción del Receptor c. Experiencias compartidas con el Entorno Como por ejemplo, conceptos altamente arraigados en el perceptor por el mero hecho de ser un ser humano. Véanse asociaciones como: hierba/verde, azul/cielo, hielo/frío. Todas ellas van constituyendo una serie de dualidades que el hombre va aprendiendo desde su infancia y que posteriormente serán utilizadas por él como patrones con los que interpretar y dotar de significado la realidad.