โ ข La alfabetidad visual se refiere a como leer una imagen, es decir, son todos los elementos que componen un objeto de comunicaciรณn visual dentro de una composiciรณn, bรกsicamente todo lo que nos rodea que sea o tenga una imagen
• Los componentes principales del alfabeto visual son: el punto, la línea, y el plano con lo cual se crea la forma. • De aquí parten otros elementos compositivos como son: color, textura, tipografía, tono, iluminación, dirección, ritmo, etc., estos componentes son los que se conocen lenguaje visual. • Todo lo que vemos y diseñamos esta compuesto por elementos visuales básicos.
• El espacio físico que perciben nuestros ojos se llama CAMPO VISUAL y cuando queremos diseñar gráficamente algo la superficie del formato elegido es nuestro CAMPO VISUAL de trabajo
CAMPO VISUAL
Este se encuentra compuesto de dos ejes: Horizontal y vertical, los cuales deben tenerse en cuenta en el momento de dise単ar. - Eje Horizontal. - Eje Vertical.
Eje sentido Este eje visual se denomina tambi茅n eje sentido.
En relaci贸n con el ser humano
En relaci贸n a las zonas geogr谩ficas
La referencia horizontal:
Necesitamos ver que los objetos o partes que componen una composición están de alguna forma apoyados. La parte inferior se verá mejor que la superior, ya que será donde se constituya la base. * Simboliza la tierra La referencia Vertical: Nos sitúa sobre la línea del horizonte y *Simboliza al ser humano.
Busca siempre la posición central o de equilibrio del peso visual para darnos la sensación de seguridad.
Percepción • La percepción (del latín perceptio) consiste en recibir, a través de los sentidos, las imágenes, sonidos, impresiones o sensaciones externas. Se trata de una función psíquica que permite al organismo captar, elaborar e interpretar la información que llega desde el entorno
La percepciรณn Visual โ ข La percepciรณn visual es el complejo proceso de recepciรณn e interpretaciรณn significativa de cualquier informaciรณn recibida
Algunos factores psicológicos que debemos conocer son. Equilibrio Tensión. Nivelación y Aguzamiento Atracción y Agrupamiento Recorrido de la visión Positivo y Negativo Peso Visual
Equilibrio. •El receptor tiene necesidad de buscar el equilibrio de la composición y los ejes en los cuales descansa. •El desequilibrio crea provocación e inestabilidad. •La influencia psicológica y física mas importante sobre la percepción humana es la necesidad de equilibrio , el tener sus dos pies asentados sobre el suelo y saber que ha de permanecer vertical en cualquier circunstancia.
Por ello el constructo vertical-horizontal o eje sentido es la relación básica del ser humano. •Tendremos que analizar que es lo que queremos transmitir al receptor y con respecto a esto crear una composición determinada.
El equilibrio puede ser simétrico y asimétrico
Equilibrio Sim茅trico Se refiere a que de ambos lados de la composici贸n se encuentren la misma cantidad de objetos o si trazamos una divisi贸n a la mitad horizontal o vertical encontraremos la misma imagen.
• Equilibrio asimétrico cuando los elementos son colocados con el sentido de contrapeso del equilibrio. • Es decir, los dos pesos de los elementos se contrapesan para que parezcan arraigados al sitio donde se encuentran colocados.
• El peso de los elementos es el resultado de su tamaño forma y tono.
tamaño
forma
tono
La existencia de equilibrio en una composición, no quiere decir que todas las líneas (texto, titulares...) o formas (fotografías, ilustraciones...) sean iguales en tamaño, color u otra dimensión. Por ejemplo, un parte de nuestro área de diseño puede estar formada por muchos elementos y a la vez tener equilibrio con otra parte de dicho diseño que solo consta de un elemento.
Equilibrio Sencillo Y estรกtico
Equilibrio de contrapeso
Si dividimos la composición en dos extremos, el equilibrio simétrico se produce cuando encontramos igualdad de peso y tono en ambos lados de nuestra composición.
El equilibrio asimétrico se produce cuando no existe las mismas dimensiones (ya sea de tamaño, color...) en ambos lados, al ser desiguales los pesos a un lado y otro del eje, el efecto es variado.
El espacio en blanco en el equilibrio. • Una importante diferencia entre dos tipos de equilibrio estriba en el espacio en blanco. • Es PASIVO en el diseño simétricamente equilibrado. • En el asimétrico, por otra parte, este espacio en blanco, se convierte en una parte ACTIVA de la presentación visual.
• El espacio blanco, también conocido como espacio negativo, son las partes que dejamos en blanco como: el espacio entre líneas de texto, márgenes, etc.
• Pero no podemos decir que es solo espacios vacíos, ya que esté es un elemento importante que nos ayuda a crear balance entre el espacio positivo (espacio no vacío) y el espacio negativo. • El espacio negativo nos ayuda a definir, crea balance y armonía, llama la atención, crea una composición mas atractiva, le da a los lectores un espacio para descansar
• El espacio negativo es un elemento clave en una buena composición artística. • El espacio blanco no tan solo se usa para crear armonía y/o balance en el diseño o ayudarnos a posicionar una idea, también puede ayudarnos a llevar a los lectores de un elemento a otro y enfatizar y/o estructurar la información.
• Es por eso que debemos tomar en consideración el espacio blanco en el momento en que nos encontramos diseñando o dibujando, ya que es un elemento sumamente importante y tenemos que trabajar con él.
• En diseño, el espacio negativo (también llamado espacio en blanco o blanco, a secas) es la superficie no ocupada por el texto, las imágenes, las líneas, es decir, los elementos positivos. Es importante señalar que el espacio en blanco no es espacio “vacío” y tampoco es necesariamente blanco. En realidad, es un componente esencial para un buen diseño.
Equilibrio Simétrico
Equilibrio Asimétrico
La asimetría, nos transmite agitación, tensión, dinamismo, alegría y vitalidad;
Tensión La tensión dota de fuerza y dinamismo al diseño y atrae la atención del espectador.
Es lo inesperado, lo más irregular, lo complejo , lo inestable. Es el primer factor de la composición que podemos usar en la búsqueda de la alfabetidad visual, la tensión es generada por desequilibrios. El área de tensión es donde se concentra la mayor atención debido a un posible desequilibrio pero sin caer en el.
Regularidad, sencillez, descanso Tensi贸n y Fuerza
Eje sentido Existe tensi贸n visual cuando alejamos m谩s el objeto del nuestro eje sentido.
No hay porque enjuiciar el fenómeno de la tensión. No es bueno ni es malo. Su valor para la teoría de la percepción está en cómo se use en la comunicación visual, es decir, en cómo refuerce el significado, el propósito, la intención y , además de cómo pueda usarse como base para la interpretación y la comprensión
Reflejar tensión no es una tarea fácil, pero hay diferentes caminos para conseguirlo.
Tensión Visual • 1. Es una “fuerza” que atrae la vista del espectador hacia cierto “lugar” de una imagen. (Por ejemplo, si dibujas un cuadrado rojo sobre un fondo totalmente amarillo, la vista del espectador será atraída invariablemente hacia el cuadrado, debido a su forma, al contraste del color rojo contra el fondo amarillo y a la fuerza que el color rojo ejerce en nuestra percepción visual).
• En este caso el término tensión puede entenderse en cierto sentido como sinónimo de atracción.
• 2. Tensión visual también puede definirse como una sensación de incomodidad que provoca en el espectador alguna imagen. Dicha sensación la provocan sobre todo aquellas imágenes que carecen de equilibrio en su composición. (Cuando ves algún diseño y sientes que algo en el se está cayendo o está fuera de lugar te genera un sentimiento raro e incómodo, te genera “tensión”).
• En este caso tensión puede entenderse en cierto sentido como sinónimo de malestar.
Las figuras regulares dan equilibrio. (verticales y rectas curvas)
Las figuras irregulares provocan tensi贸n
( l铆neas quebradas,diagonales)
• La utilización más eficaz de los mecanismos de la percepción visual consiste en identificar claves visuales en un sentido u en otro, en equilibrio o en desequilibrio, fuertes o débiles. • A esos dos estados visuales opuestos se les llama nivelación y aguzamiento. Estas se obtienen: -Equilibrio: Nivelando -Tensión: Aguzando.
• Los gestalistas se ocupan de esta necesidad y llaman a esos dos estados visuales opuestos nivelación y aguzamiento. • Nivelación se puede considerar equivalente a la armonía y el aguzamiento al contraste.
Nivelación (armonía). Los objetos presentados en áreas niveladas producen equilibrio y armonía en la composición y tienen tendencia a la monotonía visual. Armonía es pasiva.
Aguzamiento (contraste). Son las áreas situadas a los extremos del campo visual; en la parte superior permiten crear tensiones maximizadas, en la parte inferior permiten crear tensiones minimizadas. Contraste. Es activo y vigoroso, produce énfasis y movimiento dinámico. Libera la monotonía. Pueden usarse contraste aplicando polaridades de tamaño, formas, tono, textura y dirección.
Objeto que busca el equilibrio
Nivelaci贸n Aguzamiento
Nivelaci贸n.
Nivelaci贸n total no hay sorpresa visual
Aguzamiento
Armon铆a total
No se ajusta a los componentes diagonales del mapa estructural
• Existen teorías muy diversas acerca de la preferencia de la visión por determinadas áreas o zonas de una página, y se ha llegado a marcar convencionalmente un recorrido visual en Z, desde el ángulo superior izquierdo (de entrada) hasta el opuesto inferior derecho (de salida).
input
output
La tendencia del movimiento en el esquema 2 muestra que el movimiento ocular inicia usualmente en el centro 贸ptico. El movimiento en el sentido de las manecillas del reloj del 2 al 3 es exploratorio. 4 Concebiblemente el ojo puede abandonar el espacio en el punto 4 y alejarse, sin embargo si el ojo ha de ser llevado al punto 4 y 5 es importante que incluyan contenidos de inter茅s del lector
input
3
1
4?
output
5
Atracción y agrupamiento. Atracción se refiere al “jalón” resultante de los efectos que proyectamos en la imagen. Por lo tanto es posible atraer al ojo. La atención viene después de la atracción. En el lenguaje visual los opuestos se repelen y los semejantes se atraen.
Se conectan en un orden de conexión (agrupamiento)
En este ejemplo la similitud es de contornos pero hay muchas otras afinidades visuales en el proceso del agrupamiento.
En estos ejemplos las afinidades son de tama単o, textura y tono
Tendemos a organizar los elementos que percibimos en torno a conjuntos significativos organizados. Las diversas formas de agrupamiento pueden establecerse por:
Proximidad,
Semejanza,
Continuidad y
Simetría en un anuncio de zapatos Martinelli
La percepción de filas y columnas Se debe a la similaridades horizontales y verticales entre ellos La proximidad hace que veamos 2 grupos.
PROXIMIDAD
Simetría.
La continuidad de elementos en este anuncio, Forma la marca del producto Nike SEMEJANZA
CONTINUIDAD
SIMETRIA
La agrupaci贸n y continuidad de estas gotas de agua dibuja la marca de cerveza JEVER
La agrupaci贸n y proximidad de estos elementos de texto dibuja la botella de Absolut
Positivo y Negativo. Positivo. Lo que domina la mirada en la experiencia visual se considera elemento positivo. Primer Plano
Negativo. Aquel elemento que actĂşa con mayor pasividad.
Fondo.
• En el diseño, el objeto cuya forma es más sencilla se convierte en figura, mientras que el objeto con la forma más compleja se convierte en el fondo.
La distinción entre figura-fondo, positivo-negativo no depende del color, sino de los distintivo de las figuras.
• En una imagen la parte positiva es la figura, lo que llama la atención visual del espectador. • La parte negativa es el fondo, lo más pasivo, sin movimiento, simplemente acompaña a la escena creada por la parte positiva, la figura.
Peso Visual Zonas que intuitivamente las percibimos más “cargadas” y que tienen un determinado poder de atracción. En el peso visual influyen, entre otros, los siguientes factores:
1. Ubicación 2. Tamaño 3. Color 4. Forma
• Como en la naturaleza o el universo, el peso visual es el que determina, en última instancia, el poder de atracción gravitatoria de cada elemento de la composición.
Arriba pesa mรกs que abajo
A la derecha pesa mรกs que a la izquierda
Tamaño. A mayor tamaño corresponde mayor peso
- Tono: Los tonos claros sobre fondo oscuro pesan más que los oscuros sobre fondo claro
Forma: . La forma irregular es más pesada que la regular
La orientación vertical es más pesada que la oblicua, y ésta, a su vez, es más pesada que la horizontal
A mayor profundidad o lejanía, también corresponde mayor peso
A igualdad de fondo, es más pesado el tono que más contraste
El interés intrínseco de la forma. . Por el tema representado, en función de los deseos y temores del espectador. Por ejemplo, una cabeza, como soporte de la mente, pesa mucho en el cuadro Por su complejidad formal u otro factor; la propia pequeñez puede ejercer fascinación, aumentando el peso
El conocimiento previo de la densidad o resistencia de los elementos representados, por lo que atribuiremos algo mĂĄs de peso a la representaciĂłn de una bola de plomo que a la de otra de cristal; factor discutible, segĂşn Arnheim.
• Antes de acometer el estudio de los elementos básicos que tendremos que considerar a la hora de plantearnos la realización del diseño, tendríamos que saber cuales son las leyes que guían la percepción de las cosas. • Es decir, cómo vemos e identificamos la línea, el color, el contorno, la textura y entorno que tienen las cosas.
En la confección de mensajes visuales, el significado no consiste solo en la acumulación de efectos causados por la disposición de elementos básicos sino también en el mecanismo perceptivo que comparte universalmente el emisor y el receptor.