Elementos básicos del código visual

Durante el desarrollo de la siguiente lectura identificaremos los elementos que

conforman el código visual, sus características morfológicas y posibilidades gráficas.
Recordemos el caso expuesto en la lectura 1, donde se destaca con claridad el
despliegue de estos elementos a la hora de abordar el desafío de diseño de marca
de “La Gran Cocina”.

Como futuro profesional te pregunto: ¿el dominio de la sintaxis de la imagen, como

los elementos básicos, constituye el ABC del lenguaje visual?

El alfabeto visual

Referencias
Lección 1 de 2

El alfabeto visual

El lenguaje es un tema de abordaje permanente, como habrás notado los

emojis, sticker, GIF animados de un tiempo a esta parte se convirtieron en
otra manera de comunicar una idea. Quién sabe cuál será el lenguaje en
adelante, la manera de expresión. Si prestas atención al uso cotidiano que le
damos a esas formas que aparecen en las redes, no son otra cosa que
íconos construidos con los elementos visuales básicos.

Figura 1: Los emojis elegidos como “la palabra” en español de 2019

 Fuente: [imagen sin título sobre los emojis elegidos como “la palabra” en español de 2019],
2019, https://bit.ly/38l5D6v
ELEMENTOS DEL ALFABETO VISUAL: PUNTO LINEA PLANO

Es fundamental considerar que, dentro de los elementos del alfabeto visual,

se encuentran aquellos que son capaces de atraer la percepción visual por sí
mismos y, a su vez, generar formas complejas en combinación, estos son el
punto, la línea y el plano. El color y la textura dependerán de los elementos
mencionados anteriormente para aparecer y atraer nuestra percepción
visual.

Retomemos el caso de Hernán y te invito a reflexionar sobre el diseño de

branding de “La gran cocina”, ¿le habrán servido a Hernán los elementos del
alfabeto visual para definir alguno de los pictogramas que realizó?

La autora Dondis (1985), en su libro La sintaxis de la imagen, explica que

cualquier acontecimiento visual es una forma con un contenido
intensamente influenciado por sus partes constituyentes. Para ella, los
componentes básicos de la comunicación visual son:

Punto
Este elemento posee gran atracción para nuestro ojo. Es la unidad más
simple y se la relaciona comúnmente con la redondez. Un punto puede ser el
disparador de cualquier intervención en el plano. Con dos puntos, ya se
puede medir un espacio con relación al entorno (ver figura 1).
Figura 1: Ejemplo de punto y entornos

Fuente: Wong, 1991, p. 11

Cuando vemos puntos ordenados, vemos puntos conectados que dirigen

nuestra mirada y esta sensación es mayor cuando más cerca los
disponemos entre sí (ver figuras 2 y 3).

Figura 2: Dibujo con línea de puntos

Fuente: [Imagen sin título sobre dibujo con línea de puntos], s. f., https://bit.ly/3ot1jHJ
Figura 3: La cercanía entre puntos dirige nuestra mirada

Fuente: Dondis, 1985, p. 56

Si superponemos una gran cantidad de puntos, podremos generar la ilusión

de tono o color.

Figura 4: La parade de cirque, pintura al óleo

Fuente: Seurat, 1988

En la figura 5 podemos apreciar la trama producto de la técnica gráfica

conocida como cuatricromía, donde la superficie de color se genera por la
impresión yuxtapuesta de puntos en color amarillo, cian, magenta y negro.

Figura 5: Cuatricromía

Fuente: [Imagen sin título sobre cuatricromía], s. f., https://bit.ly/2LywgeY

Figura 6: Pintura Ohhh ... Alright... (detalle)

Fuente: Lichtenstein, 1964

Línea
"Puede definirse como un punto en movimiento o la historia del movimiento
de un punto” (Dondis, 1985, p. 56). Es el elemento más utilizado para
previsualizar y bocetar ideas. Se la puede usar fluida y experimentalmente o
de manera rigurosa y técnica. La línea es capaz de expresar caracteres como
la delicadeza, indecisión, audacia, inflexibilidad, indisciplina, nerviosismo,
frialdad, entre otros.

Figura 7: Boceto arquitectónico

Fuente: [imagen sin título sobre boceto arquitectónico], s. f., https://bit.ly/3hTbnHu

Figura 8: Dibujo de Picasso

 Fuente: Picasso, 1949

Contorno
“La línea describe un contorno” (Dondis, 1985, p. 22). Hay tres contornos
básicos: cuadrado, triangular equilátero y circular. A cada uno se le atribuyen
sensaciones y significados específicos. “Al cuadrado se le asocian
significados de torpeza, honestidad, rectitud y esmero; al triángulo, la acción,
el conflicto y la tensión; al círculo, la infinitud, la calidez y la protección”
(Dondis, 1985, p. 56) (ver figura 9). Las infinitas combinaciones de los
contornos básicos son la base de las complejas formas de la naturaleza y el
arte.

