DISEÑODISEÑODefinición:Definición: “ “Es un proceso de creación visual Es un proceso de creación visual con un propósito”, a diferencia de la pintura y la con un propósito”, a diferencia de la pintura y la escultura que son la realización de visiones escultura que son la realización de visiones personales o sueños de un artista.personales o sueños de un artista.

GráficoGráfico: “Producción de objetos visuales : “Producción de objetos visuales destinados a comunicar mensajes destinados a comunicar mensajes específicos”específicos”

Jorge FrascaraJorge Frascara

Su creación no debe ser solo estética sino también Su creación no debe ser solo estética sino también funcional refleja o guía el gusto de su época.funcional refleja o guía el gusto de su época.

El lenguaje visual es la base de la creación del El lenguaje visual es la base de la creación del diseño.diseño.

Conceptos de diseñoConceptos de diseño

PERCEPCIÓN DEL OBJETOPERCEPCIÓN DEL OBJETO

Elección de los elementos adecuados Elección de los elementos adecuados (considerando el mensaje, contexto, audiencia)(considerando el mensaje, contexto, audiencia)

Información sobre lo que se va a comunicar Información sobre lo que se va a comunicar (conocimiento del tema, de la audiencia, del (conocimiento del tema, de la audiencia, del producto o mensaje)producto o mensaje)

Componer los elementos de la manera más Componer los elementos de la manera más atractiva posible (de acuerdo al contexto, atractiva posible (de acuerdo al contexto, público y principios de la público y principios de la gestalt))

LÓGICA VISUALLÓGICA VISUAL

JerarquíaJerarquía: El desarrollo de niveles de atención que : El desarrollo de niveles de atención que permita procesar la información de manera permita procesar la información de manera ordenada. Afecta a los siguientes parámetros:ordenada. Afecta a los siguientes parámetros: InterésInterés SituaciónSituación ValoresValores

Tipos de jerarquías:Tipos de jerarquías: Arriba – AbajoArriba – Abajo Grande – PequeñoGrande – Pequeño Centrado – PeriféricoCentrado – Periférico ContrasteContraste Separado – GrupalSeparado – Grupal BrillanteBrillante

PRINCIPIO DE LA ANOMALÍA PRINCIPIO DE LA ANOMALÍA PERCEPTIVA (Diferencia relativa)PERCEPTIVA (Diferencia relativa)

Toda imagen o suceso que viene a romper un Toda imagen o suceso que viene a romper un estado de normalidad o control perceptivoestado de normalidad o control perceptivo

Tipos de anomalías perceptivas:Tipos de anomalías perceptivas:

Anomalías semánticasAnomalías semánticas

Anomalías formalesAnomalías formales

Anomalías cromáticasAnomalías cromáticas

PRINCIPIO DE LA COHERENCIAPRINCIPIO DE LA COHERENCIA Idea de igualdad que presenta diversos grados de Idea de igualdad que presenta diversos grados de

exactitudexactitud LEY DE SEMEJANZALEY DE SEMEJANZA LEY DE EXPECTATIVAS SATISFECHASLEY DE EXPECTATIVAS SATISFECHAS

• por coherencia formalpor coherencia formal• por coherencia funcionalpor coherencia funcional

PRINCIPIO DE DIVERSIDAD Y SUS FUNCIONESPRINCIPIO DE DIVERSIDAD Y SUS FUNCIONES Equilibrio entre la coherencia y la variedadEquilibrio entre la coherencia y la variedad

COHERENCIA PERCEPTIVACOHERENCIA PERCEPTIVA

COHERENCIA FUNCIONALCOHERENCIA FUNCIONAL

COHERENCIA EN LA PROPORCIONCOHERENCIA EN LA PROPORCION

COHERENCIA MODULARCOHERENCIA MODULAR

REPETICIONES Y DIFERENCIASREPETICIONES Y DIFERENCIAS

Teoría de comunicación y diseñoTeoría de comunicación y diseño

Comunicación = función contínua y normal del humanoComunicación = función contínua y normal del humano Necesidad de expresarse, relacionarse, prevenir... es constanteNecesidad de expresarse, relacionarse, prevenir... es constante No solo es el intercambio de ideas o informaciónNo solo es el intercambio de ideas o información Es un proceso utilitario... 100% prácticoEs un proceso utilitario... 100% práctico

ELEMENTOS BÁSICOS DEL PROCESOELEMENTOS BÁSICOS DEL PROCESO

Emisor Emisor

MedioMedio

ReceptorReceptor

MensajeMensaje

RespuestaRespuesta

