Fundamentos de la Representación y la Expresión Visual Asignatura Anual - 1er curso 140 horas horas - 9 ECTS - 4 HLS lunes 15:00 / miércoles 19:30
“FUNDAMENTOS DE LA REPRESENTACIÓN Y LA EXPRESIÓN VISUAL” tiene por objeto que los estudiantes tengan un conocimiento sistemático sistemático sobre los fundamentos gráficos del lenguaje visual y de los componentes que sostienen la lógica visual. visual.
Pretende que el alumno/a comprenda el uso del color, la forma, la composición, equilibrio, equi librio, tensión, ritmo... como elementos esenciales de comunicación visual necesarios en el planteamiento y desarrollo de cualquier proyecto de ilustración.. i lustración.. Este módulo es coherente y encuentra su correlato en la asignatura “Teoría “T eoría de la imagen” donde se profundiza en los conceptos de Imagen y Comunicación. Comprendiendo la complejidad y la estructuración estructuración de los diferentes agentes implicados en el proceso comunicativo. comunicativo.
BLOQUE 0: Introducción Lógica Visual BLOQUE 1: FORMA & COMPOSICIÓN 1.1. Forma y estructura. Elementos proporcionales . 1.2. Forma y composición en la expresión bidimensional BLOQUE 2: COLOR 2.1. Fundamentos y teoría de la luz y el color. 2.2. Valores expresivos y simbólicos del color. 2.3. Interacción del color en la representación creativa .
BIBLIOGRAFÍA • • • • • • • • • • • • • • • • • • • •
ALBERS, J. Interacción del color. Ed. Alianza Forma, Madrid, 1979 ARNHEIM, Rudolf. Arte y percepción visual. Psicología del arte creador. Ed. Alianza Forma, Madrid, 1994 ARNHEIM, ARNHEI M, R. Pensamien Pensamiento to visual. visu al. Ed. Paidos. Barcelona BERGER, Réne. El El conocimiento de la pintura. El arte de verla - El arte de comprenderla comprende rla Ed Noguer, Barcelona. 1976 BERGER, John, Modos de Ver. Ed. Gustavo Gili, Barcelona, 2016 (3ªed.) BERGER, John, Mirar. Ed. Gustavo Gili, Barcelona, 2016 (7ª ed) CHING, CHING , Francis Francis D.K. Forma espacio y orden. orden . Ed. Gustavo Gili, Gi li, Barcelona, Barcelona , 2000 DONDIS, Donis. La sintaxis de la imagen: introducción al alfabeto visual. Ed. Gustavo Gili, Barcelona 1992 KANDINSKY, W. Punto y línea frente al plano, Ed. Nueva Visión, Buenos Aires, 1969 KUPPERS, H. Fundamento de la teoría de los colores. Ed. G.Gili, Barcelona,1980 LUPTHON, Phillips. Diseño Gráfico. Nuevos Fundamentos. Ed. G. Gili, Barcelona, 2009 FABRIS y GERMANI. COLOR. Proyecto y estética en las Artes Gráficas. Ed. Edebé, Barcelona, 1973 (3ªedición) (3ªedición ) GARAU, Augusto. Las armonías del color. Ed. Paidós Estética, Barcelona, 1992 MUNARI, Bruno. Diseño y comunicación Visual. Ed. Gustavo Gili, Barcelona, 1985 MOLES, A y JANISZEWSKI, L. Grafismo Funcional. Ed. CEAC. Barcelona.1992 MORENO, Teresa. El color: historia, teoría 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 diseño. Ed. Gustavo Gili, Barcelona, 2009 TORNQUIST, Jorrit. Color y luz. Teoría y práctica. Ed. Gustavo Gili, Barcelona, 2008 VILLAFAÑE,J. Introducción a la teoría de la Imagen. Ed. Pirámide, Madrid, 2002
Pablo Amargo
¿Qué es “lo Visual”?
¿Qué entendemos por Representación Visual?
¿Qué entendemos por Expresión Expresión Visual?
¿Una muestra muestra de Color Rojo, pertenece a “lo visual”? ¿Representa o Expresa?
“LO VISUAL” Representación
Expresión ¿Comunicación? ¿Lenguaje Visual?
¿Qué entendemos por Comunicación Comunicació n Visual? Visual? ¿Qué relación existe entre la ilustración y Comunicación? ¿Qué es el lenguaje Visual?
Oliverio Toscani
Rodchenko
!"#" %&'" ()%#*"! +,-./01 23045.0/1 *670- (--
!"#$%&'()& +,&!$ -'&./
¿Qué relación existe entre la ilustración y la Comunicación Comunica ción Visual?
Javier Jaén
¿Cuales son los objetivos de una Ilustración? INFORMAR - IDENTIFICAR ORIENTAR - DIFERENCIAR PERSUADIR - CONCIENCIAR IMPACTAR - EMOCIONAR PROVOCAR - SORPRENDER CONMOVER - IRONIZAR EDUCAR - ENTRETENER Funciones
André Carrihlo “Évola” (2015)
La ilustr i lustración ación es una aplicación específica (un médium) del lenguaje visual. Como indica R. Arnheim, se trata de
PENSAMIENTO VISUAL Capaz de ser tra transmitido nsmitido y comprendido
¿Qué entendemos por Comunicación Comunicació n Visual? Visual? ¿Qué es el lenguaje Visual?
¿Tipos de lenguajes? VISUAL - ESCRITO - ORAL
mensaje VISUAL
!
TEXTO IMAGEN
! MENSAJE VERBO ICÓNICO
Comunicación Visual Lenguaje verbal vs visual
LÉXICO SINTAXIS SEMÁNTICA
LÓGICA VISUAL
PRAGMÁTICA
?
¿Cuáles son los elementos básicos del lenguaje visual? Elementos conceptuales: punto, conceptuales: punto, línea, plano, volumen Elementos morfológicos: morfológicos: forma, forma, color, textura Elementos escalares: dimensión, escalares: dimensión, escala, proporción Elementos dinámicos: tensión, dinámicos: tensión, ritmo, equilibrio
CREACIÓN DE MENSAJE VISUAL
Lógica Visual estructura
(1º) PRINCIPIOS GENERALES: Jerarquía, GENERALES: Jerarquía, Coherencia, Contr Contraste, aste, Simplicidad,…
(2º) HERRAMIENTAS:
(A) CONFIGURACIÓN: punto, línea, color, dimensión… (B) ORGANIZACIÓN: tensión, equilibrio, proporción…
(3º) RECURSOS SEMÁNTICOS: Semiótica, Connotación-Denotación, Retórica,..
PRINCIPIOS DE LA LÓGICA VISUAL
La operación de organizar los diversos elementos de una imagen se denomina composición composición..
Estudiar Estudiar el concepto de composición supone comprender las diversas maneras que tienen los elementos plásticos para combinarse e interactuar entre sí, siguiendo un principio básico de orden orden y y jerarqu jerarquía ía dentro dentro del encuadre encuadre.. Si ellos no es posible la posible la significación plástica
La operación de organizar los diversos elementos de una imagen se denomina composición composición.. el primer paso para componer es descifrar descifrar en qué consiste cada elemento visual. entenderlo en su forma más simple y elemental por lo que respecta a la composición, el significado de una forma visual es intrascendente
La operación de organizar los diversos elementos de una imagen se denomina composición composición.. El espacio El espacio negativo es negativo es un elemento tan interesante como la propia forma. -descanso para el ojo -acentúa la percepción de los demás elementos
La operación de organizar los diversos elementos de una imagen se denomina composición composición..
Principios Gener Generales ales
JERARQUÍA COHERENCIA SIMPLICIDAD CONTRASTE ORGANIZACIÓN FUNCIONALIDAD
¿qué entendemos por “JERARQUÍA”?
La JERARQUÍA, en términos de lógica visual, no es otra cosa que: una manifestación de las relaciones que se producen entre las cosas que vemos y entre las cosas y nosotros mismos.
· El campo de la jerarquía en la percepción Visual. · Tipos de jerarquías naturales naturales y culturales. Todo lo que nos rodea en sociedad está lleno de valores jerárquicos. jerárqu icos. Desde el semáforo semáforo que regula el tráfico tráfico al trato trato especial de que goza un jefe de gobierno. La naturaleza tampoco se libra de prioridades. Consideremos la forma de alimentación 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 pri mero que se debe mirar? mirar? ¿compiten los elementos entre sí? Si es así habrá que suavizar atributos formales (tamaño, densidad, intervalos…) habrá que exagerar otros de esta manera el espectador procesa el material eficazmente sin agotamiento.
Jerarquía GRANDE-PEQUEÑO
Jerarquía de lo CENTRADO
Jerarquía de lo CENTRADO
Jerarquía de lo CENTRADO
Jerarquía Jera rquía deL CONTRASTE
Jerarquía de lo aislado frente a al conjunto
Jerarquía en el DETALLE
!
La jerarquía se crea a través de varios parámetros visuales basados en una lógica visual prácticamente intuitiva: • Tamaño • Altura en la página • Anchura Anchura del texto • Imágenes • Color
El propio mecanismo de diseño crea una lectura jerarquizada: Primera lectura, de recorrido rápido, en la que se toma nota mental del contenido general más 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 Lectura en profundidad, en la que el lector, convencido de su interés por el tema, lee el desarrollo del mismo.
Jerarquía Tipográfica
Shitao - dinastía Qing (1644-1711)
¿qué entendemos por “COHERENCIA”?
COHERENCIA: El concepto de coherencia presenta al menos dos facetas de interés para la lógica 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 imágenes, haciendo uso de criterios estilísticos, funcionales y formales que obedecen a razones culturales, aunque en ocasiones estas razones no resultan evidentes ni para los propios artistas: “ESTILO”
ANALOGÍA El concepto de coherencia depende de la “ANALOGÍA” 1. Imaginar un mundo sin analogía es lanzarse al laberinto de lo absolutamente indiferenciado, 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 analogía nos permite determinar grupos de pertenencia, identificaciones individuales, desarrollar comparaciones comparaciones cuantitativas o cualitativas, y todo ello con diversos grados de exactitud o aceptación
Ley de expectativas satisfechas Cuando se producen experiencias repetidas que se cumplen a lo largo de periodos de tiempo, aparece una noción de semejanza que se expande sobre todas estas e stas experiencias.
Esta noción analógica da soporte a la ley de expectativas satisfech satisfechas: as: cuando un acto tiene consecuencias positivas se refuerza y tiende a repetirse.
Coherencia Perceptiva
Coherencia Perceptiva
Coherencia Coherencia Formal / Funcional Funcional
Principio de Coherencia
!
Coherencia y Proporción
Catedral luterana de Trondheim en Noruega
Coherencia Modular
Opera de Sidney John Utzon (1956)
Coherencia en el detalle
Neville Brody (1984)
Coherencia Rítmica
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 articulación sintáctica de los elementos y estructuras que la componen en relación con los principios de la organización perceptivas
PREGNANCIA: Es la capacidad que tiene una forma para ser recordada. Está relacionada con nuestra percepción y con la forma del estimulo.
SIMPLICIDAD: La simplicidad tiene que ver con sustraer lo obvio y adicionar lo significativo. (J. Maeda)
AMBIGÜEDAD VISUAL : La ambigüedad visual oscurece tanto la intención competitiva como el significado.
AMBIGÜEDAD VISUAL :
AMBIGÜEDAD VISUAL :
AMBIGÜEDAD VISUAL :
AMBIGÜEDAD VISUAL :