Figura 9: Contornos básicos

 Fuente: Dondis, 1985, p. 59

Figura 10: Contorno como línea imaginaria o conceptual

Fuente: [imagen sin título sobre contorno como línea marginal o conceptual], 2009,
https://bit.ly/2Xkydyf

Dirección
Las direcciones horizontal y vertical constituyen una referencia
primaria de bienestar y maniobrabilidad del hombre.

Su significado básico no solo tiene que ver con la relación entre

el organismo humano y su entorno, sino también con la
estabilidad en todas las cuestiones visuales. No solo facilita el
equilibrio del hombre, sino también de todas las cosas que se
construyen y diseñan. (Dondis, 1985, p. 60)
La dirección diagonal:

Es la formulación opuesta [a la de estabilidad], es la fuerza más

inestable y en consecuencia la formulación visual más
provocadora. Su significado es amenazador y casi literalmente
subversivo. Las fuerzas direccionales curvas tienen significados
asociados a la protección, la repetición y el calor. (Dondis, 1985,
p. 61)

Figura 11: Ejemplo de direcciones básicas

Fuente: Dondis, 1985, p. 61

Figura 12: Composiciones simples con direcciones básicas

 Fuente: Dondis, 198, p. 61

Tono y sus variantes de luz

Intensidad y gradientes de oscuridad o claridad del objeto visto, gracias a lo
que nuestros ojos distinguen la complejidad de lo que nos rodea. Es muy útil
en la representación del volumen, ya que se puede simular luz reflejada en la
superficie y sombras.

Figura 13: Ejemplo de cómo, gracias a las variaciones tonales, podemos

representar el volumen de los objetos

Fuente: [imagen sin título sobre escala de grises], s. f., https://bit.ly/2LcNoY1

En la imagen siguiente podemos apreciar que, si quitamos los matices de
color de la pintura, el volumen continúa representado por los contrastes entre
los valores tonales.

Figura 14: Magdalena penitente de la lamparilla

Fuente: [imagen sin título sobre valoración tonal], s. f., https://bit.ly/3blN6IQ

En esta imagen, corroboramos que los matices cromáticos tienen casi la

misma base de luz, por lo que, una vez eliminada la información de color, es
difícil distinguir las figuras entre sí o con relación al fondo.

Figura 15: Regata en Argenteuil

 Fuente: [imagen sin título sobre valoración tonal II], s. f., https://bit.ly/3blN6IQ

Color
Posee tres atributos

Matiz: es el color específico de lo que vemos. Hay más de cien.

Hay tres matices primarios (rojo, amarillo, azul) y los secundarios
(naranja, verde y violeta), los que derivan de las mezclas de los
primeros. Los colores terciarios son los colores tierra, que surgen
de la mezcla de los secundarios entre sí (figura 16).

Saturación: es la pureza de un color con respecto al gris. Los

colores más saturados son, por ejemplo, los preferidos de los niños,
porque son simples y directos.

Brillo: es la gradación tonal de un color con respecto a la luz.

Para concluir con el desarrollo conceptual del tema, citaremos algunas
apreciaciones sobre la materia según el autor Villafañe (2006).

El punto:

Las propiedades que definen al punto como elemento plástico

son: la dimensión, la forma y el color. Las innumerables
posibilidades de variación de cada una de ellas, hacen posible
que el punto, por sí solo, pueda cumplir perfectamente cualquier
función plástica. Sus dimensiones físicas no son, ni mucho
menos, un factor decisivo; la materialidad del punto puede
constituir una escala que vaya de un nivel cero, en el que este
objetivamente no existe, independientemente de que se incluya
en la composición, hasta unos niveles máximos en los que el
punto adquiere una superficie susceptible de ser medida. Este
aspecto dimensional del punto es, además, un hecho relativo,
puesto que varia en función de la distancia. En lo que se refiere a
la forma y el color que pueda adoptar este elemento, lo más
notable es, como ya se ha apuntado, su capacidad de variación;
el ejemplo que mejor ilustra ambos hechos lo tenemos en la
pintura puntillista. (Villafañe, 2006, p. 99)

La línea:

Es un elemento visual de primer orden, sus usos en la

comunicación visual son infinitos, como lo demuestran los
paisajes urbanos que constantemente se encuentran definidos
y limitados por estructuras lineales; o las gráficas, compuestas
casi exclusivamente por líneas; o los planos, esquemas, patrón
de moda, lo mismo que multitud de diseños.

1. La capacidad de la línea para crear vectores de dirección que

aportan dinamicidad a la imagen. (…)

