Issuu on Google+

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


Conceptos generales del diseño visual