Fundamentos de la Representacin

y la Expresin Visual
Asignatura Anual - 1er curso
140 horas - 9 ECTS - 4 HLS
lunes 15:00 / mircoles 19:30

FUNDAMENTOS DE LA REPRESENTACIN Y LA EXPRESIN VISUAL

tiene por objeto que los estudiantes tengan un conocimiento sistemtico
sobre los fundamentos grficos del lenguaje visual y de los componentes
que sostienen la lgica visual.

Pretende que el alumno/a comprenda el uso del color, la forma, la

composicin, equilibrio, tensin, ritmo... como elementos esenciales de
comunicacin visual necesarios en el planteamiento y desarrollo de
cualquier proyecto de ilustracin..
Este mdulo es coherente y encuentra su correlato en la asignatura
Teora de la imagen donde se profundiza en los conceptos de Imagen y
Comunicacin. Comprendiendo la complejidad y la estructuracin de los
diferentes agentes implicados en el proceso comunicativo.

BLOQUE 0: Introduccin Lgica Visual

BLOQUE 1: FORMA & COMPOSICIN
1.1. Forma y estructura. Elementos proporcionales.
1.2. Forma y composicin en la expresin bidimensional
BLOQUE 2: COLOR
2.1. Fundamentos y teora de la luz y el color.
2.2. Valores expresivos y simblicos del color.
2.3. Interaccin del color en la representacin creativa.

Contenidos

BIBLIOGRAFA

ALBERS, J. Interaccin del color. Ed. Alianza Forma, Madrid, 1979

ARNHEIM, Rudolf. Arte y percepcin visual. Psicologa del arte creador. Ed. Alianza Forma, Madrid, 1994
ARNHEIM, R. Pensamiento visual. Ed. Paidos. Barcelona
BERGER, Rne. El conocimiento de la pintura. El arte de verla - El arte de comprenderla Ed Noguer, Barcelona. 1976
BERGER, John, Modos de Ver. Ed. Gustavo Gili, Barcelona, 2016 (3ed.)
BERGER, John, Mirar. Ed. Gustavo Gili, Barcelona, 2016 (7 ed)
CHING, Francis D.K. Forma espacio y orden. Ed. Gustavo Gili, Barcelona, 2000
DONDIS, Donis. La sintaxis de la imagen: introduccin al alfabeto visual. Ed. Gustavo Gili, Barcelona 1992
KANDINSKY, W. Punto y lnea frente al plano, Ed. Nueva Visin, Buenos Aires, 1969
KUPPERS, H. Fundamento de la teora de los colores. Ed. G.Gili, Barcelona,1980
LUPTHON, Phillips. Diseo Grfico. Nuevos Fundamentos. Ed. G. Gili, Barcelona, 2009
FABRIS y GERMANI. COLOR. Proyecto y esttica en las Artes Grficas. Ed. Edeb, Barcelona, 1973 (3edicin)
GARAU, Augusto. Las armonas del color. Ed. Paids Esttica, Barcelona, 1992
MUNARI, Bruno. Diseo y comunicacin Visual. Ed. Gustavo Gili, Barcelona, 1985
MOLES, A y JANISZEWSKI, L. Grafismo Funcional. Ed. CEAC. Barcelona.1992
MORENO, Teresa. El color: historia, teora y aplicaciones. Ed Ariel Historia del Arte. Barcelona, 1996
VV.AA. El gran libro del color. Ed. Blume, Barcelona, 1982
SAMARA, Timothy. Los elementos del diseo. Ed. Gustavo Gili, Barcelona, 2009
TORNQUIST, Jorrit. Color y luz. Teora y prctica. Ed. Gustavo Gili, Barcelona, 2008
VILLAFAE,J. Introduccin a la teora de la Imagen. Ed. Pirmide, Madrid, 2002
WONG, W. Fundamentos del diseo. Ed. Gustavo Gili, Barcelona, 2001 (4 edicin)

referencias

Pablo Amargo

Qu es lo Visual?

Qu entendemos por Representacin Visual?

Qu entendemos por Expresin Visual?

