Semiótica visual

Comunicación visual
Profesora: Rosa Ruiz Dodobara
La comunicación visual
¿Cuál es su principal
característica?
De pronto, en el cielo, Superman y
Goku se enfrentaban. La batalla
estaba reñida. A pesar de que sus
fuerzas parecían iguales, Goku, en su
estado de Súper Sayayin logró
neutralizar a Superman, elevándose
un tanto más y lanzándole un golpe
desde arriba.
• El poder de la comunicación visual consiste en su inmediatez:
las emociones y los contenidos en general que expresa una
buena composición visual son captados de manera inmediata
por el observador.

• En esto se diferencia con códigos temporales como la

comunicación verbal (oral o escrita) o la música.
La imagen visual
¿Cuál es su función?
• Imagen es aquella que representa algo – lo hace presente – y se
parece a lo que representa. Como una suerte de simulacro.

• La función de la imagen (visual) consiste en restituir la impresión

visual de algo real con mayor o menor grado de fidelidad
reproductiva.
 Richard Estes (Kewanee, Illinois 1932), pintor
hiperrealista estadounidense.

Tomado Totenart noticias. Los 30 artistas más importantes el hiperrealismo. https://totenart.com/noticias/30-artistas-importantes-

hiperrealismo/
 Claudio Bravo (Valparaíso, Chile
1936 – Taroudant, Marruecos
2011), pintor hiperrealista chileno

Tomado de Totenart noticias. Los 30 artistas más importantes el hiperrealismo.

https://totenart.com/noticias/30-artistas-importantes-hiperrealismo/
• La similitud perceptiva entre una imagen y su modelo es cuestión
de grados:

- Algunas imágenes alcanzan un nivel hiperreal al incorporar una

enorme cantidad de detalles que el ojo no percibe
directamente en el modelo.

- Otras imágenes son esquemáticas, pero no por ello dejan de

parecerse de algún modo al modelo que representan. Ejemplo:
un dibujo de pocos trazos, una caricatura, un mapa.
Los Hermanos Morgue
Elementos básicos del
lenguaje visual
 Punto
• Es la unidad mínima de comunicación
visual.
• Marca una posición en el espacio y atrae la
mirada.
• Dos o más puntos forman una línea. Una
cantidad mayor de ellos se pueden
convertir en una textura o una forma.
• En gran cantidad y yuxtapuestos, crean la
ilusión de tono o color
Imagen: Freepik.com
https://www.freepik.es/vectores/fondo
Imagen: Freepik.com
https://www.freepik.es/vectores/tecnologia
Autor: Seurat
Estilo: Puntillista
Título (inglés): The Channel of
Gravelines, Petit Fort Philippe
Tipo: Cuadro
Técnica: Óleo
Soporte: Lienzo
Año: 1890
Se encuentra en: Museo de Arte de
Indianápolis

Tomado de Todo cuadros. George Pierre Seurat

https://www.todocuadros.es/pintores-famosos/seurat/
Autor: Chris Jordan
Título (inglés): Cans Seurat
Utiliza 106.000 latas de aluminio, la
cantidad que se utiliza en EE. UU.
cada treinta segundos.
Año: 2007

Tomado de Susan Yang (08 de enero de 2013). Enviromental art by Chris Jordan. En Simply creative
http://4rtgallery.blogspot.com/2013/01/environmental-art-by-chris-jordan.html
Tomado de Susan Yang (08 de enero de 2013). Enviromental art by Chris Jordan. En Simply creative
http://4rtgallery.blogspot.com/2013/01/environmental-art-by-chris-jordan.html
 Línea
• La línea puede definirse también como un
punto en movimiento.

• Tiene enérgica, nunca es estática. Tiene una

dirección y un propósito.

• Es el elemento visual por excelencia del

boceto.

• Sus efectos también varían según su grosor,

