Sintáxis de la imagen

Gramática visual

Temáticas, Técnicas compositivas, Representación de la imagen y Color.

"Todos los días nos enfrentamos con una gran cantidad de mensajes viduales, pero, sin un conocimiento básico de su lenguaje, muchos de estos mensajes nos resultan incomprensibles, lo que impide que se desarrolle un diálogo productivo entre creadores y consumidores de comunicación visual"

Elementos básicos de la comunicación visual

El contorno

La línea

El punto

El tono

El color

La dirección

La textura

La escala

1.

Temáticas

Sintáxis de la imagen

Alfabeto Visual

Elementos básicos (visuales) que permiten componer una imagen para transmitir un mensaje.Son: Punto, línea, plano, figura, color, textura y texto. Importante el uso de los recursos como la repetición, rotación, dilatación, contracción, sangrado, escala, traslapo, reflejo.

Composición:

Distribuir y organizar los elementos visuales en un formato. Recursos: Formato, ejes compositivos, equilibrio, pesos visuales, simetría, figura fondo, ritmo y movimiento, proporción.

Fundamentos sintácticos:

O elementos de relación, son principios o bases que nos sirven para realizar una disposición ordenada de las partes que componen una composición gráfica, es decir, son aquellos elementos o herramientas que permiten una disposición adecuada de los componentes básicos del alfabeto visual dentro de un determinado plano. Son: Equilibrio, tensión, aguzamiento, agrupamiento, figura fondo, posición y dirección, escala.

Técnicas Compositivas:

Las técnicas visuales ofrecen al diseñador una amplia paleta de medios para la expresión visual del contenido. Existen en forma de dipolos sobre un espectro continuo, o como aproximaciones contrarias y disímiles al significado. Es preciso aclarar un punto: la contraposición de técnicas nunca debe ser tan sutil que resulte poco clara. Si no son definibles, resultan transmisores ambiguos y malos de información.

2.

Técnicascompositivas

Sintáxis de la imagen

" El resultado compositivo de una imagen radica no solamente en la fuerza del contenido , del mensaje y su significado, sino en la forma, diseño, o forma de mostrarlo. Las técnicas compositivas son recursos gráficos que ofrecen al diseñador- ilustrador una amplia gama de medios para la expresión visual del contenido."

- Donis A. Dondis

Equilibrio / Inestabilidad

VS

El equilibrio es una estrategia de diseño en la que hay un centro de gravedad a medio camino entre dos pesos. Los tipos de equilibrio son: axial, radial y oculto y La inestabilidad es la ausencia de equilibrio y da lugar a formulaciones visuales muy provocadoras e inquietantes.

Simetría / Asimetría

VS

La simetría es el equilibrio axial. Es una formulación visual en la que a cada unidad situada a un lado de la línea central corresponde exactamente a otra en el otro lado. Es perfectamente lógico y sencillo de diseñar, pero puede resultar estático e incluso aburrido. La asimetría no acentúa la regularidad ni el contrapeso visual, por el contrario maneja jerarquías diferentes, diagonales y resulta interesante y rico en su variedad.

Sutileza / Audacia

VS

La sutileza es, en el mensaje visual, la técnica que puede trabajar con la simpleza para darle un valor agregado a la composición creando un punto focal de forma delicada y refinada. La audacia pretende conseguir una visibilidad impactante y dinámica. Utiliza la exageración como recurso porque es atrevida y da un impacto visual fuerte.

Simplicidad / Complejidad

VS

La simplicidad, es una técnica compositiva que impone un carácter de orden, es directo y de la forma elemental, libre de complicaciones o elaboraciones secundarias. La opuesta es la complejidad, que implica una complicación visual debido a la presencia de numerosas unidades y fuerzas elementales, que da lugar a un difícil proceso de organización del significado. Lo anterior no es negativo pues se logran composiciones ricas visualmente.

Unidad / Fragmentación

VS

La unidad es lograr en la composición que todos los elementos utilizados se perciban como un todo o un objeto único. El opuesto es la fragmentación, técnica en donde los elementos o piezas están separadas pero que se relacionan entre si. Descomposición de elementos por partes individuales.

Realismo / Distorción

VS

El realismo es la técnica natural que maneja la visión del ojo o de la cámara. Tiene un lenguaje figurativo con alto grado de realidad. La distorsión por el contrario utiliza efectos visuales como la fragmentación, la deformación, el arte abstracto que implique una composición más compleja.

Economía / Profusión

VS

La economía es la utilización de pocos elementos, precisos o únicos. Resalta los elementos conservadores de lo puro y de lo simple. La profusión es una técnica visualmente enriquecedora por medio de la saturación de detalles que embellecen la composición.

Reticencia / Exageración

VS

La reticencia es la aproximación a crear puntos focales con elementos mínimos para lograr efectos de énfasis en la composición. Se logran estos efectos por medio de la ubicación, el color y el cambio de calibre. La exageración se logra con efectos visuales grandes, extravagantes como el sangrado de figuras y el recurso de la dilatación.

Actividad / Pasividad

VS

