Conceptos generales del diseño visual

Diseño visual 1 Diseño visual 1 CONCEPTOS GENERALES DEL DISEÑO VISUAL Conceptos de diseño gráfico y comunicación visual

1

Elaborado por Guadalupe E. Nogueira Ruiz

1

Curso‐taller Para capacitadores CONCEPTOS DE DISEÑO GRÁFICO Y COMUNICACIÓN VISUAL Elaborado por: Guadalupe E. Nogueira Ruiz Diciembre 2010

2

Contenido 1.

Comunicación visual 1.1 Elementos del proceso de comunicación

2.

Diseño gráfico 2.1 Ámbitos de aplicación del 2 1 Ámbitos de aplicación del diseñador gráfico 2.2 La imagen

3.

Semiótica 3.1 Signo o pictograma 3.2 El símbolo 3.3 Señalética 3.4 Teorías a) Saussure desde la lingüística b) Pierce desde la cultura

Presentación de clase DISEÑOVISUAL

3

Diseño visualMensaje visual Diseño visual Mensaje visual

MENSAJE VISUAL IMAGEN

CONTENIDO

Leyes de la percepción

Retórica de la imagen

Teoría del color

De la comunicación

Manejo de la forma

Discurso visual

Composición formal

Técnicas visuales

Bocetaje

De representación De representación

Métodos

La Gestalt

Método de diseño

Aplicaciones

Abstractas

Concretas

Teorías

Técnicas

Presentación de clase DISEÑOVISUAL

4

Presentación de clase DISEÑOVISUAL

5

Comunicación • La Comunicación es un es un proceso de intercambio de información o mensaje visual en el que mensaje visual, en el que un emisor transmite a un receptor algo a través de un canal esperando que, posteriormente, se p produzca una respuesta p de dicho receptor, en un contexto determinado.

Presentación de clase DISEÑOVISUAL

6

Presentación de clase DISEÑOVISUAL

7

Comunicación visual Comunicación visual EEs un proceso de proceso de elaboración, difusión y recepción de mensajes visuales. Es un medio de trasmisión de mensajes estructurados.

En ella influyen: En ella influyen: el emisor, el receptor el receptor, el mensaje visual, el código el código, el medio o canal y el referente el referente.

Presentación de clase DISEÑOVISUAL

8

REFERENTE MENSAJE VISUAL

CODIGO

EMISOR

RECEPTOR

MEDIO O CANAL Presentación de clase DISEÑOVISUAL

9

Elementos en el proceso de comunicación Elementos en el proceso de comunicación •

Emisor (codificador): fuente de información e iniciador del proceso de comunicación. Es su responsabilidad elegir el tipo de mensaje y canal más eficaces, tras de lo cual codifica el mensaje mediante imágenes, leyendas etc.

– LLa Codificación consiste en la traducción de información a una serie de C difi ió i l d ió d i f ió i d símbolos para la comunicación. Esta es necesaria porque la información únicamente puede transmitirse de una persona a otra por medio de representaciones o símbolos.

•

Receptor (decodificador): es el individuo que recibe, por medio de sus sentidos, el mensaje del transmisor.

– La decodificación es la interpretación y traducción de un mensaje para que la información tenga sentido. Uno de los principales requisitos que debe cubrir el receptor es la capacidad de escuchar. Escuchar es el acto de prestar atención a un mensaje, no únicamente oírlo.

Presentación de clase DISEÑOVISUAL

10

EMISOR

RECEPTOR

Presentación de clase DISEÑOVISUAL

11

Elementos en el proceso de comunicación Elementos en el proceso de comunicación •

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.

•

Código: conjunto de signos y reglas que forman un lenguaje, basado en normas y procedimientos que relacionan significantes con significados.

Presentación de clase DISEÑOVISUAL

12

MENSAJE VISUAL ‐ CÓDIGO

CODIFICACIÓN

DECODIFICACIÓN

Presentación de clase DISEÑOVISUAL

13

Elementos en el proceso de comunicación Elementos en el proceso de comunicación •

•

Canal: Es el medio de comunicación entre el transmisor y el receptor, algo así como el aire es para las palabras y el papel para las letras.

Contexto: Son las circunstancias culturales donde se realiza el proceso de comunicación. Es importante a la hora de interpretar correctamente el mensaje.

– En este proceso es importante considerar que dicha comunicación sea recibida de manera adecuada, por lo que es necesario esperar la ibid d d d l i l retroalimentación de los mensajes emitidos.

•

Retroalimentación: es la respuesta del receptor al mensaje del emisor. Es la mejor manera de comprobar que el mensaje se emisor. Es la mejor manera de comprobar que el mensaje se recibió y comprendió.

Presentación de clase DISEÑOVISUAL

14

MENSAJE VISUAL ‐ MENSAJE VISUAL CÓDIGO