color y textura.
Imagen de venngage.com
• Dependiendo de su naturaleza, tiene distintos impactos.
- Horizontal: orientación típica de reposo y la estabilidad. Es la más
estática.
- Vertical: trasmiten autoridad y fuerza.
- Diagonales: pueden generar sensación de profundidad.
- Quebradas: proyectan un movimiento discontinuo y rítmico que resulta
dinámico.
- Curvas: pueden suavizar el contenido de una imagen. (delgadas:
delicadas, gruesas: confianza).
- Oblicuas abiertas hacia arriba en forma de V: producen exaltación.
- Circulares, entrecruzadas con verticales y horizontales pueden dulcificar
un conjunto.
Imagen: Pixabay.com
https://pixabay.com/es/users/aatlas-202748/?utm_source=link-
attribution&utm_medium=referral&utm_campaign=image&utm_content=299000
Imagen: Pixabay.com
https://pixabay.com/es/users/jplenio-7645255/?utm_source=link-
attribution&utm_medium=referral&utm_campaign=image&utm_content=3112436
Foto de Ivy Son en Pexels
 Contorno y figura
• La línea describe un contorno. Las
figuras son formas que definen los
contorno de un objeto.

• Distintos objetos y composiciones

evocan distintas figuras básicas y
tienen distintos efectos psicológicos y
de sentido.
Imagen: Freepik.com
https://www.freepik.es/vectores/logo
• Las tres figuras básicas son cuadrado,
círculo y triángulo.
• Cuadrado: evoca firmeza, rectitud, estructura, orden, torpeza, honestidad.

• Círculo: se asocia con la infinitud, la calidez y la protección. Presenta gran

fuerza dentro de una composición. Si contienen algún elemento dentro, llama
fuertemente la mirada. Se utilizan mucho como símbolos de eternidad y del
tiempo.

• Triángulo: forma dinámica y activa. Los equiláteros transmiten serenidad;

genera, a la vez, estabilidad y dinamismo. Se asocia con la acción, el conflicto
y la tensión
Imagen de Pexels en Pixabay
https://pixabay.com/es/users/pexels-2286921/?utm_source=link-
attribution&utm_medium=referral&utm_campaign=image&utm_content=1867937
Foto de Oleg Magni en Pexels
Imagen: Pixabay.com
https://pixabay.com/es/users/rkarkowski-289667/?utm_source=link-
attribution&utm_medium=referral&utm_campaign=image&utm_content=1859616
Tomado de Ads of the world
https://www.adsoftheworld.com/media/print/avianca_coffee_1
Imagen de Ralf Kunze en Pixabay
https://pixabay.com/es/users/realworkhard-23566/?utm_source=link-
attribution&utm_medium=referral&utm_campaign=image&utm_content=99484
Tameen Sankani. Toblerone “The try angle zone”.
Recuperado de https://pin.it/4AfsLZd
Herramientas del
lenguaje visual
Herramientas de configuración
• El tamaño
• La forma
• El color
• La iluminación
• La textura
 Tamaño
• Dimensiones físicas del producto visual

• Criterios de selección del tamaño:

- Impacto psicológico.
- Efecto de notoriedad
- Comodidad del manejo o ubicación

Tomado de Designer daily. A collection of smart tear-off ads

https://www.designer-daily.com/a-collection-of-smart-tear-off-ads-59793
 Fotografía del artista Eugenio
Recuenco. Considerada “la mayor
fotografía jamás captada por un
teléfono móvil”.
Tomado de VSA Comunicación (14 de junio del 2018). Lona HUAWEI en la Plaza España de Madrid.
https://www.vsacomunicacion.com/blog/index.php/lona-huawei-en-la-plaza-espana-de-madrid/
 La forma
• Límites exteriores de los objetos y materiales
visuales.

• Tipos de formas:
• Orgánicas: relacionadas con el mundo
natural, tienden a ser irregulares y
ondulantes.
• Artificiales: de tipo geométrico, creadas
por el hombre, tienden a ser regulares y
rectas.
Imagen de veilhan.com
 FORMAS ORGÁNICAS

Imagen diseñada por Johnny Bertram Imagen de Freekip Imagen de thedieline.com

dribbble.com https://www.freepik.es/vectores/logo
Vector de Logo creado por sentavio
 FORMAS INORGÁNICAS

Imagen: Freekip.com Imagen de modernvintage.tk

https://www.freepik.es/vectores/marco Imagen: Freekip.com
https://www.freepik.es/vectores/marco
 Color
• Herramienta visual cargada de información.

• Es una de las herramientas más importantes

del lenguaje visual.

• Dependiendo del contexto y las

combinaciones generan distintas
asociaciones.

Foto de Sharon McCutcheon en Pexels

Imagen de www.freepik.es/vectores/infografia
 Desaturación
Saturación