La actividad debe reflejar en la imagen un movimiento mediante la representación y la sugestión. Es una técnica dinámica. Por el contrario la pasividad es la representación estática que se produce mediante un equilibrio o un efecto de reposo en la composición.

Regularidad / Irregularidad

VS

La regularidad en el diseño consiste en favorecer la uniformidad de elementos, el desarrollo de un orden basado en algún principio o método respecto al cual no se permiten desviaciones. Al contrario, la irregularidad, como estrategia de diseño, realza lo inesperado y lo insólito, sin ajustarse a ningún plan descifrable.

Predictibilidad / Espontaneidad

VS

La predictibilidad es la técnica que sugiere un orden o un plan establecido convencional. Utiliza el mínimo de información para lograr una secuencia lógica. La espontaneidad se caracteriza por el contrario por la falta de un plan aparente. Maneja el factor sorpresa, tiene carga impulsiva, emotiva y desbordante, sin ser desordenada la composición.

Coherencia / Variación

VS

La coherencia es la técnica de expresar la compatibilidad visual en la forma como se expresan los elementos y la temática de la composición. Se relaciona con la predictibilidad porque maneja características de uniformidad y consonancia. La variación en cambio presenta cambios, flexibilidad y movimiento con orden para que no se pierda el aspecto dominante de la composición.

Neutralidad / Acento

VS

La neutralidad logra composiciones no provocadoras, simples y que no tienen un énfasis determinado, se ven los elementos como un todo porque ellos mismos logran equilibrarse. Por el contrario el acento busca resaltar intensamente una sola cosa contra el fondo uniforme. Logra hacer un realce visual.

Transparencia / Opacidad

VS

La transparencia implica un detalle visual a través del cual es posible ver, de modo que lo que está detrás es percibida por el ojo. La opacidad por el contrario es un bloqueo de elementos visuales ocultando partes detrás de otras. El recurso técnico que utiliza la opacidad es el traslapo o la superposición

Agudeza / Difusividad

VS

La agudeza está ligada a la claridad de la expresión mediante el uso de contornos claros y precisos. El efecto final es nítido y fácil de interpretar. La difusividad por el contrario crea un ambiente y un efecto de opacidad y distorsión. Resultan imágenes más suaves y desenfocadas. Es una composición armoniosa pues no existe tanto contraste con el fondo.

Plana / Profundidad

VS

La técnica para lograr imágenes planas se rige por la ausencia de perspectiva, sin efecto de volumen. La profundidad se logra por el contrario al utilizar todos los métodos para obtener perspectiva. Logra efectos en lo bidimensional de espacialidad mediante la perspectiva, la profundidad gráfica, las diagonales, la superposición y los planos cercanos y lejanos.

Singularidad / Yuxtapocición

VS

La singularidad consiste en centrar la composición en un tema independiente, aislado y único. No cuenta con el apoyo de otro estimulo visual. El principal efecto es transmitir un énfasis específico. La yuxtaposición por el contrario expresa la interacción de los estímulos visuales utilizando una comparación o algún tipo de relación entre los elementos. Se utilizan paralelos entre dos cosas.

1.

Actividad

Ejercicio de identificación

• Identificar en 5 piezas gráficas técnicas compositivas

3.

Representaciónde la imagen

Sintáxis de la imagen

Denotación

Connotación

Representa lo que es (Descriptiva)

Representa el significado (Simbólica)

ícono

Representación parecida al referente

imagen

índice

símbolo

Resultado de una convención

Representación causa-efecto

estético-comunicativo

Sintáxis de la imagen, composición, estilos, armonía

Mensaje gráfico

tecno-productivo

funcional-operativo

Herramientas que permiten la materialización

Claridad, legibilidad, jerarquías, percepción

Representación de las imágenes

Los seres humanos expresamos y recibimos los MENSAJES VISUALES a 3 niveles

simbólico

abstracto

figurativo

Ofrecen diversas opciones para:

resolución de problemas visuales

Representación de las imágenes

Aquello que vemos y reconocemos desde el entorno y la experiencia.

figurativo

Fácilmente obtenible mediante los diversos niveles de la visión

Info visual

También se puede utilizar la experiencia indirecta por medio de:

Fotografía a color, tv, cine, prensa, dibujo

Representación de las imágenes

Hecho cisual reducido a sus componentes visuales y elementos básico

abstracto

De todo lo que vemos, a elementos visuales básicos

reducción

Que tiene a su vez un significado importante

simplifiacación

Quitar detaller SUPERFICIALES, para establecer equilibrio

eliminación

Se transmite el significado escencial

Representación de las imágenes

Simplicidad única, reducción del mínimo detalle al mínimo irreducible

simbólica

es efectivo cuando:

• Se ve bien
• Se reconoce
• Se recuerda
• Se reproduce

tiene significado

4.

Psicologíadel color

Sintáxis de la imagen

Simbología del color