CANAL CODIFICACIÓN

DECODIFICACIÓN

Presentación de clase DISEÑOVISUAL

15

Diseño Gráfico Diseño Gráfico •

Es el proceso de programar, proyectar, coordinar, seleccionar y organizar una serie de elementos para producir objetos visuales destinados a comunicar mensajes específicos a grupos determinados.

La función principal del diseño gráfico será entonces: • transmitir una información • por medio de composiciones gráficas, • que se hacen llegar al público destinatario • a través de diferentes soportes, como folletos, carteles, trípticos, etc.

Presentación de clase DISEÑOVISUAL

16

En suma: Todo acto de diseñar supone el proceso de

codificar un codificar un pensamiento, por lo que debe saber producir, codificar materializar una codificar, materializar una idea mediante signos con el objeto de sociabilizarla.

Presentación de clase DISEÑOVISUAL

17

Elementos básicos del Diseño Gráfico Elementos básicos del Diseño Gráfico Los elementos básicos que se deben dominar y tener en cuenta en cualquier diseño : l d • Lenguaje Visual: Saber comunicar el mensaje adecuado, con los recursos oportunos, dependiendo del grupo de personas o público al que vaya dirigido el mensaje público al que vaya dirigido el mensaje.

• Comunicación: Conocer los procesos de comunicación, para poder captar los mensajes que el diseño ha de comunicar.

• Percepción Visual: Percepción Visual: Estar informados, la manera en que las Estar informados la manera en que las personas vemos y percibimos lo que vemos. Aspectos tan importantes, como nuestro campo visual, el recorrido de la vista, el contraste, la percepción de las figuras, fondos, trayectoria de la luz. i d l l • Administración de recursos: Conocer todos los recursos de los que se dispone, y aplicarlos lo mejor posible.

Presentación de clase DISEÑOVISUAL

18

Presentación de clase DISEÑOVISUAL

19

Ámbitos de aplicación del diseñador gráfico Ámbitos de aplicación del diseñador gráfico

•

Publicidad y promoción – Campañas Campañas de publicidad, diseño de carteles publicitarios, anuncios, de publicidad, diseño de carteles publicitarios, anuncios, folletos.

•

Difusión y divulgación – La edición, diseño de todo tipo de libros, periódicos, y revistas.

La edición, diseño de todo tipo de libros, periódicos, y revistas.

•

Información y Concientización – Campañas de concientización

•

Identidad Corporativa Identidad Corporativa – La identidad, diseño de una imagen corporativa de una empresa.

Presentación de clase DISEÑOVISUAL

20

Publicidad y promoción

Difusión y divulgación

Identidad Corporativa Identidad Corporativa Información y Concientización

Presentación de clase DISEÑOVISUAL

21

La imagen La imagen Una imagen (del latín imago. Singular "imagen"; plural "imágenes") es una representación que manifiesta la apariencia de un objeto real.

1. Imágenes visuales como sinónimo de representación visual.

2. Imágenes auditivas, olfativas, táctiles, sinestésicas, etcétera, a todas aquellas representaciones provocadas por dichos sentidos.

3. Imágenes mentales: Son las imágenes que la persona vive interiormente.

4. Imágenes creadas: Son las imágenes representativas de un objeto mediante técnicas diferentes de diseño, pintura, fotografía, vídeo, entre otras.

Presentación de clase DISEÑOVISUAL

22

Información simple: Sólo una interpretación. interpretación

Información compleja: Varias interpretaciones.

Presentación de clase DISEÑOVISUAL

23

Semiótica •

Por la relevancia que tienen los procedimientos simétricos de codificación y decodificación en todo proceso comunicativo, y que se llevan a cabo mediante signos, ha irrumpido la semiótica (la ciencia de los signos) en el campo de la Teoría de la Comunicación.

LA SEMIÓTICA ES LA CIENCIA QUE LA CIENCIA QUE ESTUDIA LOS SIGNOS.

Presentación de clase DISEÑOVISUAL

24

El signo, es el elemento de comunicación que requiere ser l i l l d i ió i codificado por el emisor y decodificado por el receptor.

DECODIFICACIÓN

CODIFICACIÓN

SIGNO El mensaje final ‐Ia interpretación desarrollada o decodificada por el receptor‐ es una unidad cognitiva/emotiva/operacional que sólo puede dividirse en diversos componentes con el fin de estudiar su estructura. La experiencia del d l receptor es un continuo que puede d predecirse sólo dentro de un margen de incertidumbre.

Presentación de clase DISEÑOVISUAL

25

Niveles de interpretación o decodificación Niveles de interpretación o decodificación Nivel denotado i ld d 1. Constituido por elementos de carácter descriptivo o representacionales de una imagen o p g de un texto.