Imagen sacada de https://www.fragrantica.com/perfume/Agatha-Ruiz-de-la-Prada/Love-

Forever-Love-20401.html

Anunciante: Nike. Agencia: & Rosás

Imagen sacada de La inspiración entra por los ojos
http://weloveinspirations.blogspot.com/
United Colors of Benetton spring / summer 2012 Ad Campaign ~ Divine Glitz
Imagen sacada de popsugar.com
 COLORES ANÁLOGOS - ARMONÍA

Imagen de Manuel Darío Fuentes Hernández en Pixabay

Foto de Tim Mossholder en Pexels

 COLORES COMPLEMENTARIOS - CONTRASTE

Fotografía de Oscar Aguilar en Unsplash Fotografía de Daniel Hansen en Unsplash

Tomada de expertphotography.com Tomada de expertphotography.com
 Iluminación
• Los diferentes tipos de iluminación tienen
diversas evocaciones y efectos
psicológicos.

• Los significados y percepción de esta

cambian de acuerdo a la cultura.

Foto de Luca Nardone en Pexels

 Clave baja
Clave alta

Imagen de strand-photo.com
Imagen de chicpursuit.com
 Calidez
Frialdad

Imagen de Iluminet. Revista de iluminación https://www.iluminet.com/para-

un-proyecto-de-iluminacion-en-hospitales/

Imagen de retaildesignblog.net
 Textura
• Brinda información acerca de la superficie de
algún elemento.

• Relaciona la materia visual con sensaciones

táctiles.

• El material de una superficie tiene un gran

peso simbólico en la comunicación de la
imagen.
Imagen de Álvaro Gomez en flickr.com
Riotinto. Textura del suelo en las minas de
Riotinto (Huelva)
 Textura real
Textura simulada Textura ficticia

Imagen de printpattern.blogspot.com

Imagen de melaminesponge.com Imagen de ceramicasantacruz.com

Herramientas de organización
Composición: Es la organización de las herramientas del lenguaje
visual, dentro de los límites del soporte.

Recursos para crear una Recursos para crear una

composición reposada composición dinámica
• Constantes • Inconstantes
• Simétricos • Asimétricos
• Rectos • Oblicuos
• Centrípetos • Centrífugos
• Completos • Incompletos
• Centrados • Descentrados
 COMPOSICIÓN REPOSADA

Imagen de Free-Photos en Pixabay

Foto de Rachel Claire en Pexels
Foto de Jill Burrow en Pexels
 COMPOSICIÓN DINÁMICA

Imagen de stokpic en Pixabay

Imagen de richardsweeney.co.uk
Imagen de archilovers.com
 Equilibrio
• La falta de balance en un diseño irrita al
espectador y puede hacer que este preste
menos atención al contenido de la pieza.

• El equilibrio o balance se logra a través de

dos fuerzas de la misma fuerza que tiran en
direcciones opuestas, o mediante múltiples
fuerzas jalando en diferentes direcciones
cuya fuerza se compensa.

• Los dos tipos básicos de balance son la

simetría y la asimetría.
Foto de charan sai en Pexels
 SIMETRÍA

Foto de deviantart.com
Foto de art-therapie-alsace.fr
Foto de Alex Powell en Pexels
 ASIMETRÍA

Imagen de Cindy Lever en Pixabay

Foto de Ryutaro Tsukata
Foto de Tomáš Malík en Pexels en Pexels
Referencias
• Acaso, M. (2009) El lenguaje visual.
Barcelona Paidós
• Arnston, A. (2011). Graphic desing
basic. Wadsworth. Cenage learning.
• Dondis, D. A. (2012). La sintaxtis de la
imagen. Introducción al alfabeto visual.
Barcelona: Gustavo Gili.
Para la próxima semana
Evaluación continua 2. Nota 1
Creación y aplicación de lenguaje visual
Exposiciones de máximo 8 minutos de duración.
Grupos de 5 a 6 personas.
Crear un aviso publicitario gráfico. Elegir una de las siguientes
categorías:
• Belleza
• Comida
• Tecnología
• Educación
Pueden utilizar la técnica que prefieran: ilustración, fotografía, collage,
etc.
Exponer la pieza explicando los cinco aspectos de lenguaje visual que
consideren más importantes para transmitir el mensaje.
Revisar la ficha de trabajo con la rúbrica de calificación.