EMISOR = Inicio del proceso, generador del EMISOR = Inicio del proceso, generador del mensajemensaje

MEDIO = Vehículo, forma, elementoMEDIO = Vehículo, forma, elemento

EMISOR

EMISOR

RECEPTOR = Destino del mensajeRECEPTOR = Destino del mensaje

MENSAJE = Información, datos, elemento central del MENSAJE = Información, datos, elemento central del mensajemensaje

EMISOR RECEPTOR

EMISOR RECEPTORMENSAJE

RESPUESTA = Provocado por el mensaje, RESPUESTA = Provocado por el mensaje, intencional, medibleintencional, medible

EMISOR RECEPTORMENSAJE

La creación satisface las necesidades humanas, La creación satisface las necesidades humanas, pues utilizamos nuestra imaginación, pues utilizamos nuestra imaginación, conocimiento y habilidades para crear algo que conocimiento y habilidades para crear algo que responda a dicha necesidadresponda a dicha necesidad

Las necesidades humanas son siempre Las necesidades humanas son siempre complejas y presentan dos aspectos uno complejas y presentan dos aspectos uno funcionafuncionall (uso específico destinado a una cosa) (uso específico destinado a una cosa) y otro y otro expresivoexpresivo, (significado en la forma) cuya , (significado en la forma) cuya importancia varía de acuerdo a las necesidades.importancia varía de acuerdo a las necesidades.

La mente y el significadoLa mente y el significado

La búsqueda de diferencias en nuestro alrededorLa búsqueda de diferencias en nuestro alrededor

Inconscientemente buscamos similaridades y Inconscientemente buscamos similaridades y diferencias. (la diferencia relativa)diferencias. (la diferencia relativa)

““Diseño es el proceso de búsqueda y encuentro Diseño es el proceso de búsqueda y encuentro de estas diferencias y similaridades en el de estas diferencias y similaridades en el contenido de los mensajes visuales. Puede llevar contenido de los mensajes visuales. Puede llevar algún tiempo pues las similaridades no se algún tiempo pues las similaridades no se presentan de inmediato, pero la búsqueda de las presentan de inmediato, pero la búsqueda de las mismas está en el corazón de lo que el diseñador mismas está en el corazón de lo que el diseñador hace.”hace.”

La percepción está condicionada por el aprendizaje o La percepción está condicionada por el aprendizaje o conocimiento previo que tengamos de los objetos. conocimiento previo que tengamos de los objetos.

Nuestro cerebro tiene tendencia a ubicar los Nuestro cerebro tiene tendencia a ubicar los elementos dentro de los parámetros referenciales elementos dentro de los parámetros referenciales que nos hemos construido a través de la experiencia que nos hemos construido a través de la experiencia previa o conocimiento.previa o conocimiento.

LA AGRUPACIÓN:LA AGRUPACIÓN: tendemos a organizar los tendemos a organizar los elementos que percibimos en torno a conjuntos elementos que percibimos en torno a conjuntos significativos organizados. Es como cuando miramos significativos organizados. Es como cuando miramos al cielo y vemos en las nubes una serie de figuras. al cielo y vemos en las nubes una serie de figuras.

Tenemos varias formas de agrupación por: Tenemos varias formas de agrupación por:

Proximidad (la cercanía de los Proximidad (la cercanía de los distintos elementos nos hace tender distintos elementos nos hace tender a agruparlos)a agruparlos)

Por Semejanza (cuando los elementos son Por Semejanza (cuando los elementos son parecidos o iguales también tendemos a parecidos o iguales también tendemos a agruparlos). agruparlos).

Por Continuidad (nuestra percepción Por Continuidad (nuestra percepción crea continuidad significativa, como crea continuidad significativa, como en las tramas de una imagen).en las tramas de una imagen).

La búsqueda del significadoLa búsqueda del significado Por Simetría (para que los elementos Por Simetría (para que los elementos

formen figuras conocidas). formen figuras conocidas).

PERCEPCIÓN FIGURA-FONDOPERCEPCIÓN FIGURA-FONDO: percibimos : percibimos los elementos separados del fondo, los elementos separados del fondo, aunque también podemos tener la aunque también podemos tener la percepción contraria, percibir el fondo percepción contraria, percibir el fondo como figura (muy habitual en los juegos como figura (muy habitual en los juegos de negativo y positivo).de negativo y positivo).

PERCEPCIÓN DE CONTORNO: El contorno es PERCEPCIÓN DE CONTORNO: El contorno es precisamente lo que nos hace distinguir o precisamente lo que nos hace distinguir o separar la figura del fondo. Está marcado por un separar la figura del fondo. Está marcado por un cambio de color o de saturación del mismo.cambio de color o de saturación del mismo.

