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