Una muestra de Color Rojo, pertenece a lo visual?

Representa o Expresa?

LO VISUAL
Representacin

Expresin
Comunicacin?
Lenguaje Visual?

Qu entendemos por Comunicacin Visual?

Qu relacin existe entre la ilustracin
y Comunicacin?
Qu es el lenguaje Visual?

Oliverio Toscani

Rodchenko

SEDE$NIKE$LONDRES$
Agencia$britnica$Rosie$Lee

ilustrador*Chris*Mar.n*

Qu relacin existe entre la ilustracin

y la Comunicacin Visual?

Javier Jan

Cuales son los objetivos de una Ilustracin?

INFORMAR - IDENTIFICAR
ORIENTAR - DIFERENCIAR
PERSUADIR - CONCIENCIAR
IMPACTAR - EMOCIONAR
PROVOCAR - SORPRENDER
CONMOVER - IRONIZAR
EDUCAR - ENTRETENER
Funciones

Andr Carrihlo vola (2015)

La ilustracin es una aplicacin especfica

(un mdium) del lenguaje visual.
Como indica R. Arnheim, se trata de

PENSAMIENTO VISUAL
Capaz de ser transmitido y comprendido

Qu entendemos por Comunicacin Visual?

Qu es el lenguaje Visual?

Tipos de lenguajes? VISUAL - ESCRITO - ORAL

mensaje
VISUAL

TEXTO
IMAGEN

MENSAJE VERBO ICNICO

Comunicacin Visual
Lenguaje verbal vs visual

LXICO
SINTAXIS
SEMNTICA

LGICA VISUAL

PRAGMTICA

Cules son los elementos bsicos del lenguaje visual?

Elementos conceptuales: punto, lnea, plano, volumen
Elementos morfolgicos: forma, color, textura
Elementos escalares: dimensin, escala, proporcin
Elementos dinmicos: tensin, ritmo, equilibrio

CREACIN DE
MENSAJE VISUAL

Lgica Visual
estructura

(1) PRINCIPIOS GENERALES: Jerarqua, Coherencia, Contraste, Simplicidad,

(2) HERRAMIENTAS:

(A) CONFIGURACIN: punto, lnea, color, dimensin

(B) ORGANIZACIN: tensin, equilibrio, proporcin

(3) RECURSOS SEMNTICOS: Semitica, Connotacin-Denotacin, Retrica,..

PRINCIPIOS DE LA LGICA VISUAL

La operacin de organizar los diversos elementos de

una imagen se denomina composicin.

Estudiar el concepto de composicin supone comprender

las diversas maneras que tienen los elementos plsticos
para combinarse e interactuar entre s, siguiendo un
principio bsico de orden y jerarqua dentro del encuadre.
Si ellos no es posible la significacin plstica

La operacin de organizar los diversos elementos de

una imagen se denomina composicin.
el primer paso para componer es descifrar en
qu consiste cada elemento visual.
entenderlo en su forma ms simple y elemental
por lo que respecta a la composicin, el
significado de una forma visual es
intrascendente

La operacin de organizar los diversos elementos de

una imagen se denomina composicin.
El espacio negativo es un elemento tan
interesante como la propia forma.
-descanso para el ojo
-acenta la percepcin de los dems elementos

La operacin de organizar los diversos elementos de

una imagen se denomina composicin.

Principios Generales

JERARQUA
COHERENCIA
SIMPLICIDAD
CONTRASTE
ORGANIZACIN
FUNCIONALIDAD

qu entendemos por JERARQUA?

La JERARQUA, en trminos de lgica visual, no es

otra cosa que:
una manifestacin de las relaciones que se producen
entre las cosas que vemos y entre las cosas y nosotros
mismos.

 El campo de la jerarqua en la percepcin Visual.

Tipos de jerarquas naturales y culturales.
Todo lo que nos rodea en sociedad est lleno de valores
jerrquicos. Desde el semforo que regula el trfico al trato
especial de que goza un jefe de gobierno.
La naturaleza tampoco se libra de prioridades.
Consideremos la forma de alimentacin de los polluelos en
el nido o el orden en la comida de un grupo de leones.