El color es otro de los elementos del alfabeto visual, quizá el más vistoso y atractivo pues se nos dificulta concebir un mundo sin él. La teoría del color se aborda en éste núcleo desde su significación simbólica es decir todas sus distintas connotaciones en los diferentes campos. Su acepción técnica, es decir, su aplicación como recurso de expresión se aplica en otro núcleo cuyo objetivo es desarrollar las destrezas representativas. El color simbólico no sólo interviene en la comunicación de conceptos (aspecto psicológico) sino que además contribuye en el proceso de percepción de las figuras (aspecto fisiológico) siendo partícipe en todo diseño.

rojo

Emocional y activo. Provocador, se asocia con la sangre, lo orgánico, la pasión, el sexo, el amor, la ira, el fuego, el peligro. Activa los sentidos, es estimulante, vigoroso, cálido y el primer color percibido por el ojo.

naranja

Cálido, vibrante, vivo. Simboliza las frutas, el trópico, lo exótico. Es energético, asociado con la tierra, lo artesanal, lo juvenil. Despierta instinto de protección, desarrolla la paciencia y la tolerancia.

amarillo

Es el color más próximo a la luz y al calor. Es activo, atrae la atención, avanza, es amable, lleno de energía y alegría. Como es tan visible se utiliza para señales, avisos de prevención, productos químicos, radioactivos. Es espiritual pues se asocia con la luz, el principio, Dios. Es poder.

verde

Natural, se relaciona con lo vegetal, la vida, el crecimiento. Tranquilo, confortable, color del desarrollo, lo deportivo, el movimiento. Estimula el autoflorecimiento.

azul

Pasivo y suave, amortigua, descansa. Da tranquilidad, se asocia con el cielo y con el mar. Fresco, limpio, fluido, frío, puro. Se utiliza para productos de limpieza y bebidas refrescantes. Da paz y tranquilidad. El azul claro es tan relajante que puede producir sueño

morado

Poder, prestigio, excelencia, lujo, feminidad, luto, jerarquías religiosas. Es espiritual, simboliza sufrimiento, dolor, preparación, añejamiento.

negro

Elegancia, sobriedad, oscuridad, temor, misterio, maldad, fuerza, ocultismo, sentimientos oscuros.

blanco

Poder, limpieza, pureza, castidad, bien, curación, purificación, tranquilidad, espiritualidad.

5.

Diagramación

Organización de la información

Diagramación:

Diagramar es diseñar, organizar, armar la disposición de todos los elementos que integran un impreso, o trabajo gráfico así no se imprima.

Diagramación:

Diagramar tiene como objeto clarificar la información, organizar, clasificar y jerarquizar el material gráfico, logrando un conjunto visual atractivo y expresivo. Cada elemento (imagen y texto) tiene su representación esquemática. Las imágenes, figura geométrica o irregular con una X y textos con líneas horizontales o de la dirección que requiera.

Elementos de la Diagramación:

IMAGEN entendida como la parte que contiene la información utilizando la gráfica como recurso (Fotografía, dibujo, esquema).

Elementos de la Diagramación:

TEXTO encargado de la información teórica (Información textual, imagen tipográfica), material de lectura o esquema de conocimiento.

• Título
• Subtítulo
• Cuerpo de texto
• Destacado

Elementos de la Diagramación:

SUSTRATO elemento en el que está contenida la información y funciona como un elemento comunicativo a través de las propiedades del material.

• Margen de cabeza
• Margen de pie
• Margen de lomo
• Margen de corte

Elementos de la Diagramación:

Elementos de la Diagramación:

La rejilla es el conjunto de líneas horizontales y verticales imaginarias que controlan la colocación de los textos en las páginas para que se apoyen sobre ella por sus líneas base y tengan así una apariencia ordenada y cómoda para la vista

Elementos de la Diagramación:

FORMATO es la disposición y tamaño del sustrato. Dicho de otra forma, diagramar es el arte de componer y relacionar los elementos anteriores de manera clara, eficaz para comunicar un mensaje, percibidas en relación con sus límites externos.

Tipografía:

Tipografía es igual al modelo o diseño de una letra determinada.Es el arte y la técnica de crear y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.

Tipografía:

Familia tipografía, significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales como, por ejemplo, en el grosor y anchura, pero manteniendo características comunes.Los miembros que integran una familia se parecen entre sí, pero tienen rasgos propios.

Tipografía

Categorías: Serif, San Serif, Manuscritas, Decorativas, simbólicas, góticas,

Jerarquía

1. Decide qué quieres que se vea primero
2. Haz que se destaquen (tamaño, color, forma)
3. Recuerda mantenerlo simple

Se usa para guiar el ojo del lector a lo que sea más importante dentro de la composición, por medio de diferentes niveles de énfasis.

diferencia entre:

legibilidad

lecturabilidad

es la facilidad con la que se identifican los distintos caracteres que forman un alfabeto y está basado en las características "anatómicas".

hace referencia a la comodidad con la que se lee un texto compuesto y entre sus características encontramos: tamaño del tipo, longitud de línea, interlineado, y el espacio entre caracteres y palabras…

Actividad

Ejercicio básico de diagramación

• Identificar los elementos de diagramación en 3 piezas