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).