02 El lenguaje de la imagen

Comunicaci贸n Visual 1潞 de Periodismo

02 El lenguaje de la imagen

Teoría

00 01

02 03

Introducción

El lenguaje de la imagen

Los ingredientes del diseño gráfico

La tecnología de la imagen

Signo visual

Tipografía

Niveles de iconicidad

Color

Vectores y mapas de bits

Comunicación visual y diseño gráfico Los ámbitos del diseño Contextualización histórica

El alfabeto visual Psicología de la imagen: la Gestalt

Retículas Composición

Formatos de imagen Sistemas cromáticos Tamaño y resolución

01

El signo visual

¿Qué es una imagen?

aa

Premisa #1 Existen im谩genes de muy diferente naturaleza, con diferentes objetivos, estilos y particularidades, en funci贸n de las necesidades del mensaje

Premisa #2 Las 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 #3 Las 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 +

Textos

= +

Otros elementos Formas, líneas, etc.

Imagen global

En semiótica se denomina “texto visual”

Vamos a cambiar la nociĂłn de imagen por la de signo visual. ÂżQuĂŠ es esto?

Magritte Esto no es una pipa, sino la REPRESENTACIĂ“N de una pipa

Un signo visual se compone siempre de 3 patas 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

Referente

Aquello a lo que hace alusi贸n el significante

Estas tres patas pueden analizarse desde 3 planos Plano sintáctico

Plano semántico

Plano pragmático

Estudia la fisonomía del significante (“la imagen”), su estructura y morfología

Estudia el significado del signo (diferencia entre signo icónico y signo plástico)

El uso que el lector hace del mensaje, los efectos que produce y el contexto

Colores, distribución de elementos, tipografía, tamaño, etc.

¿Qué transmite la imagen? ¿A qué hace referencia?

¿Qué efectos desencadena el mensaje en el receptor?

Sobre el plano semรกntico Es fundamental conocer las diferencias entre signo plรกstico y signo icรณnico

Goya Los fusilamientos del 3 de mayo

Pollock Number 8

Rothko Orange and tan

Plano semántico Signo plástico e icónico

SIGNO ICÓNICO Estudia 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ÁSTICO No 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

De forma muy resumida, en una imagen conviven signos pertenecientes a 3 series diferentes Fotos, ilustraciones, gráficos, imagotipos, iconos, etc.

Series lingüísticas

Textos, tipografía

Series paralingüísticas

Principios de composición o layout (contraste, jerarquía, tamaño, escala, retículas, etc..)

O icónicas. Normalmente con referente real.

Elementos verbales como transmisores del mensaje.

Vinculadas con la composición y la ordenación de elementos.

*

IMAGEN

Series no lingüísticas

*

¡Prestad atención! ¡Prestad atención! ¡Prestad atención! ¡Prestad atención!

Prestad atención

Series no lingüísticas

Series lingüísticas

aaa

Función lingüística (“qué”) Función expresiva (“cómo”)

Los tipos, en definitiva, son FORMAS que expresan significados

Series lingüísticas

Series paralingßísticas

Series paralingßísticas

02

Niveles de iconicidad

Escalas de iconicidad

En función de la relación entre significante y referente (“la imagen y lo real”) se establecen diferentes niveles de iconicidad La precisión de la representación, el detalle, la fidelidad de la representación en relación al motivo representado

elefante En 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. Realismo

Las imĂĄgenes guardan una estrecha relaciĂłn de semejanza con el objeto representado Ejemplo: fotografĂ­as.

b. Figurativismo

Necesita de la interpretaci贸n de emisor y receptor. Los objetos guardan un menor grado de semejanza, aunque rescatan varios rasgos.

Ejemplo: ilustraciones.

c. Abstracci贸n

Existe 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. Simbolismo

Mรก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 aprendido 1. 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 aprendido 2. 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 aprendido 3. 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 aprendido 4. 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 aprendido 5. 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 aprendido 6. 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

Teoría

00 01

02 03

Introducción

El lenguaje de la imagen

Los ingredientes del diseño gráfico

La tecnología de la imagen

Signo visual

Tipografía

Niveles de iconicidad

Color

Vectores y mapas de bits

