Diseño visual 1 Diseño visual 1 CONCEPTOS GENERALES DEL DISEÑO VISUAL Semiótica y metodología para el diseño
4
Elaborado por Guadalupe E. Nogueira Ruiz
1
Curso‐taller Para capacitadores SEMIÓTICA Y METODOLOGÍA PARA EL DISEÑO Elaborado por: Guadalupe E. Nogueira Ruiz Marzo 2011
2
Contenido
1.0 EL CONTENIDO EN EL MENSAJE VISUAL 2.0 SEMIÓTICA 2.1 2.2 2.3 2.4 2.5 2.6 2.7
Niveles en la interpretación El signo o pictograma El símbolo Señalética Características de la señalización Características de la señalización Sistema señalético: Clasificación de las señales:
3.0 TEORÍAS PRESENTES SOBRE LOS SIGNOS. 3.1 Saussure desde la lingüística 3.2 Pierce desde la cultura
4.0 METODOLOGÍA PARA EL DISEÑO 4.1 Conceptos de Método, necesidad y función 4.1 Etapas generales en el método de diseño 5.0 CONSTRUCCIÓN DEL MENSAJE VISUAL (CMV) 5.1 Relación F+M+C/M+R 5.2 Análisis de contenidos (Conceptos/signos/significados) 5.3 Análisis del código (matriz de conceptos) 5.4 Bocetaje de cruce de conceptos 5.5 Análisis de relación (Código‐tratamiento) 5.6 Bocetaje código tratamiento 5.7 Desarrollo de hipótesis formal 6.0 ABANICO DE CONCEPTOS (AC) 7.0 SECUENCIA DEL PROCESO COMUNICACIONAL
Presentación de clase DISEÑOVISUAL
3
Contenido del mensaje visual Contenido del mensaje visual El contenido del mensaje visual tiene que ver con las funciones del mismo.
Las funciones de la imagen son las siguientes: 1
–
Función expresiva o emotiva
2
–
F ió Función conativa, apelativa o exhortativa ti l ti h t ti
3
–
Función referencial o informativa
4
–
Función poética o estética Función poética o estética
5
–
Función fática
6
–
Función metalingüística Función metalingüística
7
–
Función descriptiva
Presentación de clase DISEÑOVISUAL
4
2
1
3
4
5 7 6
Presentación de clase DISEÑOVISUAL
5
Semiótica
Mensaje sua visual “Doctrina de los signos" o “Teoría de los signos" Forma Forma
Principios Principios visuales
Contenido (significación)
Proceso de Proceso de interpretación
Presentación de clase DISEÑOVISUAL
6
Niveles en la interpretación Niveles en la interpretación •
La denotación.
•
– Objetivo – Descriptivo – Representaciones de imagen o texto.
Platón de frutas
La connotación – Subjetivo – Actúa sobre reacciones emotivas – Mensaje persuasivos.
Abundancia, riqueza, , q , etc. Presentación de clase DISEÑOVISUAL
7
El signo o pictograma El signo o pictograma
•
Imágenes que transmiten una indicación, una orden o una prohibición.
•
La forma de estas imagen‐signo o pictograma deben ser simples y claras, porque su finalidad es transmitir una información con la máxima rapidez. Es objetivo y máxima rapidez. Es objetivo y connotativo.
Presentación de clase DISEÑOVISUAL
8
Símbolo
•
El símbolo designa a la imagen que representa una idea, un recuerdo o un sentimiento. El símbolo es cultural y connotativo.
Presentación de clase DISEÑOVISUAL
9
Señalética
•
Se refiere a los sistemas de signos instituidos en la práctica social y no‐ lingüísticos carteles de señalización lingüísticos: carteles de señalización, escudos, uniformes, etc...
Presentación de clase DISEÑOVISUAL
10
Características de la señalización Finalidad Orientación ó Procedimiento Código Lenguaje icónico P Presencia i Funcionamiento
Funcional, organizativa Informativa, didáctica f d dá Visual Signos simbólicos Universal Di Discreta, puntual t t l Automático, instantáneo
Clasificación de las señales: 1. Informativas 2. De orientación 3. Normativas 4. De Prohibición 5. De atención 6. De obligación 7. De prevención 8. De seguridad g 9. Viales
Presentación de clase DISEÑOVISUAL
11
Teorías presentes sobre los signos Teorías presentes sobre los signos • Saussure desde la lingüística g
Presentación de clase DISEÑOVISUAL
12
• Pierce desde la cultura
Presentación de clase DISEÑOVISUAL
13
Conceptos de Método, necesidad y función Conceptos de Método, necesidad y función
•
•
El método para el diseño es una propuesta de ejecución del propuesta de ejecución del anteproyecto y proyecto de diseño. Se compone de las etapas indispensables para solucionar las necesidades de comunicación.
PROBLEMA DE PROBLEMA DE COMUNICACIÓN
SOLUCIÓN
Presentación de clase DISEÑOVISUAL
14
FUENTE (cliente) ( ) Origen del mensaje
Necesidad de comunicación d dd ó
TRANSMISOR (diseñador)
PRESUPUESTO
TEMA
FORMA
CANAL
CÓDIGO
MEDIO
SELECCIÓN DE RECEPTORES
MENSAJE FÍSICO
CONTENIDO DEL MENSAJE ACTO COMUNICACIONAL
F ió d l Función de la comunicación i ió
CONTEXTO Perceptual Cultural De origen De clase Formal/estilo De medio De técnica
RECEPTOR OBJETIVO DEL MENSAJE Respuesta (efecto)
Información (Aprendizaje)
Persuasión (Adquisición o modificación de modificación de conductas)
Educación (Desarrollo de comprensión y de comprensión y de posibilidades
Presentación de clase DISEÑOVISUAL
15
Etapas generales en el método de diseño Etapas generales en el método de diseño 1. 2.
3.
4.
5.
Recopilación de información Definición del problema de bl d diseño y de comunicación Propuestas de p solución y medios Selección de diseño y diseño y elaboración Ejecución
Recopilación de
información Definición del
Ejecución
problema de diseño y de comunicación
Selección de diseño y elaboración
Propuestas del mensaje visual
Presentación de clase DISEÑOVISUAL
16
Recopilación de
o o o
información o Desarrollo de Desarrollo de hipótesis formal
Entrevista con el cliente Definir la necesidad a comunicar Definir el receptor y medios deseables por el cliente
Definición del
Ejecución
problema de diseño yy de
o Conocer al receptor o Definir el problema en la comunicación
comunicación
o Análisis de relación (Código‐tratamiento) o Bocetaje código tratamiento
Selección de diseño y elaboración
Propuestas del mensaje visual
o Relación F+M+C/M+R Relación F+M+C/M+R o Análisis de contenidos (Conceptos/signos/significados) o Análisis del código (matriz de conceptos) o Bocetaje de cruce de conceptos
Presentación de clase DISEÑOVISUAL
17
Método (CMV) Construcción del mensaje Visual Método (CMV) Construcción del mensaje Visual
Presentación de clase DISEÑOVISUAL
18
Construcción del mensaje visual CMV Construcción del mensaje visual CMV
•
El mensaje visual es la información El mensaje visual es la información codificada que el transmisor envía al receptor. El mensaje puede darse en cualquier forma susceptible de ser captada y entendida por uno o más de los sentidos del receptor.
El mensaje visual está constituido por El mensaje visual está constituido por: • • •
El contenido del mismo por medio de diferentes elementos visuales diferentes elementos visuales Un código que lo estructura Un tratamiento que permite expresar la intencionalidad del mensaje la intencionalidad del mensaje
Presentación de clase DISEÑOVISUAL
19
Situación a solucionar Situación a solucionar
• Incitar a la lectura en los alumnos del nivel medio supe o superior
Presentación de clase DISEÑOVISUAL
20
Modelo para la construcción del mensaje visual PASO 1 (RELACIÓN: F+M+C+R) PASO 1 (RELACIÓN: F+M+C+R)
F
FUENTE: BIBLIOTECA DEL COBAH
M
MENSAJE: La lectura te hace conocer otras culturas y te hace feliz, es buen entretenimiento. Participa en el maratón de lectura
C
CANAL: Visual
R
RECEPTOR: Alumnos del COBACH
MEDIO: Cartel
Elementos del proceso de comunicación de David K. Berlo
Presentación de clase DISEÑOVISUAL
21
Modelo para la construcción del mensaje visual PASO 2 (ANÁLISIS DE CONTENIDOS) PASO 2 (ANÁLISIS DE CONTENIDOS) CONTENIDO
CONCEPTOS
FORMA
COLOR
SIGNIFICADOS TIPOGRAFÍA
DENOTATIVO
CONNOTATIVO
Lectura
Libros
Amarillos
Verdana light
Libros
Lectura
Importante
Estrella
Rojo
Bold
Estrella
premio
Cultural
Mundo
Transparencias ‐ Azul y amarillo
Verdana light
Mundo
Visión de mundo
Risas
Blanco, rojo y amarillo
Caligrafía
Personas riéndose
Diversión‐ felicidad al leer un libro.
Persona Persona leyendo
Azul, morado y amarillo amarillo c/transparencia s
Caligrafía
Persona leyendo
El leer te leer te entretiene
Diversión
Entretenimiento
•
SIGNOS
Mensaje visual: es la información codificada que el transmisor envía al receptor. El mensaje puede darse en cualquier forma susceptible de ser captada y entendida por uno o más de los sentidos del receptor. Presentación de clase DISEÑOVISUAL
22
Modelo para la construcción del mensaje visual PASO 3 ANÁLISIS DEL CÓDIGO (MATRÍZ DE CRUCE DE CONCEPTOS)
Persoan leyendo
Risas
Mundo
Estrella
Signos
Libros
CÓDIGO
Significados Denotativo
Connotativo
Libros
Libros‐ estrella
Un libro es como un premio
Estrella
Estrella ‐ Risas
Un premio te hace feliz
Mundo
Libros y mundo
El libro te acerca al mundo
Risas
Risas y mundo
El mundo quiere ser feliz
Persona leyendo y premio
El leer es un premio en sí mismo.
Persona leyendo
Código: conjunto de signos y reglas que forman un lenguaje, basado en normas y procedimientos que relacionan significantes con significados. procedimientos que relacionan significantes con Presentación de clase DISEÑOVISUAL
23
Modelo para la construcción del mensaje visual PASO 4 (BOCETAJE DE CRUCE DE CONCEPTOS) PASO 4 (BOCETAJE DE CRUCE DE CONCEPTOS)
A • Relación Libros‐Estrella B • Relación estrellas – risas C•
Relación mundo ‐ Relación mundo ‐ libros D • Relación risas‐mundo E• Relación persona leyendo – estrella OTRAS RELACIONES: F Libros – estrella ‐ risas
Presentación de clase DISEÑOVISUAL
24
Bocetos
Relación Libros‐Estrella
A
Relación mundo ‐ libros C
Relación persona leyendo – estrella
Relación estrellas – risas
B
Relación risas‐mundo
OTRAS RELACIONES: F Libros – estrella ‐ risas
D
Presentación de clase DISEÑOVISUAL
E
25
Modelo para la construcción del mensaje visual PASO 5 (ANÁLISIS RELACIÓN CÓDIGO TRATAMIENTO) PASO 5 (ANÁLISIS RELACIÓN CÓDIGO‐TRATAMIENTO)
CÓDIGO
TRATAMIENTO TÉCNICAS DE REALIZACIÓN
FOTO OGRAFÍA
MAQU UETACIÓN
TRAZO EESPONTÁNEO
OTROS O
X
ILUSTRAC CIÓN DIGITAL
X
ILUSTTRACIÓN TRAD DICIONAL
Relación: Libros – estrella ‐ risas
X
X
GRABADO
X
CO OLLAGE
R l ió P Relación: Persona leyendo – l d estrella t ll
1
2
3
4
5
6
7
8
Presentación de clase DISEÑOVISUAL
26
Técnicas de realización Técnicas de realización 1
2
3
4
6 5
7
8
Presentación de clase DISEÑOVISUAL
27
Modelo para la construcción del mensaje visual PASO 6 (BOCETAJE DE CÓDIGO TRATAMIENTO) PASO 6 (BOCETAJE DE CÓDIGO‐TRATAMIENTO)
Presentación de clase DISEÑOVISUAL
28
Modelo para la construcción del mensaje visual PASO 7 DESARROLLO DE LA HIPÓTESIS FORMAL PASO 7 DESARROLLO DE LA HIPÓTESIS FORMAL
MARATÓN DE LECTURA
MARATÓN DE LECTURA
y Biblioteca COBACH 15‐16 Mayo
y Biblioteca COBACH 15‐16 Mayo
Presentación de clase DISEÑOVISUAL
29
Abanico de conceptos Abanico de conceptos1
OBJETIVO
DIRECCIONES
CONCEPTOS
IDEAS
CARTEL SOBRE LA PAZ
DIFERENTES TIPOS DE PAZ
LO QUE ALUDE CADA TIPO DE PAZ
DIVERSIDAD DE MENSAJES A COMUNICAR. COMUNICAR
Referencias de autores: Namakforoosh, Mohammad, Tamayo y Tamayo, Mario Novak, Joseph D. Y Bob Gowin, García Santibañez, Eco, Umberto. Elaborado por: LDG Judith p , , , p Manzo Samperio, LDG Irma Carrillo Chávez, LDG Minerva Betancourt Método de la Maestra Irma Carrillo Chávez. Facultad del Hábitat, UASLP.
Presentación de clase DISEÑOVISUAL
30
Niveles del abanico de conceptos Niveles del abanico de conceptos 1 1.
Partimos de un OBJETIVO Partimos de un OBJETIVO
2.
Las DIRECCIONES son los tipos o enfoques más amplios que podemos concebir en relación al objetivo.
3.
Los CONCEPTOS son las maneras que tenemos para abordar el problema. Son el punto al que queremos llegar.
4.
Las IDEAS son la forma concreta de poner en práctica el concepto.
En un extremo, tenemos el objetivo que nos lleva a obtener “conceptos amplios” o “direccionales”. EEstas direcciones las abordamos proponiendo diferentes conceptos hasta t di i l b d i d dif t t h t terminar con un conjunto de alternativas para cada concepto, que es la finalidad del ejercicio.
Presentación de clase DISEÑOVISUAL
31
Abanico de conceptos Abanico de conceptos
Conceptos
Ideas
Objetivo
Direcciones Presentación de clase DISEÑOVISUAL
32
Desarme nuclear l Territorios (Lucha) Economía
Mundial PAZ
Social
Objetivo
Interior
Religión Política Tolerancia Sentimientos Emociones Materiales Comportamiento
‐ Arma con una flor en el cañón ‐ Una paloma que detenga a una bala. ‐ Un cañón con un tapón de corcho.
‐El dolor que tienes es la paz que te falta ‐El odio es el comienzo de la guerra interior
Direcciones Conceptos
Id Ideas
Las ideas pueden ser tanto imágenes como frases. Presentación de clase DISEÑOVISUAL
33
Ventajas del concepto Ventajas del concepto
1.
Obtenemos diferentes alternativas para llevarlo a cabo. cabo
2.
Podemos reforzarlo, aumentando su potencia, eliminando errores, defectos y debilidades.
3.
Cambiarlo. Si las cosas no van bien, podemos abordar el problema de manera diferente.
Presentación de clase DISEÑOVISUAL
34
35