2. Una línea separa dos planos entre sí. Sobre todo, los
contornos lineales que diferencian cualitativamente dos áreas
de distinta intensidad visual. (…)

3. Otra función de este elemento es la de dar volumen a los

objetos bidimensionales mediante el sombreado, que se
consigue superponiendo líneas curvas casi tangentes a la línea
de contorno que delimita la superficie plana del objeto al cual se
le quiere dotar de esa tridimensionalidad. (…)

4. La pintura ha aprovechado la facultad de la línea para

representar la tercera dimensión y así resulta casi una norma
que ante asuntos o temas en los que la profundidad apenas se
puede representar, como pueden ser los bodegones en los que
el espacio real es tan limitado que no se puede sugerir con
gradientes de tamaño, o cualquier otro elemento, el artista
recurre, con frecuencia, al empleo de objetos lineales que
aporten esa profundidad de la que la escena (…)
 5. Por último, y como resumen de otras funciones secundarias,
puede decirse que la línea es un elemento plástico con fuerza
suficiente para vehicular las características estructurales
(forma, proporción, etc.) de cualquier objeto. Este hecho
demuestra una vez más cómo un elemento aparentemente
simple puede satisfacer una compleja función dentro de la
representación: salvaguardar la identidad visual del objeto
representado a través de su estructura. (Villafañe, 2006, pp. 103-
105)

El plano:

Como elemento icónico, tiene una naturaleza absolutamente

espacial. No solo queda ligado al espacio de la composición,
sino que, además, implica otros atributos como los de superficie
y bidimensionalidad, por lo que, generalmente, se representa
asociado a otros elementos superficiales como el color o la
textura.

Los planos son elementos idóneos para compartimentar y

fragmentar el espacio plástico de la imagen. Sugieren la tercera
dimensión a partir de la articulación de espacios
bidimensionales que, normalmente, se hallan superpuestos.
(Villafañe, 2006, p. 109)
Si el lenguaje visual constituye una manera universal de comunicación,
¿qué valor tiene para ti el manejo y uso pertinente de los elementos del
alfabeto visual en tu profesión?

La línea es un elemento vital en el diseño, dos de sus características son: dos

opciones son correctas.

Crear vectores de dirección.

Crear el plano estando en movimiento.

Crear el espacio.

Crear el punto.

SUBMIT

la línea como trazo primordial, tiene la capacidad de dar origen al plano, por su
característica de movimiento y por ser vector de dirección. Siendo sus direcciones
horizontal, vertical y diagonal.

C O NT I NU A R
Lección 2 de 2

Referencias

[Imagen sin título sobre contorno como línea marginal o conceptual],

(2009). Recuperado de https://es.slideshare.net/gladystr/elementos-del-
arte-visual

[Imagen sin título sobre cuatricromía]. (s. f.). Recuperada de

http://www.masqueideas.com/cuatricomia.php

[Imagen sin título sobre dibujo con línea de puntos]. (s. f.). Recuperada de
http://www.lectoescritura.es/dibujos_punteados.php

[Imagen sin título sobre dibujo de arquitectura]. Recuperada de

https://analisisdeformas.com/2013/12/13/libros-sobre-dibujo-de-
arquitectura

[Imagen sin título sobre escala de grises]. (s. f.). Recuperada de

http://elcofre-pinturaartistica.blogspot.com.ar/2011/12/escala-de-
grises.html

[Imagen sin título sobre los emojis elegidos como “la palabra” en español
de 2019], (2019). Recuperado de https://www.rfi.fr/es/sociedad/20191229-
los-emojis-elegidos-como-la-palabra-en-espanol-de-2019

[Imagen sin título sobre perspectiva]. (s. f.). Recuperada de

http://dibujoenperspectivaleccion.blogspot.com.ar/2015/01/tipos-de-
perspectiva.html

[Imagen sin título sobre valoración tonal II], (s. f.). Recuperado de
https://valero7.webnode.es/colorismo-y-valorismo/

[Imagen sin título sobre valoración tonal], (s. f.). Recuperado de

https://valero7.webnode.es/colorismo-y-valorismo/

Dondis, D. (1985). La sintaxis de la imagen. Barcelona, España: Gustavo Gili.

Lichtenstein, R. (1964). Ohhh ... Alright... [pintura]. Colección privada.

Picasso, P. (1949). Paloma de la paz [litografía].

Seurat, G. (1988). La parade de cirque [pintura al óleo]. Estados Unidos:

Museo Metropolitano de Arte.

Villafañe, J. (2006). Introducción a la teoría de la Imagen. Madrid, España:

Pirámides.

Wong, W. (2001). Fundamentos del Diseño bi y tridimensional (4.ta.ed.).

Barcelona, España: Gustavo Gilli.