qu elemento recibe mayor importancia?

qu es lo primero que se debe mirar?
compiten los elementos entre s?
Si es as habr que suavizar atributos formales
(tamao, densidad, intervalos)
habr que exagerar otros de esta manera el espectador
procesa el material eficazmente sin agotamiento.

Jerarqua GRANDE-PEQUEO

Jerarqua de lo CENTRADO

Jerarqua de lo CENTRADO

Jerarqua de lo CENTRADO

Jerarqua deL CONTRASTE

Jerarqua de lo aislado frente a al conjunto

Jerarqua en el DETALLE

La jerarqua se crea a travs de

varios parmetros visuales basados
en una lgica visual prcticamente
intuitiva:

Tamao
Altura en la pgina
Anchura del texto
Imgenes
Color

El propio mecanismo de diseo crea

una lectura jerarquizada:
Primera lectura, de recorrido rpido, en la que
se toma nota mental del contenido general
ms importante.
Segunda lectura, complementaria del anterior,
en la que se recurre a entradillas y sumarios
para ampliar el contenido de alguna o
algunas de las noticias captadas en la
primera lectura.
Lectura en profundidad, en la que el lector,
convencido de su inters por el tema, lee el
desarrollo del mismo.

Jerarqua Tipogrfica

Shitao - dinasta Qing (1644-1711)

qu entendemos por COHERENCIA?

COHERENCIA:
El concepto de coherencia presenta al menos dos facetas de
inters para la lgica visual:
1. La primera de ellas se refiere al aspecto coherente como el
mundo se presenta ante nuestros sentidos, al menos en los
estados normales de nuestra vida.
2. Al crear imgenes, haciendo uso de criterios estilsticos,
funcionales y formales que obedecen a razones culturales,
aunque en ocasiones estas razones no resultan evidentes ni
para los propios artistas: ESTILO

ANALOGA
El concepto de coherencia depende de la ANALOGA
1. Imaginar un mundo sin analoga es lanzarse al laberinto de lo
absolutamente indiferenciado, en el que todo es distinto a todo y
no existen ni pueden existir patrones comparativos o normas. un
mundo incoherente.
2. El principio de analoga nos permite determinar grupos de
pertenencia, identificaciones individuales, desarrollar
comparaciones cuantitativas o cualitativas, y todo ello con
diversos grados de exactitud o aceptacin

Ley de expectativas satisfechas

Cuando se producen experiencias repetidas que se cumplen a lo
largo de periodos de tiempo, aparece una nocin de semejanza
que se expande sobre todas estas experiencias.

Esta nocin analgica da soporte a la

ley de expectativas satisfechas:
cuando un acto tiene consecuencias positivas se refuerza
y tiende a repetirse.

Coherencia Perceptiva

Coherencia Perceptiva

Coherencia Formal / Funcional

Principio de Coherencia

Coherencia y Proporcin

Catedral luterana de Trondheim en Noruega

Coherencia Modular

Opera de Sidney
John Utzon
(1956)

Coherencia en el detalle

Neville Brody (1984)

Coherencia Rtmica

Coherencia de estilo

Burne Jones
(William Morris- Kelmscott Press)

Coherencia de estilo

Coherencia de estilo

SIMPLICIDAD

SIMPLICIDAD:
La simplicidad/complejidad de una imagen viene definida
por la articulacin sintctica de los elementos y estructuras
que la componen en relacin con los principios de la
organizacin perceptivas

PREGNANCIA:
Es la capacidad que tiene una forma para ser
recordada. Est relacionada con nuestra percepcin y
con la forma del estimulo.

SIMPLICIDAD:
La simplicidad tiene que ver con sustraer lo obvio y
adicionar lo significativo.
(J. Maeda)

AMBIGEDAD VISUAL :
La ambigedad visual oscurece tanto la intencin
competitiva como el significado.

AMBIGEDAD VISUAL :

AMBIGEDAD VISUAL :

AMBIGEDAD VISUAL :

AMBIGEDAD VISUAL :