2. El mensaje denotado es, entonces, más controlable y objetivo.

3 Las denotaciones se deben en 3.

Las denota iones se deben en general a convenciones culturales aceptadas

Nivel connotado i l d 1. Representa aspectos relativamente subjetivos de un mensaje 2. Intenta actuar sobre reacciones emotivas.

3. El receptor participa más activamente en la construcción del significado que en el proceso denotativo.

4 Está construido en parte por el diseño 4.

Está onstr ido en parte por el diseño gráfico y en parte por las experiencias individuales del receptor 5. Las connotaciones están más conectadas con la vida personal del individuo.

Presentación de clase DISEÑOVISUAL

26

Nivel denotativo Nivel denotativo Para todos es un plato con frutas plato con frutas.

Nivel denotativo Nivel denotativo Símbolo de Símbolo de una sociedad materialista

Símbolo de hedonismo Símbolo de abundancia

Símbolo de vanidad

Presentación de clase DISEÑOVISUAL

27

Signos Los signos son las 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. con la máxima rapidez.

Ejemplos: • Los gestos de nuestro rostro (tristeza, felicidad, desengaño...). g ) • Una mano levantada en gesto amenazante.

• Un dedo en los labios para indicar silencio.

• El lenguaje de los sordos. g j • Los logotipos indicativos: aeropuerto, transporte público, señales.

• Los signos‐letras de cada escritura.

•

Presentación de clase DISEÑOVISUAL

28

Su finalidad es transmitir una información con la máxima rapidez.

Presentación de clase DISEÑOVISUAL

29

El Símbolo El Símbolo El símbolo designa a la imagen que representa una idea, un recuerdo o un sentimiento. ti i t • Cada cultura utiliza imágenes diversas a las que otorga valor de símbolo, y define estos valores según sus creencias, gustos y costumbres.

• Una cruz roja símbolo de ambulancia, ayuda médica; en Israel es una estrella de David roja y en los países árabes es una media luna verde.

• • •

• •

El crucifijo cristiano, la media luna musulmana, y la estrella de David El ifij i ti l di l l l t ll d D id judía.

El negro; luto, amarillo; ánimo, el verde; esperanza y el rojo; pasión. p ,p En otros países el blanco es el color del luto, pero también en los países en los que el negro es el color del luto el blanco simboliza pureza.

Las banderas de cada país.

Paloma paz.

Paloma‐ paz Presentación de clase DISEÑOVISUAL

30

Presentación de clase DISEÑOVISUAL

31

Señalética

Es la manera de comunicar mediante los sistemas de signos instituidos en la práctica social y no‐lingüísticos: carteles de señalización, escudos, uniformes, etc.

La señalética utiliza el índice del signo. Lo que “indica” una acción. (Pierce) Y su función es de comunicar de manera clara e inequívoca una acción, una alerta una disposición etc una alerta, una disposición, etc.

Presentación de clase DISEÑOVISUAL

32

Presentación de clase DISEÑOVISUAL

33

Saussure y los signos. y los signos.

El signo es, el fruto de un contrato concertado entre los miembros de la sociedad, que actúa como fuerza externa sobre la lengua modificándola pero sin alterar sus características formales. La concepción saussureana es una base binaria (significado/ significante) una base binaria (significado/ significante)

• Árbol Significante g • á/r/b/o/l

Significado

• Conjunto de ramas que se unen en un tronco central, que una vez al año l l florece y da fruto.

• Se alimenta del agua que recoge de la tierra.

Presentación de clase DISEÑOVISUAL

34

Connotativo

Denotativo

Significante

Significado

• Árbol • á/r/b/o/l

• Conjunto de ramas que se unen en un C j t d tronco central, que una vez al año florece y da fruto.

• Se alimenta del agua que recoge de la tierra.

Presentación de clase DISEÑOVISUAL

35

La triada en el signo de Pierce La triada en el signo de Pierce

Pierce, nos presenta el estudio del signo en triadas que aclaran las funciones de comunicación del signo.

Triada de Pierce: 1. El Índice. Es la parte del signo que indica de manera directa y unívoca, una disposición una orden una indicación una disposición, una orden, una indicación.

2. El Símbolo. Es la parte del signo que simboliza un referente lejano.

Requiere que el receptor relacione el signo con sus antecedentes personales y culturales.

3. El Ícono. Es la parte del signo que comunica su esencia. En esta parte Í es posible hacer las propuestas de diseño, variantes y cambios.

Presentación de clase DISEÑOVISUAL

36

Índice • Es lo que indica, lo que comunica sin forma de equivocación

Símbolo • Se basa en el ícono, pero con referentes culturales que requieren de su interpretación l l ó

Ícono • Es la esencia del signo. Aquello que permite variaciones sin distorsionar el mensaje

Presentación de clase DISEÑOVISUAL

37