02 El lenguaje de la imagen
-
Upload
fernando-suarez -
Category
Documents
-
view
217 -
download
1
description
Transcript of 02 El lenguaje de la imagen
Comunicación Visual 1º de Periodismo
02 El lenguaje de la imagen
00Introducción
Comunicación visual y diseño gráfico
Los ámbitos del diseño
Contextualización histórica
01El lenguaje de la imagen
Signo visual
Niveles de iconicidad
El alfabeto visual
Psicología de la imagen: la Gestalt
02Los ingredientes del diseño gráfico
Tipografía
Color
Retículas
Composición
03La tecnología de la imagen
Vectores y mapas de bits
Formatos de imagen
Sistemas cromáticos
Tamaño y resolución
Teoría
01El signo visual
¿Qué es una imagen?
a a
Premisa #1Existen imágenes de muy diferente naturaleza, con diferentes objetivos, estilos y particularidades, en función de las necesidades del mensaje
Premisa #2Las imágenes pueden estar constituidas por la suma de diferentes imágenes
En este caso, la doble página es una imagen que surge de la combinación de varias “subimágenes” (fotos, infografía...), que pasan a crear nuevas relaciones entre ellas.
Premisa #3Las funciones, objetivos y (muy importante) el significado de la imagen varían en función del contexto en el que está ubicada.
En diseño gráfico, las imágenes sólo se entienden si tenemos en cuenta todos los elementos que las configuran
Foto, ilustración
TextosImagen globalEn semiótica se denomina “texto visual”
Otros elementosFormas, líneas, etc.
+
+
=
Vamos a cambiar la noción de imagen por la de signo visual. ¿Qué es esto?
MagritteEsto no es una pipa, sino la REPRESENTACIÓN de una pipa
Tipo/pattern Características estructurales que me permiten asegurar que el significante alude al referente (proceso de abstracción). Imagen, idea mental, características conceptuales
Significante Imagen producida artificialmente para significar algo
ReferenteAquello a lo que hace alusión el significante
Un signo visual se compone siempre de 3 patas
Plano sintáctico
Estudia la fisonomía del significante (“la imagen”), su estructura y morfologíaColores, distribución de elementos, tipografía, tamaño, etc.
Plano semántico
Estudia el significado del signo (diferencia entre signo icónico y signo plástico)¿Qué transmite la imagen? ¿A qué hace referencia?
Plano pragmático
El uso que el lector hace del mensaje, los efectos que produce y el contexto¿Qué efectos desencadena el mensaje en el receptor?
Estas tres patas pueden analizarse desde 3 planos
Sobre el plano semánticoEs fundamental conocer las diferencias entre signo plástico y signo icónico
GoyaLos fusilamientos del 3 de mayo
PollockNumber 8
RothkoOrange and tan
Plano semántico Signo plástico e icónico
SIGNO ICÓNICOEstudia la relación
entre el significante y el significado o referente (a qué hace referencia
una fotografía o una ilustración, por ejemplo)
SIGNO PLÁSTICONo interesa subrayar
la relación entre el significante y el referente,
sino las propiedades de los elementos de la
imagen (formas, colores, etc.)
Plano semántico Signo plástico e icónico
Plano semántico Signo plástico e icónico
Plano semántico Signo plástico e icónico
Plano semántico Signo plástico e icónico
Sin leer una sola palabra, los elementos visuales producen significados y una determinada percepción por parte del lector
Series no lingüísticas O icónicas. Normalmente con referente real.
IMA
GE
N
Fotos, ilustraciones, gráficos, imagotipos, iconos, etc.
Series lingüísticas Elementos verbales como transmisores del mensaje.
Principios de composición o layout (contraste, jerarquía, tamaño, escala, retículas, etc..)
Series paralingüísticas Vinculadas con la composición y la ordenación de elementos.
Textos, tipografía
De forma muy resumida, en una imagen conviven signos pertenecientes a 3 series diferentes
*
¡Prestad atención!
¡Prestad atención!¡Prestad atención!
¡Prestad atención!
Prestad atención
*
Series no lingüísticas
Series lingüísticasFunción lingüística (“qué”)Función expresiva (“cómo”)
Los tipos, en definitiva, son FORMAS que expresan significados
a a a
Series lingüísticas
Series paralingüísticas
Series paralingüísticas
02Niveles de iconicidad
Escalas de iconicidadEn función de la relación entre significante y referente (“la imagen y lo real”) se establecen diferentes niveles de iconicidadLa precisión de la representación, el detalle, la fidelidad de la representación en relación al motivo representado
elefanteEn los elementos tipográficos, la relación con el referente real se pierde por completo. El vínculo es completamente convencional.
Moles (1975) identifica 12 niveles de iconicidad, atendiendo a la relación entre la imagen producida y la realidad.Podemos condensar estos 12 niveles en 4 fundamentales, para comprenderlo mejor.
a. RealismoLas imágenes guardan una estrecha relación de semejanza con el objeto representadoEjemplo: fotografías.
b. FigurativismoNecesita de la interpretación de emisor y receptor. Los objetos guardan un menor grado de semejanza, aunque rescatan varios rasgos.Ejemplo: ilustraciones.
c. AbstracciónExiste una ruptura total entre la imagen producida artificialmente y la realidad.Ejemplo: iconos.
Ojo, no decimos que la imagen no quiera representar algo (signo icónico), sino que la relación es muy superficial, a veces casi inexistente.
d. SimbolismoMás allá del grado de iconicidad, el objeto representa una realidad no presente. Ejemplo: logotipos.
El caso más evidente: la paloma de Picasso, que representa la paz, no solamente un pájaro.
Qué hemos aprendido1. Existen muchos tipos de imágenes. Muchas de ellas están creadas por imágenes más pequeñas con sentido autónomo. Una página de una revista es una imagen en sí misma, creada por “subimágenes” que crean nuevas relaciones de significado.
Qué hemos aprendido2. En diseño gráfico, una imagen suele estar compuesta por elementos de tres series: lingüísticos (tipografía), no lingüísticos (fotos, ilustraciones) o paralingüísticos (vinculados a la composición y a conceptos como tamaño, escala, jerarquía, etc.).
Qué hemos aprendido3. Una imagen (signo visual) está formada por un significante (la imagen que vemos), un referente (aquello a lo que alude) y un tipo o pattern (características que vinculan ambos conceptos y que me permiten interpretar la imagen)
Qué hemos aprendido4. Partiendo de esta diferenciación, podemos efectuar tres tipos de análisis: sintáctico (“la forma”), semántico (“significado”) y pragmático (“efectos”).
Qué hemos aprendido5. Sobre el segundo tipo (análisis semántico), diferenciamos entre signo plástico (las propiedades comunicativas de las formas, colores, etc.) y signo icónico (a qué se refiere alude la imagen). Aunque no tenga referente, la imagen también comunica.
Qué hemos aprendido6. En relación al signo icónico (relación entre imagen y referente), las escalas de iconicidad hablan de la relación de proximidad y fidelidad entre el significante y el referente. Los 4 niveles básicos son realismo, figurativismo, abstracción y simbolismo.
Comunicación Visual 1º de Periodismo
01 El lenguaje de la imagen
00Introducción
Comunicación visual y diseño gráfico
Los ámbitos del diseño
Contextualización histórica
01El lenguaje de la imagen
Signo visual
Niveles de iconicidad
Psicología de la imagen: la Gestalt
El alfabeto visual
02Los ingredientes del diseño gráfico
Tipografía
Color
Retículas
Composición
03La tecnología de la imagen
Vectores y mapas de bits
Formatos de imagen
Sistemas cromáticos
Tamaño y resolución
Teoría
03Psicología de la imagen: la Gestalt
¿Por qué vemos lo que vemos?
A principios del siglo XIX, un grupo de psicólogos se plantean responder a esta pregunta. ¿Por qué vemos lo que vemos? O, de otra manera: ¿por qué la mente humana agrupa el campo sensible tal y como lo hace?
Nace la Psicología de la Gestalt.
¿Por qué reconocemos los caracteres del titular como parte del mismo elemento, si algunos están en rojo?
¿Por qué incluimos la ilustración, el titular y el texto como parte de la misma noticia?
¿Por qué agrupamos los elementos secundarios en tres diferentes noticias, vinculadas entre sí?
Todo parte de un concepto:
PregnanciaTendemos a ver y agrupar los elementos de la forma más simple posible
Otras leyes intentan explicar de forma más concreta cómo la percepción agrupa los elementos del campo visible.
Ley de la proximidad
Ley de la proximidad
Nuestra mente agrupa los elementos en función de su distancia espacial.
Ley de la semejanza
Ley de la semejanza
Nuestra mente agrupa los elementos más similares formalmente como una misma entidad.
Ley dialécticaLey de figura-fondo
Ley dialéctica
Toda forma es identificada con respecto a un fondo del cual se desprende.
Ley de la totalidad
Ley de la totalidad
El todo siempre es superior a la suma de sus partes constituyentes.
Ley de cerramiento
Ley de cerramiento
Las líneas que circundan una superficie son captadas como una unidad. La mente añade los elementos que faltan para completar figuras.
Ley de la experienciaLa cultura visual del lector también influye decisivamente en el reconocimiento de formas y patrones.
Todas estas normas son de gran utilidad también en diseño editorial (si planteamos la página como una imagen)
Qué hemos aprendido1. La percepción humana se explica a partir de una serie de normas que explican cómo vemos y cómo agrupamos los objetos de la realidad. Cuando estas reglas no llegan, la experiencia se encarga de suplirlas.
Qué hemos aprendido2. Tener en cuenta estas reglas ayuda a optimizar la creación de imágenes y crear comunicaciones más eficaces, independientemente del ámbito en el que nos situamos (maquetación, ilustración, etc.).
Comunicación visual 1º Periodismo
01 El lenguaje de la imagen
00Introducción
Comunicación visual y diseño gráfico
Los ámbitos del diseño
Contextualización histórica
01El lenguaje de la imagen
Signo visual
Niveles de iconicidad
Psicología de la imagen: la Gestalt
El alfabeto visual
02Los ingredientes del diseño gráfico
Tipografía
Color
Retículas
Composición
03La tecnología de la imagen
Vectores y mapas de bits
Formatos de imagen
Sistemas cromáticos
Tamaño y resolución
Teoría
04El alfabeto visual
Una selección de la realidad (con referente real o imaginario)
Un repertorio de elementos fácticos
Una sintaxis (sistema de ordenación de estos elementos)
La percepción humana
La imagen es el resultado de las siguientes piezas
¿Cuál es la materia prima de las imágenes? ¿Cuáles son los ingredientes de una pieza gráfica?
Foto, ilustración
Signos (imagen)
Textos (tipografía)
Signos (imagen)
Otros elementos
Signos (imagen)
ElementosMorfológicosDinámicosEscalares
Imagen
glob
al
Las imágenes que crean la imagen global derivan de la combinación de los elementos básicos
AElementos morfológicos
Los únicos con presencia física, tangible, en la imagenConstituyen la estructura espacial y material de la imagen
BElementos dinámicos
Ligados a la noción de composición y organización de los elementosAfectan a la distribución de los morfológicos
CElementos escalares
Están ligados a las dimensiones y relaciones entre elementosSe refieren al tamaño de los elementos morfológicos y al formato, y a su relación
Los elementos están organizados en 3 categorías
A. Elementos morfológicosSon los únicos que poseen una presencia física en la imagen
A1El punto
Es el elemento más simple de la comunicación visual.Interesa, sobre todo, en la creación de texturas.
A2La línea
Derivada de la sucesión de puntos
Las direcciones de las líneas incorporan diferentes significados
+Tensión
+Reposo
Tipo 1 Línea objetual Se basta para definir un objetoLínea figural Línea física o imaginaria que rodea un objeto determinado (junto al color, textura, etc.)
Línea objetual
Línea objetual
Línea objetual
Línea objetual
Línea objetual
Línea objetual
Línea objetual
Línea objetual
Línea objetual
Línea objetual
Línea figural
Línea figural
Tipo 2Haces de líneas Conjuntos de líneas. Su principal función es crear texturas.A través de estas texturas, también formalizan objetos.
Tipo 3Líneas implícitas No existen físicamente. Sirven para crear texturas, aportar profundidad o crear vectores direccionales.
Otra funciónSepara planos Físicalmente, la línea también puede separar planos (como los diferentes bloques de una página).
A3La forma
Posee superficie y está delimitada por líneas, colores o texturas.Las formas (simples o complejas) también crean significados.
Las formas básicas Vassily KandinskyLas direcciones implícitas (horizontal-vertical, circular, triangular), igual que las líneas, también expresan significados
Además de simples y complejas, existen formas geométricas (precisas, racionales) y orgánicas (más irregulares, naturales o espontáneas)
Las formas pueden apreciarse mediante la contribución de líneas, colores, texturas o contornos.
Logos geométricos Logos espontáneos
A4La textura
Se crean mediante pautas de elementos (puntos, líneas, formas).Su principal función es la de sensibilizar espacios.
A5El plano
Identifica los diferentes bloques o áreas en que se estructura la imagen.Elemento plástico que dicta la ordenación del espacio.
A6El color
Es también un elemento morfológico, pero, por su especial relevancia, lo veremos en un capítulo aparte
B. Elementos dinámicosAtañen a la forma característica de disponer las unidades en el espacio
Los elementos dinámicos se basan en la noción de pesos visuales.Vinculados al concepto de relevancia, se refieren a la actividad plástica de un elemento dentro de la composición, en virtud de determinados factores.
¿Qué elementos pesan más en los siguientes ejemplos?
B1La tensión y el equilibrio
Buscan responder a la siguiente pregunta: ¿queremos conseguir una sensación dinámica o estática en la composición?
¿Cómo se consigue la tensión?
n Líneas, formas y direcciones oblicuas y curvas.n Formas irregulares, asimétricas, incompletas, complejas o con textura.n Desplazando los elementos del centro geométrico.
¿Cómo se consigue un equilibrio estático?
n Predominio de la orientación horizontal y vertical.n Los esquemas más simples.n Contrapeso de los elementos, cuyo punto de equilibrio se encuentra, preferiblemente, en el centro de la composición.
Mayor simetría....
Las texturas añaden dinamsimo....
Diagonales y el desplazamiento del centro del cuadro añade actividad compositiva
B2El ritmo
Es la “temporalidad” de los elementos gráficos estáticos.Se consigue mediante la periodicidad (la separación de los elementos) y la estructura (la forma de los elementos sensibles y su intensidad).
Ritmo regular
Ritmo irregular
Transición pautada pero elementos completamente desiguales
Ritmo irregular, absoluta dispersión de elementos
A veces, los ritmos, más o menos regulares o marcados, son prácticamente estáticos si apostamos por la economía de elementos.
c. Elementos escalaresRepresentan los aspectos cuantitativos y las relaciones entre los elementos
En cierto modo, los elementos escalares también hablan de composición.Son series paralingüísticas que afectan al tamaño de los elementos, a la relación del tamaño de éstos y a la relación entre el tamaño de los elementos y el formato.
C1El tamaño
Es el criterio más importante para definir el peso visual, jerarquizar la composición y crear profundidad.
C2La escala
Tiene 3 acepciones:1 La variación entre un objeto y su representación.2 La relación entre elementos (mejor hablaremos de relación de tamaños).3 La relación entre elementos y la superficie compositiva. Da lugar a los diferentes planos (no hay que confundir con el elemento morfológico).
El plano, además de ser un elemento morfológico, se refiere a la relación entre un elemento y el formato.
Plano generalEscala de las figuras muy reducida en relación a la superficie
Plano de conjuntoExiste algo de margen entre las partes superior e inferior de la figura y el formato
Plano enteroLa figura prácticamente coincide con los límites verticales del cuadro
Plano medioLa figura aparece recortada en la parte inferior.
Primer planoSe representan la cabeza y parte de los hombros
Primerísimo primer planoMuy similar al anterior. La atención recae sobre la cabeza de la figura humana.
Plano de detalleLa superficie es más pequeña que la cabeza.
C3La proporción
Proporción es sinónimo de ratio: la relación entre anchura y altura de cada objeto de la composición (y de todos ellos entre sí).
Recordad que siempre es preciso respetar las proporciones de los elementos al modificar su tamaño
Modelo original
Mantiene las proporciones
No mantienen las proporciones
La proporción es uno de los criterios tipográficos fundamentales.
AmplitudeAmplitud Extra CompressedAmplitud CompressedAmplitud CondensedAmplitude Wide
También hablamos de proporción cuando aludimos a la relación entre anchura y altura de cada uno de los elementos o planos.
Infografía de proporciones verticales Infografía de proporciones horizontales
C4El formato
Se refiere a la superficie total de la pieza y a las relaciones entre anchura y altura.Condiciona por completo la representación icónica y está fuertemente vinculado al medio publicitario en el que se inserta el mensaje. Cuidado con los formatos más incómodos (extremadamente horizontales o verticales).