Psicología de la imagen: la Gestalt

Composición

Comunicación visual y diseño gráfico Los ámbitos del diseño Contextualización histórica

El alfabeto visual

Retículas

Formatos de imagen Sistemas cromáticos Tamaño y resolución

03

PsicologĂ­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:

Pregnancia Tendemos 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ĂŠctica Ley 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 experiencia La 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 aprendido 1. 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 aprendido 2. 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

Teoría

00 01

02 03

Introducción

El lenguaje de la imagen

Los ingredientes del diseño gráfico

La tecnología de la imagen

Signo visual

Tipografía

Niveles de iconicidad

Color

Vectores y mapas de bits

Psicología de la imagen: la Gestalt

Composición

Comunicación visual y diseño gráfico Los ámbitos del diseño Contextualización histórica

El alfabeto visual

Retículas

Formatos de imagen Sistemas cromáticos Tamaño y resolución

04

El alfabeto visual

La imagen es el resultado de las siguientes piezas 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

¿Cuál es la materia prima de las imágenes? ¿Cuáles son los ingredientes de una pieza gráfica?

Morfol贸gicos Din谩micos Escalares

Signos (imagen)

Textos (tipograf铆a)

Signos (imagen)

Otros elementos

Signos (imagen)

Imagen global

Elementos

Foto, ilustraci贸n

Las imรกgenes que crean la imagen global derivan de la combinaciรณn de los elementos bรกsicos

Los elementos están organizados en 3 categorías A Elementos morfológicos

B Elementos dinámicos

C Elementos escalares

Los únicos con presencia física, tangible, en la imagen

Ligados a la noción de composición y organización de los elementos

Están ligados a las dimensiones y relaciones entre elementos

Constituyen la estructura espacial y material de la imagen

Afectan a la distribución de los morfológicos

Se refieren al tamaño de los elementos morfológicos y al formato, y a su relación

A. Elementos morfológicos Son los únicos que poseen una presencia física en la imagen

A1

El punto

Es el elemento m谩s simple de la comunicaci贸n visual.

Interesa, sobre todo, en la creaci贸n de texturas.

A2

La 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 objeto Lí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 2 Haces 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 3 Líneas implícitas No existen físicamente. Sirven para crear texturas, aportar profundidad o crear vectores direccionales.

Otra función Separa planos Físicalmente, la línea también puede separar planos (como los diferentes bloques de una página).

A3

La 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 Kandinsky Las 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

A4

La textura

Se crean mediante pautas de elementos (puntos, l铆neas, formas).

Su principal funci贸n es la de sensibilizar espacios.

A5

El plano

Identifica los diferentes bloques o รกreas en que se estructura la imagen.

Elemento plรกstico que dicta la ordenaciรณn del espacio.

A6

El color

Es tambiĂŠn un elemento morfolĂłgico, pero, por su especial relevancia, lo veremos en un capĂ­tulo aparte

B. Elementos dinámicos Atañ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?

B1

La 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?

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

¿Cómo se consigue un equilibrio estático?

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

Mayor simetrĂ­a....

Las texturas a単aden dinamsimo....

Diagonales y el desplazamiento del centro del cuadro a単ade actividad compositiva

B2

El 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 escalares Representan 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.

C1

El tama単o

Es el criterio m谩s importante para definir el peso visual, jerarquizar la composici贸n y crear profundidad.

C2

La 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 general Escala de las figuras muy reducida en relaci贸n a la superficie

Plano de conjunto Existe algo de margen entre las partes superior e inferior de la figura y el formato

Plano entero La figura prĂĄcticamente coincide con los lĂ­mites verticales del cuadro

Plano medio La figura aparece recortada en la parte inferior.

Primer plano Se representan la cabeza y parte de los hombros

Primer铆simo primer plano Muy similar al anterior. La atenci贸n recae sobre la cabeza de la figura humana.

Plano de detalle La superficie es más pequeña que la cabeza.

C3

La 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

Mantiene las proporciones

No mantienen las proporciones

Modelo original

La proporci贸n es uno de los criterios tipogr谩ficos fundamentales.

Amplitude Amplitud Extra Compressed Amplitud Compressed Amplitud Condensed Amplitude 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

C4

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