PREGNANCIA: Tendemos a rellenar aquellos PREGNANCIA: Tendemos a rellenar aquellos huecos de información que nos faltan para huecos de información que nos faltan para completar el objeto completo. La pregnancia nos completar el objeto completo. La pregnancia nos permite completar la visión física que tiene permite completar la visión física que tiene nuestra retina. nuestra retina.

Elementos del diseñoElementos del diseño Elementos conceptualesElementos conceptuales

No son visibles pero están presentesNo son visibles pero están presentes PuntoPunto: Indica posición, carece de largo y ancho. : Indica posición, carece de largo y ancho.

Principio y fin de una línea, y es donde dos líneas se Principio y fin de una línea, y es donde dos líneas se unen o se cruzan. No ocupa zona en el espaciounen o se cruzan. No ocupa zona en el espacio

LíneaLínea: El recorrido de un punto se transforma en una : El recorrido de un punto se transforma en una línea, tiene largo pero no tiene ancho. Tiene posición y línea, tiene largo pero no tiene ancho. Tiene posición y dirección, está limitada por puntosdirección, está limitada por puntos

PlanoPlano: Es el recorrido de una línea en movimiento. : Es el recorrido de una línea en movimiento. Tiene largo y ancho pero no grosor. Tiene posición y Tiene largo y ancho pero no grosor. Tiene posición y dirección, esta limitado por líneas. Define los extremos dirección, esta limitado por líneas. Define los extremos de un volumen.de un volumen.

VolumenVolumen: Es el recorrido de un plano en un movimiento. : Es el recorrido de un plano en un movimiento. Tiene posición en el espacio y esta limitado por planos. Tiene posición en el espacio y esta limitado por planos. En un diseño bidimensional el volumen es ilusorio.En un diseño bidimensional el volumen es ilusorio.

Elementos VisualesElementos Visuales Forman la parte más predominante del diseño por que Forman la parte más predominante del diseño por que

son lo que realmente se ve.son lo que realmente se ve. FormaForma: Lo que pueda ser visto posee una forma que : Lo que pueda ser visto posee una forma que

aporta a la identificación en nuestra percepciónaporta a la identificación en nuestra percepción

MedidaMedida: Todas las formas tienen un tamaño; este es : Todas las formas tienen un tamaño; este es relativo si se describe como pequeño o grande. relativo si se describe como pequeño o grande.

ColorColor: Se distingue de sus cercanías por medio del : Se distingue de sus cercanías por medio del color. Se utiliza tanto los colores del espectro solar como color. Se utiliza tanto los colores del espectro solar como los neutrales (el blanco negro, los grises intermedios), los neutrales (el blanco negro, los grises intermedios), variaciones tonales y cromáticasvariaciones tonales y cromáticas

TexturaTextura: Determinación de lo visual y lo táctil de la : Determinación de lo visual y lo táctil de la forma. Puede ser liso o rugoso forma. Puede ser liso o rugoso

Elementos De relaciónElementos De relación

Este grupo gobierna la ubicación y la interrelación de las Este grupo gobierna la ubicación y la interrelación de las formas en un diseño.formas en un diseño.

DirecciónDirección: depende de cómo esta relacionada con el : depende de cómo esta relacionada con el observador, el marco que la contiene o con otras formas observador, el marco que la contiene o con otras formas cercanascercanas

PosiciónPosición: en una forma esta juzgada por relación : en una forma esta juzgada por relación respecto al cuadro o a la estructurarespecto al cuadro o a la estructura

EspacioEspacio: Las formas de cualquier tamaño ocupan un : Las formas de cualquier tamaño ocupan un espacio y a la vez este puede estar ocupado o vacío.espacio y a la vez este puede estar ocupado o vacío.

GravedadGravedad: No es visual sino psicológica (tendencia a : No es visual sino psicológica (tendencia a atribuir pesantez o liviandad, estabilidad o inestabilidad)atribuir pesantez o liviandad, estabilidad o inestabilidad)

Elementos PrácticosElementos Prácticos

Subyacen el contenido y el alcance de un Subyacen el contenido y el alcance de un diseñodiseño

Representación: Formas derivadas de la Representación: Formas derivadas de la naturalezanaturaleza

Significación: Cuando el diseño transporta un Significación: Cuando el diseño transporta un mensajemensaje

Función: Servir un determinado propósitoFunción: Servir un determinado propósito

EJERCICIOSEJERCICIOS

Realizar ejercicios de clases de elementos Realizar ejercicios de clases de elementos del Diseñodel Diseño