Empatiza
Define
Idea
Diseña
Re-diseña
Contenidos
Definición Empatiza Define Idea Diseña Re-diseña
2
DESIGN
Introducción
thiking
Esta guía se diseñó con el fin de ayudarnos a seguir un proceso creativo en la resolución de un problema de diseño, mediante unos pasos que comprenden diferentes fases y forman parte del método Design Thinking. Su uso puede ser aplicado en el desarrollo de proyectos de Diseño Gráfico relacionados con Cartelismo Social, sin embargo, puede ser adaptados a otros campos del diseño como diferentes tipos del cartel.
DESIGN thiking
3
DESIGN thiking
Para iniciar es importante entender que esta metodología nos permite explorar otras maneras de pensar para llegar a un objetivo o meta (Goal), requiere de nuestra disposición al momento de explorar nuevas formas, permitiendo incorporar disciplinas de otros campos como las ciencias humanas y sociales, dentro de ellas, se exploraran métodos y herramientas que en el transcurso de la metodología irán construyendo nuestra ruta creativa.
META
PARTIDA
4
?
¿Pero de qué trata el Design Thinking
5
DESIGN thiking
Definición
thiking
El Design Thinking representa una manera propia de pensar del diseñador, es una metodología flexible que está fudamentada elementos principales: la innovación constante, la iteración y el error como parte del proceso, su implementación permite dar una solución creativa a los problemas y oportunidades de diseño de una forma factible y viable en diferentes campos colocándose en el lugar de las personas para tener un mejor un contexto del problema generando “Empatía”, su dinámica es participativa trabaja en equipos multidisciplinarios, Tim Brown (2008) CEO IDEO Principal gestor del ,método Design Thinking -Universidad Stanford Lectura recomendada:
creando oportunidades en el desarrollo de nuevos productos y servicios.
https://cutt.ly/8gmKsNa
Innovación INNOVACIÓN LA ITERACIÓN La iteración EL error ERROR El
6
DESIGN thiking
7
Definición
DESIGN thiking
Definiición
Design Thinking
SOCIAL
El Design Thinking o Pensamiento de Diseño se apoya en el hecho de que todos tenemos la capacidad de encontrar soluciones creativas a través del ensayo y error. La innovación consiste en mejorar algo ya existente, introducir cambios, pensar de manera diferente… el DT nos ofrece a través de su proceso y herramientas. Entonces el Design Thinking no solo conviene para resolver problemas que tienen que ver con productos o servicios,
sino
también
para
desafiar
problemas complejos como la pobreza, el desempleo juvenil, la violencia de género, la salud pública, la inclusión social, entre otros. https://medium.com/uxenespanol/innovaci%C3%B3n-social-el-potencial-del-design-thinking-cf221c1c264e
8
DESIGN thiking
Definiición
thiking
Innovación
La innovación es la forma diferente y creativa de hacer las cosas, es el camino que pocos recorren, es lo opuesto a lo obvio y lo tradicional. Se reinventa cada día con nuevas experiencias y trabaja en equipo para lograr un objetivo.
- iteración
Pensamos que cada diseño es un punto final, nos apegamos a la idea de que nuestro diseño no necesita más, sin embargo no existen diseños perfectos, siempre necesitamos dar un paso más allá, iterar es un llamado a dar un espacio en blanco y volver a re-definir cada proceso, es dinámico y constante en movimiento, con el fin de aproximarnos a un resultado factible y viable durante las fases de diseño.
- error
El error el otro de los elementos necesarios para aprender a re-definir y mejorar cada proceso, es una oportunidad de aprendizaje constante que requiere de visión y auto reflexión, la experimentación es constante en algunos procesos y se puede tomar como estudio en el proceso
9
DESIGN
Fases del proyecto
Empatiza
Define
Idea
Descubrí algo
Construyo mis ideas
thiking
Tengo un desafió ¿Cómo lo abordo?
10
Tengo un Insigh
¿Qué puedo crear?
Diseña Tengo un diseño
¿Cómo lo simplifico?
Re-diseña Intenté algo nuevo ¿Qué le mejoro?
DESIGN thiking
empatiza
11
DESIGN thiking
empatizar
¿Qué es
?
empatizar
La empatía es la capacidad de colocarnos en el lugar de las personas, entender sus problemáticas y tener una visión más amplia del contexto. Es uno de los elementos más importantes de la metodología. Cuando no existe esta condición, cualquier esfuerzo de diseño, este es superficial y no genera interés. Es importante tomar en cuenta las opiniones del público o cliente, si se aborda una problemática social, debe existir un diálogo directo con las personas, conocer sus necesidades, pensamientos y así llegar al centro para obtener diferentes puntos de vista sobre el tema que se está abordando.
12
DESIGN thiking
empatizar
En esta primera fase tenemos que identificar cuáles son los problemas que identifican o hacen parte de nuestro contexto: barrio, ciudad, departamento etc. Si nuestro campo de interés es externo y está relacionado con problemáticas sociales globales, también es importante escoger los métodos o herramientas, que nos permitan explorar y llegar a esa información por medio de nuestro proceso creativo. Para lograrlo la guía cuenta con una serie de herramientas llamadas “Toolkits CS-DT”, adaptadas de las ciencias sociales y otras áreas, que pueden ayudarnos a diseñar nuestra ruta creativa, cada una estará acompañada de un paso a paso, lista de materiales, recursos y ayudas por parte del moderador o docente, que pueden ser descargados y usados en nuestros proyectos, sin embargo se resalta que existe una flexibilidad en el uso de ellas y cada diseñador o equipo puede plantear y combinarlos según la naturaleza del proyecto o tema.
Para este ejercicio trabajaremos la plataforma digital Miro-Board que permite organizar el desarrollo de ideas, procesos y materiales interactivos de forma digital
Herramientas
13
indivisiblemente y en equipos. Del mismo modo Google Classroom y Loom.
DESIGN thiking
empatizar
1
Diseño Empathy map PROBLEMÁTICAS SOCIALES
2
3
OBSERVACIÓN Toma de nota Imágenes Fotografías Sonidos
CONOCER EL TEMA Artículos Documentales Audiovisuales Conferencias Podcast Redes sociales
3
SONDA CULTURAL
Análogos - Digitales Postales,Diarios de notas y fotos Mapas - stickers. Mentimeter - Instagram - Google formulary
3
Entrevistas
BOARD PDF -PNG - JPG
BITÁCORA
PDF - Google Presentación
14
DESIGN thiking
empatizar
1 Empathy Map INSTRUCCIONES: Esta herramienta nos ayudará a diseñar una primera aproximación de cuál es nuestro interés o conocimiento sobre las problemáticas sociales como punto de partida nos permite representar mediante un mapa, los problemas que tengan mayor relevancia y pueden ser de interés, para escoger uno de nuestro interés. Cada integrante o grupo usará la BoardMIRO, en ella podrán ubicar cada problema dentro del esquema, para ello pueden usar notas adhesivas o Pos-it, (textos gráficos o dibujos sencillos con diferentes formas o color), resaltando problemáticas desde lo particular a lo general como se aprecia en el ejemplo, Es opcional que se pueda plantear un esquema diferente personalizado por los integrantes del equipo.
Problema
1
Problema
3
Problema
toolkits
2
BOARDMIRO
15
DESIGN
empatizar
thiking
1
Ejemplo - Empathy Map
BOARDMIRO
toolkits
Ejemplo Empathy Map Board Miro Diseño por John Bretón
16
DESIGN thiking
empatizar
2 Conocer el tema Es probable que se tenga algún conocimiento sobre la temática, (problemática social), sin embargo es importante compartir lo que sabe, de modo que puedan construir sobre una base y complementarse con otros datos que no conocemos, en este caso es importante documentarnos de información adicional sobre el tema que queremos explorar. En la siguiente lista se recomiendan algunas herramientas que pueden ser útiles para el desarrollo de esta fase. Google Academy Conferencias Ted, YouTube Prensa, revistas, Blogs, Páginas web Noticias, Documentales Artículos Audiovisuales Streaming Conferencias Podcast Entrevistas Redes sociales
Es importante resaltar los aspectos que más nos llamaron la atención, tomar nota de ellos y anexarlos en la Bitácora
toolkits
personal de registro en Google Classroom.
17
DESIGN thiking
empatizar
3 Observación Una vez explorado y teniendo un conocimiento inicial, el siguiente paso es complementar la información, contrastarla con la realidad mediante la observación o inmersión del contexto; esta observación del problema o lugar, se puede hacer por con nuestros propios medios, herramientas o materiales.
A continuación te
describiremos algunas toolkits que nos ayudarán a lograrlo:
Si el problema está ubicado en un contexto local con acceso al lugar, podemos hacer un registro del lugar o contexto del problema, mediante la observación usando: captura de fotos, toma de notas de lo que podemos ver, también el registro auditivo (paisajes sonoros) es importante registrar todos los elementos paisajísticos, arquitectónicos y sonoros que puedan ayudar a representar el problema para posteriormente ser descritos en la BoardMiro, Bitácora de Google Classroom.
Es importante resaltar los aspectos que más nos llamaron
toolkits
la atención, tomar nota de ellos y anexarlos en la Bitácora personal de registro en Google Classroom.
18
DESIGN thiking
empatizar
Una sonda es una herramienta que se introduce para abstraer algo, puede ser una información personal ayudándonos a entender la naturaleza del problema como: comunidades, líderes sociales, familiares, compañeros, etc. Con el fin de poder analizar o identificar aspectos personales de difícil acceso que con otros medios no sería fácil. Esta toolkit nos permite diseñar la sonda haciendo uso de la creatividad y diseño del material personalizados por el usuario o equipo de diseño, que pueden hacer uso de diversidad de técnicas creativas (análogas o digitales) como: hojas, recortes, collage, colores, impresos etc. con el fin de ser entregadas a la persona que va a colaborar interviniendo el material con información personal en un determinado tiempo de la actividad. La sonda cultural puede estar conformada por elementos como un diario de fotos y notas, postales personalizadas con preguntas que pueden tener fotos como ilustraciones, espacios para pegar fotografías, mapas o stickers. etc Con el fin de ser entregadas a la persona que va a colaborar interviniendo el material con información personal en un determinado tiempo de la actividad. Para un adecuado desarrollo de este métodode de recolección de datos, se explicará un protocolo que ayudará un buen
toolkits
uso o diseño de la sonda cultural tanto física como de manera virtual.
19
DESIGN thiking
empatizar
4 Sonda cultural CULTURAL PROBES
PROTOCOLO PARA EL DESARROLLO DE UNA SONDA CULTURAL Seleccionar el público objetivo quien recibirá el material, familiar, amigos, vecinos o experto en el tema. Tener claro el objetivo qué se busca, qué información se requiere obtener con el material relacionando la problemática social o tema. Diseño y personalización del material; escoger cuáles son las piezas más adecuadas para entregar a la persona una caja una bolsa personalizada con alguna identidad dentro de ella (diarios de notas y fotos, postales, mapas creativos ilustrados o impresos, lapiceros de colores, adhesivos, sticker, goma, etc). Establecer una identidad, una sonda debe tener un elemento que identifique el proyecto como logo o ilustración mediante un adhesivo pegado o impreso, Definir el tiempo que se obtendrá la información con la persona para su análisis haciendo un seguimiento del mismo para dar solución a las dudas. Anexar información de contacto.
toolkits
Tener registro de la actividad; Hacer un seguimiento de la experiencia registro de tus bocetos previos, materiales, diseño de la sonda, puedes usar escanee o tomar fotos o dispositivo móvil.
20
DESIGN thiking
empatizar
Sonda cultural CULTURAL PROBES
DIARIO - PHOTO ALMBUM Son diarios pequeños que permiten ubicar información como textos ilustraciones, fotografías o recortes para contar historias de un participante entre 5-10 imágenes, puede tener secciones diseñadas para tomas de notas o espacios para completar información mediante espacios señalados diseñados. El material del diario o photoalbum puede ser construido con elementos reciclables como; hojas de colores, craf etc, su armado puede ser cocido, plegado etc. Ejemplo: Pedir al participante tomar nota de los sucesos de un día o durante una semana que más llamaron la atención y estén relacionados con una problemática social en su entorno laboral, vivienda, por medio de imágenes con celular o ilustraciones, se dejaron espacios con líneas para poder escribir y espacios limpios y vacíos para representar un esquema etc. Si no se puede tener acceso a la persona, una alternativa sería una sonda digital: como sugerencia puedes usar Google presentación o hoja de documento de fácil manipulación, para la toma de notas y las fotos tomadas desde un Dispositivo móvil. La información puede ser enviada por correo electrónico y la persona regresaría el material del mismo modo.
toolkits
Es importante tener descritas las instrucciones y hacer un seguimiento de la actividad con la persona que está participando,importante tener información de contacto, coreo celular, redes sociales.
21
DESIGN thiking
empatizar
4 Sonda cultural CULTURAL PROBES
POSTALES Se pueden personalizar 3 a 6 postales con preguntas dispara doras que generen una reacción en el público, o persona, ejemplo: en la parte frontal ubicar la foto o ilustración y, en la posterior redactar preguntas dejando un espacio, para la respuesta del participante de forma manual, pueden usar color con lapicero para definir un tipo de información. Las Postales estarán diseñadas y personalizadas por el equipo, deben guardar una identidad por medio del color, tipo de letra…Ver Ingredientes visuales Diseñador como chef. Notas Pos-it
Postales digitales: entregar en un formato edita-ble que el participante pueda responder ejemplo: Google Presentación, docs, etc. Cada una con un diseño personalizado por equipo creativo, y las instrucciones de la actividad adjuntas al paquete. Una vez completado; se envían por correo electrónico o WhatsApp.
Una sonda digital no tiene el mismo efecto que una análoga, sin embargo puede ser útil como soporte si se tiene claridad cuáles son los medios que el participante maneja. Se debe tener claro el público, si son nativos digitales o personas de la tercera edad que requieren de un seguimiento y asesoría.
22
DESIGN thiking
empatizar
4 Entrevistas Una entrevista es otra herramienta para recoger información permitiendo profundizar sobre un tema, es importante el contacto con expertos que puedan complementar información relevante sobre un tema o problema social, hacer una entrevista con preguntas disparadoras nos puede ayudar a mantener el rumbo claro a lo largo del proceso, del mismo modo ayuda a obtener respuestas que pueden ser de gran importancia para la lluvia de ideas en las fases de ideación representadas en el collage o paleta de pos-it. Para esta fase pueden seleccionar las personas que conozcan sobre un tema específico y estén relacionados con la problemática social, líder social, docente, experto en el tema, o participante de la sonda cultural.
toolkits
Esta actividad puede desarrollar en formato presencial o virtual mediante las herramientas de Google Meet, Zoom Etc. estas plataforma permite grabar y tener copia y grabada para su análisis, es importante ver el protocolo de cómo hacer una entrevista de manera remota - virtual.
23
DESIGN thiking
empatizar
Protocolo para una
toolkits
entrevista
24
1.
Tener una introducción del tema que se va a desarrollar.
2.
Explicar al participante cuál es el objetivo de la entrevista, recalcar la importancia de la información para la investigación ¿Cómo su aporte ayudará en el desarrollo de su propuesta creativa ?
3.
Seleccionar el medio y un borrador de las preguntas.
4.
Lograr hacer preguntas disparadoras que logren respuestas hallazgos también llamados insights.
5.
Mantener un lenguaje claro de las peguntas que permitan un ambiente de confianza con el entrevistado.
6.
Tomar nota de los aspectos importantes que se van desarrollando haciendo un registro de la actividad
7.
Transcripción de la información resaltar los datos más relevantes en la entrevista que se colocarán en la Board de Miro y la bitácora Google classroom.
8.
Tiempo recomendable para el desarrollo de la actividad 45 a 60 minutos.
9.
Es importante el contacto visual remoto o visual, los gestos o reacciones durante la entrevista, pueden señalar datos para aesantes analizar como experiencia.
DESIGN thiking
define
©JOHNBRETON
DESIGN thiking
define
Descubrí algo tengo un Insight.
En esta fase podremos representar todas esas ideas valiosas que recolectamos por medio de la empatía combina en diferentes métodos de observación. Este material será representado dentro de nuestra Board-MIRO de trabajo para luego abstraer esa información en ideas y detonantes llamados Insight, que se convertirán en nuestros ingredientes
de
diseño para darle forma a las posibles ideas de un diseño y/o Cartel Social.
26
DESIGN thiking
define
define
Collage creativo
Paleta Cromática Palabras claves, Ideas - Insight 2
Imágenes - Iconografías Tomas de nota Fotografías Palabras - Pos-it Esquemas Mapas mentales
BOARD
BITÁCORA Google Classroom
27
DESIGN thiking
define
COLLAGE Este proceso nos permite desenrollar una simplificación del material registrado, resultado de los hallazgos en la fase de empatía, Representados mediante un collage creativo, este esquema será útil para representar visualmente los elementos más significativos de la fase de empatía como: fotos, notas, artículos, videos, textos, sketch, audios, pistas de audio etc. El material se desarrollará o diseñará en la Board MIRO, la plataforma permite importar formaros como imágenes PNG, JPG, PDF, videos, presentaciones Google etc. Del mismo modo que archivos nativos de ADOBE Illustrator, Photoshop, XD y extensiones anexas que se incorporen e en la misma board, se debe tener cuidado con las limitaciones de peso (30 megas) se recomineda ver el video Loom tutorial básico de manejo.
"Los dibujos y los diagramas también nos ayudan a convertir las ideas y hallazgos de información explícita que, a su vez, nos ayudan a reflexionar y comunicarnos de forma más eficaz."
toolkits
Es importante resaltar los aspectos que más nos llamaron la atención en el uso del Colla-ge como la Paleta Cromática, se recomienda tomar nota y anexarlos en la Bitácora personal de registro en Google Classroom.
28
DESIGN thiking
define
Paleta cromática - Insight El objetivo de esta técnica es simplificar y resaltar los elementos que se podrián llevar al laboratorio de ideación en la fase de ideación siguiente, es así como se diseñó esta toolkit llamada Paleta de Insights, tomando como base la información recolectada previamentemediante diferentes métodos de observación, información o sondas culturales representadas en el Collage,estas por medio Pos-it formando una escalera o paleta cromática, donde cada hallazgo o palabra clave se ubica por filas según su relevancia, ubicandose por filas escalonadas hasta ir simplificandoce mediante pos-it de colores. En el ejemplo se puede apreciar el uso de la herramienta, es importante recordar que cada grupo puede tener libertad de representar esta herramienta aprotando nuevas ideas o formas adaptadas al ejercicio y método flexible que comprende el Design Thinking.
Palabras claves generales Palabras claves principales Hallazgos de investigación
toolkits
Insight o ideas reveladoras
29
DESIGN thiking
define
PALETA CROMÁTICA
Ejemplo de collage creativo Paleta Cromática (Insight) Diseñado en Board Miro
toolkits
En los ejemplos se muestra el uso de eubicaron vídeos, multimedia, artículos de Internet, revistas, etc. Posteriormente se diseñaron paletas con escaleras mediante Pos-it, para simplificar los hallazgos más importantes.
30
DESIGN thiking
idea
Ejemplo collage collage proyecto botánica
Fuente proyecto cartelismo jardín botánico Especies en vía de extensión Guiovani y Laura
31
DESIGN thiking
idea
DESIGN thiking
idea
¿ Cómo generar
ideas?
Una vez se haya definido los hallazgos y tomado nota de las palabras claves sobre el tema de diseño, se da paso al momento de idear y darle forma al concepto; En esta fase del proceso de diseño se requiere tener un amplio conocimiento sobre la información que construimos (problemática social o cultural), teniendo presente que a lo largo del camino, pueden surgir una gran cantidad de conceptos diferentes, desde los más obvios a los más disparatados, el diseñador debe abrir su mente a múltiples soluciones y posibilidades, para después irlas simplificando y reduciendo hasta transformarlas en conceptos llenos de color forma y significado, donde un boceto, una frase provocativa garabateada,
puede
convertirse en un gran concepto con una forma concreta y una historia poderosa que contar.
32
DESIGN thiking
idea
¿Qué puedo idear? “A veces, una idea puede convertirse en tu peor enemigo, sobre todo cuando impide pensar en alternativas.” Don Korberg y Jim Bagnall
En esta fase la creatividad colaborativa nos permitirá combinar esfuerzos en el desarrollo y búsqueda de la las ideas más cercanas y significativas para poder ser representadas en nuestro Cartel, es importante contar con opiniones de otras
personas y disciplinas, para ir
construyendo un mejor desarrollo de esa idea o insight, sin dejar de lado la opinión de otros que pueden ser de ayuda en el proceso creativo. “Hagan partícipe otras personas en su
proceso de
ideación”, pregunten a personas que puedan contribuir el desarrollo de su idea, tener diferentes puntos de vista, contribuye al ejercicio y ofrece más elementos de criterio. Si se trabaja en equipo pueden surgir puntos en común o desacuerdo, estas diferencias forman parte de la “creatividad colectiva” y son oportunidades para ver nuevas posibilidades que se complementen en ideas poderosas.
33
DESIGN thiking
idea
IDEA 1
Lluvia de ideas
Combinación de ideas
Figuras Retóricas 3
Persepción Gestalt
BOARD
BITÁCORA Google Classroom
34
DESIGN thiking
idea
Lluvia de ideas
Brandstorming
Aplaza el juicio. En esta etapa no hay “malas ideas”. Fomenta las ideas extravagantes. Incluso si una idea no parece realista, puede impulsar una gran idea en alguien más. Construye sobre las ideas de otros. Incentiva el pensar en “y” en lugar de “pero”. Una conversación a la vez: Es necesario escuchar todas las ideas, de modo que se pueda construir sobre ellas. Sé visual: Dibuja tus ideas en vez de solo anotarlas. Las figuras y los bocetos simples pueden decir más que mil palabras. Busca la cantidad: La mejor manera de encontrar una buena idea es pensando en muchas ideas. Trabaja en equipo: Socializa tus ideas con otras personas disciplinas para una dimensión más amplia de tu idea.
toolkits
Cada actividad se debe representar en la Board-Miro, también se recomienda tomar nota de las experiencias personales sobre la implementación de esta técnica en la bitácora en Google Classroom.
35
DESIGN thiking
idea
"Los dibujos y los diagramas también nos ayudan a convertir las ideas y hallazgos de información de forma explícita y nos permite reflexionar y comunicarnos de forma más eficaz”
“Dibujar para pensar” Bosquejo: Son los primeros trazos o la primera forma que puedes darle a la idea que sale de tu cabeza. Sketch: Al sketch se lo define como un dibujo hecho que mantiene definida la idea mucha más que en el bosquejo, no se preocupa por los detalles de la obra. Plasma la idea de manera más concreta. Boceto: Se los suele llamar como dibujos rápidos como si fuesen bosquejos o sketches. Incluso el bosquejo más simple de una idea obliga a pensar en muchos detalles. También es importante resaltar que estos procesos se pueden hacer de forma manual o digital, sin embargo cada uno guarda su propia naturaleza y existen hoy muchas apps y dispositivos para poder crear buenos bocetos creativos.
36
DESIGN thiking
idea
Simplifica tu idea
“Menos es más” “Less is more” Mies Van der Rohe.
“Guardar archivo de bocetos interesantes que no se han usado que a menudo pueden servir como inspiración o como idea para otros proyectos.” Luba Lukova
La simplicidad es uno de los atributos que ayudan a generar una buena comunicación, justificando la legibilidad y rapidez del mensaje como su funcionalidad. Pelta (2006). Hoy es más relevante que el número de elementos, la cantidad necesaria en función de las necesidades del mensaje, la clave de la simplicidad reside en simplificar aquello que pueda ser simplificado y suprimir todo lo que se pueda suprimir sin llegar a perder su valor, concepto expuesto por Calvo (2017).
37
DESIGN thiking
idea
La diseñadora Luba Lukova es conocida en todo el mundo por su talento para crear carteles impactantes que giran en torno a una imagen central poderosa. En muchas de sus piezas, dos ideas se combinan para
producir
una
composición
visual
deslumbrante. Es así como la combinación de conceptos despliega un tercer significado más poderoso que la suma de sus partes. El proceso de diseño de Lukova comienza con una fase intensiva de bocetos. Después de delimitar y definir el contenido emocional o político que quiere transmitir, crea docenas de pequeños dibujos. Luba Lukova Poster | Tierra de nadie https://www.lukova.net/
Ejemplos de dibujos dirigidos por Lukova, para dar forma al cartel para una producción de la obra de teatro.
38
DESIGN thiking
idea
Luba Lukova | Censorship Poster,Designing Justice https://www.lukova.net/
01 Empieza a hacer bocetos.
02 Fíjate un límite de tiempo
03 No vuelvas atrás: avanza.
Una vez hayas definido el propósito y
Intenten hacer al menos 10 bocetos
En lugar de borrar un boceto y pulirlo,
los parámetros básicos de tu proyecto,
en 20 minutos. Haz muchos dibujos
realiza nuevas aproximaciones a la
coge papel y lápiz y empiecen a
pequeños en cada hoja, de modo
misma idea. Revisa los conceptos y
realizar pequeños bocetos sencillos.
que puedas compararlos entre tus
elige algunos para insistir en esa
compañeros entre sí.
misma línea.
39
DESIGN thiking
Combinaciones
Forzadas
Esta técnica de ideación trabaja la combinación por medio de la asociación de los palabras claves o insights; material resultante de la búsqueda de información investigación y conocimiento. Dependiendo del tipo de pieza que se está diseñando; sea un cartel cultural, publicitario o social, se decide qué tipo de conexiones quieres forzar, en esta guía se exponen diferentes ejemplos de combinación. Kirby Ferguson (2015) resaltan tres elementos claves de la creatividad, representados "copiar, transformar y combinar “La naturaleza es un ejemplo claro de la evolución, sistemáticamente se copia, transforma y combina desde una molécula hasta un sistema más complejo”.
toolkits
Kirby Ferguson (2015) Conferencia recomenda Everything is a Remix Remastered https://www.youtube.com/watch?v=nJPERZDfyWc
Andrzej Blazejczyk Poster | Polonia / Poland http://madridgrafica.org/carteles-2020/
40
DESIGN thiking
Cómo “forzar”
?
una asociación 1
Haz una lluvia de ideas para elaborar listas de palabras relacionadas con el tema, concepto o problemática social, puedes utilizar esquemas como columnas en grupo de 3 o 4 o más y e cada una, ubica cada palabra que represente ese concepto mediante pos-its; se puedan representar textos o preferiblemente iconos o dibujos simples que representen esa palabra o idea.
2
Escoge una o más ideas viables. Realiza imágenes sencillas y gráficas relacionadas con otras aplicaciones para representar tu concepto. Ejemplo: (espina + cartón + plato + niño + hambre).
3
Mediante e muro colaborativo Board-Miro, puedes establecer los esquemas, importar los bocetos o dibujar, del mismo modo relacionar cada Pos-it, figura o palabra por colores o líneas que representen las combinaciones o asociaciones.
4
Tus elecciones en materia de forma, color, lenguaje y tipografía pueden remitir posibilidades estéticas y funcionales se integren y puedan representar mejor tu idea, pero se irán definiendo y
toolkits
simplificando en la fase de diseño y experimentación.
Ejemplo práctico construcción de una asociación forzada Cartel social Bretón https://loom.com/share/fol
42
idea
diseña
Combinación de ideas Ejemplo aplicado
Hambre
Niño
Comida
Comida
dibujo
lleno feliz
Vacio
Juguete
plato
Dolor de Estómago
Inocencia
Tenedores
Plato vacío
Colores
Frutas
Delgado
Peluche
Huevo
Fuente proyecto Cartel Hambre extrema Caracol de plata John Bretón Viviana Guevara
43
DESIGN thiking
idea
Cómo combinar
?
Verbos de acción
Alex F. Osborn fue el creador de la técnica de la “Lluvia de ideas, ideó también otras técnicas útiles para estimular la creatividad como la “Combinación por verbos de acción”, su proceso consiste en partir de una idea inicial, replicar diferentes verbos, como “aumentar”, “redistribuir”, “alterar”, “adaptar”, “modificar”, “sustituir”,“invertir” o “combinar”. Los verbos incitan a la acción mediante la manipulación del concepto central. Cada uno de ellos sugiere un cambio o una transformación visual. El diseñador puede usar este ejercicio para crear variaciones rápidas, frescas y sorprendentes de una idea inicial.
En este caso las ideas recolectadas en las fases previas pueden darnos pistas para poder combinar diferentes verbos inclusive a más inusuales como “derretir”, “diseccionar”, “explotar”, “romper” o “exprimir. Te recomendamos realizar bocetos rápidos, con la práctica ayudará el proceso creativo.
44
DESIGN thiking
Plegar
Derretir
idea
Suprimir
Desenfocar
Verbos de acción Ejemplo de aplicación de la técnic Torre Eiffel Elaboración propia
45
Esbozar
Invertir
Estirar
Arquear
DESIGN thiking
idea
Según la Retórica de Aristóteles (escrita en torno al 350 a. C.) los tres elementos de un argumento efectivo son “primero, los medios para producir la persuasión; segundo, el estilo o lenguaje empleado; tercero, la disposición adecuada de las diferentes partes del discurso”.
Figuras retóricas Es un instrumento de comunicación persuasiva, interpretativa y argumentativa, que facilita el proceso comunicativo dentro del lenguaje visual, mediante diferentes técnicas representadas en la imagen, que nos sirven para seducir, persuadir y crear belleza mediante el uso de las palabras y las imágenes. Aunque su uso primordial es lingüístico, estas herramientas también pueden aplicarse a las imágenes para generar conceptos, en el proceso de ideación del cartel se convertirá en otra alternativa creativa para potenciar nuestro concepto. Esta guía se podrá usar tanto como soporte y se complementará con una Moddboard (Tablero de inspiración) de diferentes
toolkits
autores que usan la retórica como inspiración.
46
DESIGN thiking
idea
Figuras retóricas Procedimiento de Supresión: Figuras en las que se elimina algún elemento que normalmente debería aparecer.
La Sinécdoque – Figura retórica en la cual una parte de algo es usada para representar el todo. En este cartel del PEKKA LOIRI, se aplica eliminando parcialmente el rostro, utilizando una parte en forma de silueta que hace alusión a todo el contexto.
PEKKA LOIRI Cartel Romauntun Lady https://originalloiri.fi/
Metonimia – Figura retórica que consiste en designar una cosa o idea con el nombre de otra con la cual existe una relación de dependencia o causalidad .
Alejandro Magallanes Cartel migración https://posterswithoutborders.com/Alejandro-Magallanes
47
DESIGN thiking
idea
Figuras retóricas - Procedimiento de Supresión:
ELIPSIS – Se suprimen elementos del discurso sin afectar el sentido. Es el contexto el que completa el mensaje. Ejemplo: En el cartel de Noma Bar se alcanza a percibir como se suprimen elementos de forma sin perder el objetivo de la comunicación, generando una segunda lectura con el elemento suprimido. Ver propiedades Gestalt figura fondo.
NOMA BAR Cartel Romauntun Lady https://co.pinterest.com/jbreton1/noma-bar-minimalismo/
NOMA BAR Cartel Iraq https://co.pinterest.com/jbreton1/noma-bar-minimalismo/
48
DESIGN thiking
idea
Figuras retóricas Procedimientos de Comparación: Corresponde al grupo de figuras que tiene como función comparar un término real con uno imaginario. Metáfora – Es sustitución de un elemento evidente por otro sugerido por el diseñador, provocando en el espectador un llamado a la acción y reflexión sobre el mensaje. Puede ser una herramienta útil para carteles que busquen generar conciencia en diferentes problemáticas, ambientales, sociales, políticas etc.
John Bretón
Cartel No olvidar - Educación https://www.behance.net/gallery/12153349/Education-was-killed
Luba Lukova
carteles sociales - Icome gap, Freedon, 200 México https://www.lukova.net/ https://co.pinterest.com/jbreton1/luba-lukova/
45
DESIGN thiking
idea
Luba Lukova
Serie de carteles sociales - figuras retórica Metáfora https://www.lukova.net/
49
DESIGN thiking
idea
Figuras retóricas Procedimientos de Alteración Corresponde al grupo de figuras que tiene como función comparar un término real con uno imaginario. Hipérbole, Corresponde a una alteración intencional de los elementos. Esta se puede dar por tamaño, tipografía, por su forma respecto al personaje. Ambos elementos generan suspenso, tanto por el mensaje escrito, como por lo que se pueda imaginar el receptor que sucede al ver la propuesta del cartel.
NOMA BAR Cartel Pendiones & property https://co.pinterest.com/jbreton1/noma-bar-minimalismo/
NOMA BAR Feeling the Pinch, Negative Space https://co.pinterest.com/jbreton1/noma-bar-minimalismo/
50
DESIGN thiking
idea
Figuras retóricas Procedimientos de Adjunción: Figuras en las que hay un sobre-entendimiento del objeto con diferentes elementos.
Paradoja: Corresponde a una idea extraña opuesta a lo que se considera verdadero o a la opinión general. en los carteles de Morelos se puede observar como cada icono representa una oposición al concepto del elemento: la nube cortando tijeras, (fragilidad con dureza)niño dentro de una lata, (inocencia con comida) zandália con captus. (Comodidad con dolor )
José Manuel Morelos Cartel sandalia Cartel día mundial del teatro Cartel Vicente toro Tesis cartel político
51
DESIGN thiking
idea
Figuras retóricas Procedimientos de Adjunción: Repetición: Esta figura tiene como elemento la reiteración o repetición de un elemento visual para formar parte de un concepto o frase mayor. Ejemplo: el
diseñador
y cartelista
Diego Bermúdez
desarrolló una serie de carteles sociales aplicando el uso de la repetición de formas, gradación de colores, escala, como elementos de composición del cartel alusivos al Covid-19. En sus diseños se aprecia el uso de esta técnica para lograr llevar mensajes persuasivos dotados de los elementos de la Bauhaus, geometría y simplicidad (ver capítulo fase diseña y simplifica)
Diego Bermudez. 2020 Cartel Ucrania Covid-19 https://www.behance.net/diego bermudezaguirre
52
DESIGN thiking
idea
Figuras retóricas básicas
Anástrofe. Inversión del orden habitual de las palabras de una oración. Del salón en el ángulo oscuro, de su dueño tal vez olvidada, silenciosa y cubierta de polvo, veíase el arpa.
Hipérbole. Exageración retórica con fines enfáticos o humorísticos. Su vacilación podía Percibirse desde el espacio exterior.
Antítesis. Contraposición de palabras o frases con otras de significación contraria. Es tan corto el amor, y es tan largo el olvido.
Lítotes. Forma de atenuación que a menudo emplea la doble negación. Aquello no estaba nada mal.
Enálage. Sustitución de una parte de la oración por otra, de distinta función sintáctica (de un sustantivo por un verbo o un adjetivo, etc.). Soy un fue y un será y un es cansado.
Paradoja. Afirmación contradictoria o absurdo irónico que desafía el sentido común. Soy muy viejo para tener canas.
Elipsis. Omisión de elementos implícitos por el contexto. Amo a mi perro; y él, al frisbee.
Repetición Reiteración de una palabra u oración dentro de una frase mayor. El gato al rato, el rato a la cuerda, la cuerda al palo, daba el arriero a Sancho.
Metáfora. Comparación tácita de objetos o ideas que demuestra sus cualidades compartidas. Su amigo el vampiro es un mosquito hambriento en verano.
53
Sinécdoque. Figura que consiste en designar un objeto nombrando una de sus partes. Tiene muchas bocas que alimentar.
DESIGN thiking
idea
La alusión es una figura retórica mediante la cual se hace referencia a alguna persona, cosa o idea sin nombrarla, a través de palabras que nos hacen pensar en ella.
Parte del asiento de la silla desaparece en el dibujo.
54
DESIGN thiking
idea
Alusión. Referencia explícita o Implícita a una persona, lugar o cosa. Era del año la estación florida, en que el mentido robador de Europa.
Personificación. Atribución de cualidades humanas a objetos inanimados o ideas abstractas. Cada gota de agua era un lagrima en tus ojos.
Metonimia. Figura que consiste en designar algo con el nombre de otra cosa que suele serle atribuida. La palabra “trono” puede emplearse para hacer referencia a un monarca.
55
DESIGN thiking
idea
Percepción visual Gestalt “El todo es diferente a la suma de sus partes” Gestalax Max Werthemimer
La teoría del Gestalt de la percepción, permite agrupar elementos en unidades más grandes. En un cartel, los elementos agrupados por tamaño, forma o color, se convierten en capas separadas de información. En un texto las letras se agrupan formando palabras, líneas y columnas o un sistema de iconos, las imágenes cobran forma a partir de elementos geométricos. En un patrón o modulación textil, la repetición de elementos crea una superficie rítmica. El diseño se convierte un juego donde las relaciones entre las partes y el todo logram que las imágenes cobren vida en la mente de las personas. La agrupación es activa y permite a los observadores alternar entre comprensiones contradictorias de un objeto o elemento, llamen la atención sobre la pieza visual de comunicación (cartel social) logrando estimular el trabajo mental de los observadores y subraya la cualidad interna y dinámica de la percepción.
Noma Bar Jaws, for Volkswagen. See film differently
56
DESIGN thiking
idea
PRINCIPIOS DE LA TEORÍA GESTAL LEY DE SIMPLICIDAD La simplicidad es uno delos principios de la teoría Gestalt, el cerebro agrupa los elementos en un orden con el fin de minimizar el número de objetos en una escena determinada. Esta búsqueda de la simplicidad se convierte en una herramienta estética para los diseñadores del movimiento moderno. La distinción entre figura y fondo es un proceso consistente en separar un elemento dominante de su entorno. En un patrón de rayas uniformes o de cuadros, la relación entre figura y fondo es dinámica y ambigua. En el cartel de la agencia Grabaz & Partner se ejemplifica esta acción tomando la forma de la mano masculina como un símbolo de abuso.
Agencia Grabarz & Partner Againts abuse Inc Alemania.
57
Radar cartel Torres Gemelas 11
DESIGN thiking
idea
La simplicidad en los carteles de Olimpia Zagnoli permiten dar un recorrido visual que invita al lector de elementos persuasivos, llenos de colores vivos que se contrastan y generan significados distintos con tan solo combinar iconos, repeticiones de elementos, similitudes y bases de formas panas Flat design, un estilo que omite elementos decorativos, logrando un diseño limpio y mensaje directo.
Olimpia Zagnoli
Olimpia Zagnoli Againts abuse Inc Alemania. https://co.pinterest.com/jbreton1/olimpia-zagnoli/
58
DESIGN thiking
idea
PRINCIPIOS DE LA TEORÍA GESTAL
PROXIMIDAD Los elementos gráficos tienden a agruparse con los que se encuentran más cerca.
PROXIMIDAD Los elementos gráficos tienden a agruparse con los que se encuentran más cerca.
DIRECCIÓN COMÚN Los elementos parecen cambiar en grupo.
CLAUSURA y CONTINUACIÓN Cerramos mentalmente los huecos en figuras regulares o líneas fuertes.
AMBIGÜEDAD FIGURA / FONDO Los espacios en blanco pueden leerse como figura o como fondo.
59
DESIGN thiking
diseña
FÉLIX BELTRÁN - Convierte el cartel en ícono - Cuba - DISEÑO GRÁFICO LATINO Félix Beltrán. Cartel social
AMBIGÜEDAD FIGURA/FONDO
60
Simplicidad
DESIGN thiking
idea
AMBIGÜEDAD FIGURA/FONDO CLAUSURA y CONTINUACIÓN
Cualquier pieza gráfica puede dividirse en figura contra un fondo. Pensemos, sin más, en una hoja escrita a mano. Existe un plano, el papel, blanco, y una serie de figuras, las letras. La figura se distingue del fondo por su color, forma, tamaño, posición, etc. En este caso Dave Plunkert representa un abrazo entre dos personas y la niña en el colchón expresa la soledad y la violencia que solo el color rojo puede representar.
Dave Plunkert Poster for Look Through My Eyes https://www.davidplunkert.com/
61
Dave Plunkert Poster Gone, 2016 https://www.davidplunkert.com/
DESIGN thiking
idea
Proximidad & Similitud Continuación
Iván Ciro Palomino Perú http://madridgrafica.org/carteles-2020/
Manuel Guerrero México http://madridgrafica.org/carteles-2020/
Sergio Grande México http://madridgrafica.org/carteles-2020/
62
DESIGN thiking
idea
LEY DE LA PROXIMIDAD
Semejanzas en la forma, el tamaño, el color también influyen y otros aspectos visuales de los elementos. En el póster percibimos antes los patrones de colores para luego descubrir que son brazos que se estrechan en mano. Este cartel de Fukuda combina proximidad de formas, tamaños y colores.
Shigeo Fukuda hand 84 kyoto 1984 Japón
63
Shigeo Fukuda UCC Coffee Jap ón
DESIGN thiking
idea
LEY DE LA SIMILITUD
Relacionamos objetos iguales. Por ese motivo, la primera lectura nos devuelve grupos de hombres (arriba) y grupos de piernas (abajo) divorciados. Una mirada más profunda nos hace cómplices de la forma en que Fukuda construye la imagen, de la forma en que se integra.
Shigeo Fukuda hand 84 kyoto 1984 Japón
LEY DE CIERRE Tendemos a cerrar imágenes parciales. Nuestra naturaleza necesita objetos sólidos y nuestro inconcient trata de cerrar aquellos espacios que se amntienten incompletos. En este cartel de Shigeo Fukuda, se percibe los brazos sin necesidad de saber cómo siguen, o a qué cuerpo están adheridos.
Shigeo Fukuda Japón
64
DESIGN thiking
diseña
DESIGN thiking
diseña
DISEÑA
Funcionadad del cartel “Criterio Estético”
1
Análogo
Digital
3
Simplifica Experimenta
BITÁCORA
66
2
DESIGN thiking
diseña
funcionadad del cartel
vs critrio estético
Tras un recorrido de investigación abierta y de reflexión libre, donde se eligieron uno o varios conceptos para desarrollarlos y afinarlos, se definirán las más prometedoras, para expresarlas visualmente logrando que sean tangibles y se materialicen mediante la forma, el color, la tipografía etc. Logrando que nuestras ideas cobren vida. Para muchos diseñadores esta fase es la parte más estimulante del trabajo donde las ideas se ejecutan y se colocan a prueba nuestras habilidades de diseño y composición. Sin embargo es importante realtar la funcionalidad, es por eso que debemos hacernos estas preguntas: ¿el diseño es funcional? ¿cómo comunica? ¿qué significa? ¿ logra ser persuasivo? Con frecuencia, las respuestas a estas preguntas devuelven al diseñador a la fase inicial de ideación reiterando que la metodología Design Thinking es un proceso creativo e iterativo, dinámico y experimental.
67
DESIGN thiking
diseña
Tengo un diseño
¿Cómo lo simplifico? “Un buen diseño se alcanza, no cuando no hay nada más que agregar, sino cuando no hay nada más que quitar”.
El cartel está creado para transmitir en un instante de tiempo, toda la cantidad de información necesaria para captar la atención del espectador centrándose en los elementos estéticos necesarios para lograr su objetivo, suprimiendo aquellos que solo obedecen a ser decorativos donde no hay un abuso de información. Alban Berg La
Complejidad
y
la
limpieza,
reflejan
dos
perspectivas del diseño válidas que forman parte de la multiplicidad de tendencias y perspectivas entre ambos puntos de vista del diseño como describe Pelta (2006) No hay fórmulas finales; en ocasiones los hilos de los límites son muy delgados.
68
DESIGN thiking
diseña
“Less is more” Menos es más
Los siguientes criterios estéticos
hacen referencia al
principio fundamental de la explicación más simple de las cosas, haciendo mención la famosa cita de Van der Rohe, “menos es más” uno de los lemas del estilo o movimiento artístico conocido como minimalismo o estética de la simplicidad.
La propuesta del padre del cartel social, Shigeo Fukuda (1932-2009) muestra una estética cómica y un sentido de del humor juguetón, relajado e interesante, que es complementario a sus ideas y técnicas, como una forma de representación verbal, visual o física. Como se puede apreciar en su obra.
Shigeo Fukuda (1932-2009) Cartel Victory 1945 Japón
69
DESIGN thiking
diseña
Shigeo Fukuda (1932-2009) Series de cartel social Japón
Uno de los criterios de simplicidad apuntan a la funcionalidad, movimientos como la Bauhaus, el Style, la Escuela de ULM, el estilo suizo y la estética japonesa. El sentido práctico de la simplicidad y lo mínimo, que evalúa en términos de limpieza, vacío o un silencio que si es usado eficazmente, ayuda a diseccionar el significado; es una parte necesaria de la comunicación del cartel.
70
DESIGN thiking
diseña
Ventajas y características de la simplicidad: Rápido y fácil de captar: La simplicidad y escasez de elementos innecesarios consiguen que el usuario extraiga de forma rápida y sin barreras el mensaje. Funcional: El diseño minimalista o simplificado (flat design) no solo es una cuestión estética, en teoría sigue los dogmas principales del diseño, creando una experiencia de usuario lo más práctica posible. Christoph Niemann y Noma Bar presentan una estética minImalista influenciada por el diseño simplificado Suizo, sus contenidos y narrativas buscan llevar mensajes con doble sentido mediante la estética del sarcasmo, generando una crítica hacia algún tema social o político.
Christoph Niemann New yorker
71
DESIGN thiking
diseña
La estética del cartel Existe dentro del cartelismo, diversas propuestas que se adaptan a los diferentes cánones estéticos, quedando al juicio personal escoger cuál es la más idónea, para un correcto desarrollo del mensaje. A continuación se describen algunos géeneros estéticos aplicados en el cartelismo. ESTÉTICA SINIESTRA Representada por medio del color, las formas y las líneas que toman un gran protagonismo, donde no hay un abuso de
información
como
lo
representa
Alban
Berg
(1964-1935) cartelista polaco en uno de sus carteles insignia, Su propuesta toma gran protagonismo, sin un abuso de información, lenas de una carga expresiva donde se refleja sentimientos como rabia y angustia.
Alban Berg Wozzeck Cartel Teatr wielrk 1964 Colección Posterpage
72
DESIGN thiking
diseña
“El cartel como un grito en la pared”. La estética abre una línea de posibles caminos, donde cada disee diseño gráfico debe elegir cuál camino es el más conveniente en el momento de asumir un criterio o estilo estético y buscar una solución visual a una problemática, que responde a la necesidad de cautivar al receptor en la lectura y diálogo discursivo del cartel social, el cual tiene como naturaleza informar y está relacionado según su función como un instrumento de persuasión y denuncia para resaltar las diferentes problemáticas sociales de una ciudad, región o país, recordando la frase de Josep Berenguer (1907) “el cartel como un grito en la pared”.
Otro autor, Françoise Enel, agrega algunas características más a la misma definición de Moles: la idea principal contenida en el cartel deberá ser simple y estar expresada en un estilo claro y directo, exenta de procedimientos retóricos complejos.
73
DESIGN thiking
diseña
CARTEL PSICOLÓGICO Muy similar a la línea siniestra se encuentran composiciones de “cartel psicodélicOs” con colores vibrantes y las tipografías sinuosas que parecían moverse o derretirse; son algunos de los rasgos del estilo de cartelistas polacos, Rusos y cartelistas de estados unidos como Wes Wilson, Víctor Moscoso y Giacomo Puccini
Cartel Psicodélico
Wes Wilson the San Francisco Poster
74
Víctor Moscoso The Chambers Brot.
Giacomo Puccini Cartel Tocka Vintage Soviet https://www.brainpickings.org
DESIGN thiking
diseña
CARTEL SIMPLIFICADO Y METÁFORA De igual forma Isidro Ferrer y Nicolás Sánchez, presentan una propuesta estética en sus carteles con una gran carga funcional, logrando que el receptor despierte de su letargo visual, por medio de las metáforas visuales como: la paradoja, la analogía, la elipsis, la metonimia y la ironía, expresadas mediante el lenguaje del cartel y se muestran en la serie de carteles.
Ferrer y Nicolás Sánchez Ante la Jubilación Centro Dramático Nacional. 2007 - 2008. Premio JCDecaux
75
Ferrer y Nicolás Sánchez Rey Lear Un enemigo del pueblo Centro Dramático Nacional. 2007 - 2008. Premio JCDecaux
Ferrer y Nicolás Sánchez Presas Un enemigo del pueblo Centro Dramático Nacional. 2007 - 2008. Premio JCDecaux
DESIGN
diseña
thiking
T
Los Códigos Toda comunicación y lenguaje es una transferencia, directa o indirectas el simbolismo típico del lenguaje hablado o lingüístico. Gestos, movimientos, uso de espacios, colores o imágenes, tipos de textos, todos hacen parte del uso de los códigos de lenguaje y son aplicados para su plena comprensión en el desarrollo de la estructura del cartel. Existe ciertos códigos como el del color en las pinturas, la imagen en la fotografía, el uso del espacio y el movimiento en las danzas, éstas manifestaciones expresivas sólo son plenamente comprensibles al ser decodificadas en un lenguaje artificial, el cartel es la suma de muchos códigos que se combinan e integran y guardan un relación entre si para darle un sentido a la comunicación.
76
DESIGN
rediseña
thiking
CÓDIGOS DEL CARTEL
Tamaño Imagen
Formato
Color
Material
CARTEL
Tipografía
Contexto
Mensaje Composición
77
Ingredientes gráficos
DESIGN
diseña
thiking
Elementos básicos del código del cartel social. La imagen es el motivo principal del cartel, debe representar la CÓDIGOS DEL CARTEL idea principal con el mínimo uso de elementos, debe transmitir
Imagen
un mensaje potente, alineado al mensaje que se quiere transmitir. Puede hacerse técnicas como uso de ilustraciones, collage, fotografías etc.
Tipografía
Debe ser legible y transmitir con el menor número de palabras el mensaje visual, la imagen debe generar unidad visual con el titular, al igual puede tener titulares principales y secundarios, es importante marcar jerarquías para señalar los apartados importantes y establece el orden de lectura del cartel, se debe escoger la tipografía idónea que generen un diálogo entre sí una armonía estética, del mismo modo se puede hacer uso de deconstrucción para llamar la atención en el lector
Composición
La composición ayuda a ordenar y jerarquizar la información del cartel, se pueden disponer de diferentes formas tipos de composición para su iteración, el uso del espacio en blanco o vacío ayuda a oxigenar su lectura y descanso en la vista del lector.
Formato
Ingredientes gráficos
78
Es importante determinar el tamaño según su disposición y legibilidad para determinar el tiempo de lectura mediante la distancia o si es un dispositivo electrónico - Responsive, si este corresponde a una red social.
Ingredientes gráficos ajustados al libro de estilo como que generen un llamado a elección: logos, redes sociales, contactos, códigos QR.
DESIGN thiking
diseña
“El color afecta nuestra vida es físico : lo vemos. El color comunica Recibimos información del lenguaje del color . es emocional : despierta nuestros sentimientos.” Helan 1994
El COLOR El color es luz, es armonía, es belleza y delicia de la vista, es equilibrio psíquico, es confort y educación, Wong. En el diseño gráfico como en el diseño del cartel, es el medio más valioso para que un cartel transmita sensaciones, usando el color con un buen conocimiento
de
su
naturaleza,
expresando
adecuadamente,
sentimientos como alegría, tristeza, lo luminoso, lo sobrio, lo tranquilo, lo exaltado, etc. Albert Munsel clasic la sensación cromática en tres partes Tono tinte, (hue) varlor (value) y saturación (chrome). del mismo modo pueden existir variables en sentido de lo que queremos resaltar mediante la jerarquía o el contraste. El uso o aplicación del color ayuda a generar funciones comunicativas, que cada persona interpreta de diferentes maneras según su cultura o percepción, el significado que el hombre le ha dado al color depende del contexto cultural o histórico Quintana (2013). En esta guía del diseño se resaltarán algunos ejemplos de la aplicación del color y diferentes esquemas, como soporte de los conceptos previos sobre el manejo del color y algunos recursos tecnológicos que nos ayudarán a realizar composiciones cromáticas mediante el ordenador.
79
DESIGN thiking
diseña
Mapa de emociones inspirado en la teoría del color elaborado por el psicólogo Rober PLuchik
Rober PLuchik Gráfico de emociones adaptado The nature emociones
80
DESIGN
diseña
thiking
El presente cartel de Aga Grandowicz se
El el cartel de Yu Chen expuesto en la
desarrolla
colores
Bienal de ecuador aplica el negro com
inspirados en la naturaleza, el verde
elemento de contraste y simboliza la
como
muerte
una
dominante
paleta
de
directo
y
como
y
actúa
como
elemento
complementario una gama de colores
dominante, en el fondo se trabaja el tomo
ocres y cafés, el color de la vida, la salud
ocre para generar nostalgia, recuerdo o
de la naturaleza transporta tranquilidad y
tiempo haciendo una alusión a un
es utilizado en esta ocasión para
estación de otoño. El cartel solo usa una
presentar un evento en el aire libre, el
combinación de dos colores y trazos de
marrón representa la madera fresca de
ilustración simples para el desarrollo de
los troncos, aportan frescura a la
imágenes y textos.
composición.
Aga Grandowicz Piano Picnic Irlanda
81
Yu chen Death of a salesman Ecuador Poster Bienal 2016
DESIGN
diseña
thiking
La representación gráfica de los siguientes carteles, diseñados por Dmitry Rekinestá, está desarrollada en escalas de grises, partiendo como color dominante el negro que marca la escencia de la muerte, según arias
(2010)
el
color
negro
simboliza el final, el universo, la ausencia de luz. Todo acaba en el negro,del mismo modo la estética del cartel aplica los tonos grises en textos, ilustraciones y fotografías intervenidas mediante técnica mixta.
Dmitry Rekinestá
Crime and Punishment Rusia
82
Dmitry Rekinestá Who Are We Rusia
DESIGN thiking
diseña
En el cartel del diseñador francés Michal
En el siguiente cartel se representan
Batory, se logra apreciar un alto contraste
los tomos fríos como elemento con
enmarcado por el color rojo, llamando la
ocupación de mayor espacio, en
atención en un solo punto del cartel. (la
contraste
oreja) que tienen una relación con el
representan la madera, la llama y el
mensaje auditivo, reforzado por el texto y
rojo en la tipografía como color
la información, la paleta de blancos
dominante para diseccionar al lector
beige, demuestra pasividad relajación y
con el título, el cartel guarda una
mucha meditación.
relación metafórica representada con
con los
los fósforos y la silla.
Michal Batory
Le pays du sonore levant Francia
83
Michal Batory
Ligne de fuite, 2003 Francia
cálidos que
DESIGN thiking
diseña
Michal Batory
Le grapes of wrath
Y&R Kuala Lumpur p Cut a tree, kill a life
85
DESIGN thiking
diseña
Color Toolkits Coolos es una toolkit muy práctica que permite explorar composiciones de color mediante un portal y diferentes aplicaciones de consulta como; su portal www.coolors.com extensiones para google Crrome, Adobe, ios APP y la red social Instagram. Una de las funciones Adicionales es, que permite explorar referentes como una fotografía, imagen o pintura y a partir de ella genera una paleta de colores que se puede exportar en diferentes formatos para programas de composición, alguno de ellos adobe Illustrator, InDesign, Photoshop, logrado crear grupos de colores para ser aplicados a nuestro diseño de cartel, que posteriormente se pueden ajustar con la herramienta de colorear permitiendo hacer diferentes versiones del mismo diseño,
toolkits
COOLORS https://coolors.co/ https://www.instagram.com/coolors.co/
86
DESIGN thiking
diseña
Tipografía
Sutil
Moderno
Fuerte Fresco
Uno de los elementos de la composición es el texto, es importante mediante la selección de textos tener una unidad y coherencia en la selección y combinación de las familias, tener claro el mensaje y objetivo del cartel, con el fin de hacer una correcta selección que permita consolidad la imagen y el texto. Recomendaciones tener claro el formato y uso del cartel, para una Correcta selección del punto o tamaño de fuente y legibilidad, del mismo, modo revisar diferentes juegos de jerarquía visual que ayuden a generar ritmos y relevancia a las palabras, como la escala contraste, dirección, estilos tipográficos bold vs ligth, condensada, itálica etc. Muchos cartelistas como el ejemplo de Diego Bermúdez juegan ilustrando los títulos tomando rasgos de la imagen del cartel o los hacen a mano o en tablas digtalizadoras para darle un tono artesanal y lúdico al cartel.
Google Google fonts: Fonts https://fonts.google.com MyFonts Branding with Type Typotheque type foundry Fontstand Grilli Type Emtype Foundry Meza Chile Terremoto 2010
87
DESIGN thiking
diseña
Experimenta El cartel moderno permite explorar nuevos formatos, materiales y técnicas audiovisuales que integran la tecnología con el diseño, la alusion pictórica permite hacer uso de las relaciones con elementos tradicionales como el papel hasta materiales no convencionales como superficies con textura, generando vínculos con otros sentidos diferentes a la vista. Los programas de realidad aumentada o animación ahora brindan la posibilidad de generar carteles en movimiento o tintas especiales que permiten cambiar alterando las condiciones externas como calor o luz. Lo anterior forma parte de las nuevas manifestaciones estéticas como cartel digital o intractivo, que pueden aportar al desarrollo del mensaje nuevos elementos, sin embargo sunaturaleza es la misma: busca persuadir, tocar, ser voz y debe embellecer los sitios donde esta es ubicada. En este ejemplo se describe un ejemplo de cartel audiovisual con realidad aumentada.
John Bretón Cartel social Presos de nuestro rencor https://vimeo.com/461561160
88
DESIGN thiking
diseña
Miguel Frago diseñador de 12 caracteres trabaja mediante la experimentación de materiales análogos y digitales, en su trabajo usa el papel y rotuladores como elemento composición para sus montajes, en cada proyecto hace una selección de los materiales como recurso usa la fotografía para capturar algunos de sus proyectos que requieren de un volumen o atmósfera llevando el cartel del diseño bidimencioanl al 3D tridimensional.
Miguel Frago & Samuel Aznar Cartel oposiciones de educación secundaria https://12caracteres.com/Arke-Escuela España
89
DESIGN thiking
diseña
Experimenta / papel
Miguel Frago & Samuel Aznar estudia con cabeza aprende con emoción https://12caracteres.com España
90
DESIGN thiking
diseña
Experimenta / objetos
Miguel Frago & Samuel Aznar Cartel vagon de lujo https://12caracteres.com/Arke-Escuela España
91
DESIGN thiking
diseña
Agencia BETC São Paulo Cartel The pasage https://www.youtube.com/watch?v=8eKkPN6imE8 Brasil
92
DESIGN thiking
diseña
Experimenta / Impresión lenticular La impresión lenticular emplea una tecnología con la que una pequeña lente separa las imágenes visualizadas por cada ojo sin necesidad de gafas especiales. Por tanto, crea distintos efectos a la hora de visualizar la imagen tratada,(similar a lo que hace el Nintendo 3DS). Se trata de un cartel que advierte sobre el maltrato infantil, aunque a diferencia de otros anuncios similares, éste incluye un mensaje que sólo puede ser visto por los niños. En el póster se incluye una capa lenticular, la cual permite mostrar distintas imágenes, dependiendo del ángulo desde el que se mire De esta manera, el mensaje que ve un adulto en el anuncio es distinto al que mira un niño, ya que la diferencia de estaturas permite conseguir dicho efecto.
Agencia GREY en España Ayuda a Niños y Adolescentes en Riesgo https://youtu.be/WIiSxddCkpE España
93
DESIGN thiking
diseña
La impresión superpuesta sobre una estructura como papel, puede ayudar a desarrollar un efecto de movimiento mediante la instalación del cartel en una superficie con acceso al viento, permitiendo en la impresión un movimiento del personaje de la fotografía en escala de grises.
94
DESIGN thiking
diseña
Experimenta / Tintas conductivas
Tintas conductivas En colaboración con Grey London para las especias Schwartz, los carteles Feel Flavor exploran el concepto de sinestesia a través del toque interactivo. Se invitó a la ilustradora conceptual Billie Jean a crear una articulación visual de cómo podría verse el gusto. A cada hierba y especia representada en la obra de arte se le asignó un acorde musical que coincidía con su característica de sabor. Por ejemplo, el comino se convirtió en Mi bemol mayor, el chile se asignó a La bemol mayor y el hinojo se caracterizó por un F menor de tono más alto.
Grey london The Sound of Taste Feel Flavour HD https://youtu.be/-0I5CFBhuYc https://www.novalia.co.uk/portfolio/schwartz/
95
DESIGN thiking
rediseña
DESIGN DESIGN t t hh ii kk i n g
rediseña
La composición, la originalidad y la claridad, son factores decisivos para la pronta captación del mensaje cartelístico. Françoise Enel
Luego de una camino y esfuerzos llegamos a esta fase, en esta fase pondremos a prueba el ejercicio de la iteración tomando como base aspectos importantes que nos ayudaran a dar claridad sobre el objetivo y funcionalidad del cartel como pieza de comunicación, recordando que para llegar a este punto pasamos por diferentes fases previas; recolección de información, empatía, definiendo y materializando ideas asombrosas que se fueron simplificando mediante el proceso de diseño y la estética donde todos fueron libres de asumir cada camino y estilo, sin embargo este es el momento de compartir los hallazgos y la ruta creativa para que recorrimos para llegar a la solución más creativa ya asertiva de ese problema con enfoque social.
Goal META
Partida
97
DESIGN thiking
rediseña
El cartel es un medio de comunicación colectiva o masiva eminentemente suscitador, útil para soportar y transportar mensajes y persuadir. Moles (
)
1. Siempre contiene un mensaje sugestivo breve con un solo tema, de carácter icónico 2. Ese mensaje se ordena casi siempre bidimensionalmente (ancho y alto) 3. Su ubicación siempre será en lugares públicos, para la percepción del Máximo número de personas se debe tener en cuenta la ubicación si es impreso, si es digital para redes sociales conocer los formatos establecidos para su lectura. 4. El tamaño de ese impreso es grande; para una percepción inmediata y clara, no debe ser menor ni rebasar 25% de ángulo de visión de una persona si es un peatón, o si el receptor está desde un vehículo. 5. Este mensaje icónico-verbal 6. La composición de los elementos del mensaje siempre será básica, no Compleja, debe generar un llamado a la acción y es directa, del mismo modo se recomienda no debe Superar su compresión de los veinte segundos. 7. Los efectos provocadores e inmediatos que transmite el cartel, se deben a la riqueza y combinación de elementos lingüísticos como son el texto, la imagen, el color, el tamaño, la composición y la ubicación, hoy contrastadas con el material o elementos audiovisuales como sonido, realidad aumentada y transmedia.
98
DESIGN thiking
rediseña
La imagen es considerada como la espina dorsal del mensaje
Cuando caminamos por la calle y nos dejamos llevar por una serie de Imágenes con mensajes provocadores derivadas de letreros, signos y verdaderas figuras que llaman nuestra atención contribuyen a lo que conocernos como carteles que comunican, convencen o persuaden al lector, al igual que los carteles que vemos en las estaciones de transporte, y en un nuevo grupo las propuestas digitales que se despliegan en las redes sociales representadas en murales digitales, historias de redes sociales, blogs y otros medios. La imagen es considerada como la espina dorsal del mensaje en los carteles: no solo informa rápida, sino que contribuye en gran medida al éxito del mensaje del cartel y reúne las siguientes características. a) Atrapa la mirada, Crea un entorno ideal o “estético” b)
Informa,
redunda
y
registra;
Transmite
información
complementaria en el cartel. c) Transmite mensajes paralelos incluso no deseados, resaltar que cada persona es un mundo aparte y puede interpretar diferentes maneras según su percepción o cultura.
99
DESIGN
Re-diseña
thiking
RE-DISEÑA
TEST FUNCIONALIDAD
1
2
Sonda cultural
Percepción del público Lectura rápida Claridad Recordación Persuasión (si toca) Creatividad Estética 3
Simplifica Ajusta y re-diseña
100
2
Sondeo
Redes sociales
rediseña
TEST FUNCIONALIDAD
¿ Cuál es el objetivo del cartel propuesto? ¿ Para qué público está dirigido el cartel? ¿ Qué mensaje quiere proyectar el cartel? ¿ El mensaje es creíble y convincente? ¿ Contribuye el cartel con el mensaje esperado? ¿ Se hace recordar fácilmente? ¿ Consigue llamar la atención del receptor? ¿ La composición es compleja o es básica? ¿ Logra persuadir en las personas o simplemente es contemplativo y estético ? ¿ Dónde piensa ubicar el cartel? ¿ La comprensión del receptor es rápida o lenta y compleja?
101
Bitácora Classroom
BOARD MIRO
El formato de test se puede responder mediante una herramienta de Google formulario o anexarlo en la bitácora personal del proyecto.
Se recomienda anexar los resultados del test en la Board MIRO como respaldo del proceso creativo, servirá como medio para afinar detalles y validad la funcionalidad del cartel.
DESIGN thiking
re-diseña
Sonda cultural Mediante esa toolkit denominada una sonda cultural digital de Mentimeter, cada diseñador o grupo de trabajo puede evaluar o medir el grado de percepción, funcionalidad o variables que el estudiante determine describir en su gráfica, lo anterior mediante una escala de medición en el siguiente ejemplo se describe una sonda desarrollada en el taller de autoedición III, permitiendo ver el número de participantes. Para tener en cuenta es importante al momento de diseñar rellenar los campos de preguntas, una previa descripción del objeto del instrumento y si se va a compartir mediante link se debe entregar el número o código QR.
Bitácora BitácoraClassroom Classroom El formato o diseño de la sonda y las respuestas se se pueden adjuntar en la bitácora de Google Classroom.
102
BOARD MIRO Se recomienda anexar los resultados del test Mentimeter en la Board MIRO como respaldo del proceso creativo, servirá como medio para afinar detalles y validad la funcionalidad del cartel.
DESIGN thiking
rediseña
Sondeo
Redes sociales Otra de las alternativas para poder medir el grado de percepción de las personas es el uso de las redes, ellas cuentan con instrumentos para poder dialogar con las personas y conocer sus percepción sobre un tem, ejemplo de ellas son los formularios, preguntas, encuestas etc. El uso combinado de ellas puede ayudar a construir criterios de valor que permitan medir el impacto generado del cartel hacia el exterior. Formularios de Google o otros elementos similares pueden ayudar a generar espacios de dialogo entre el público que recibió el mensaje del cartel, logrando medir la funcionalidad del mismo o dar elementos de apoyo para futuras mejoras.
Bitácora Bitácora Classroom Classroom El formato o diseño uso de las redes y sus herramientas aplicadas, se puede adjuntar en la bitácora de Google Classroom.
103
BOARD MIRO Los elementos e interacciones como resultado del uso de las redes, se pueden adjuntar en la Board creativa como respaldo del proceso desarrollado
DESIGN thiking
Re-diseña
Referencias Fotgorafía TTim Brown (2008) https://cutt.ly/8gmKsNa
P.00
CartelTierra de nadie por Luba Lukova.
P.35
Luba Lukova | Censorship
P.39
Figura 1 Cartel Hambre extreama Viviana Guevara, John Bretón P.43 Verbos en acción, ilustraciones elavoración propia
P.45
Verbos en acción, ilustraciones elavoración propia
P.45
Pekka Loiri, Cartel Romauntun lady
P.45
Alejandro Magallanes, Cartel migración
P.47
Noma bar,cartel Romauntun Lady
P.48
Noma bar, cartel Ira
P.48
John Bretón Cartel No olvidar
p.49
Noma Bar Cartel Pendiones & property
P.50
Noma Bar Feeling the Pinch, Negative Space
P.50
Manuel Morelos, Cartel sandalia
P.51
Manuel Morelos,Cartel día mundial del teatro
P.51
Manuel Morelos, Cartel Vicente toro
P.51
Diego Bermudez, Cartel Ucrania, Covid-1
P.52
Viviana Guevara Figuras Retóricas
P.56
Noma Bar Jaws, for Volkswagen & See film differently
P.57
Agencia Grabarz & Partner, Againts abuse Inc Alemania.
P.57
Radar cartel Torres Gemelas 11
P.57
Olimpia Zagnoli, Againts abuse Inc Alemania.
P.59
Félix Beltrán, Cartel social
P.60
Dave Plunkert, Poster for Look Through My Eyes
P.61
Iván Ciro Palomino, Perú
P.63
DESIGN thiking
Re-diseña
Referencias
Manuel Guerrero, México
P.63
Shigeo Fukuda, UCC Coffee Japón
P.63
Shigeo Fukuda, hand
P.64
Shigeo Fukuda, Cartel Victory 1945
P.69
Christoph Niemann, New yorker
P.71
Alban Berg Wozzeck, Berg Wozzeck
P.73
Wes Wilson, the San Francisco Poster
P.75
Víctor Moscoso, The Chambers Brot.
P.75
Wes Wilson, the San Francisco Poster
P.75
Ferrer y Nicolás Sánchez,Ante la Jubilación
P.76
Aga Grandowicz, Piano Picnic
P.81
Yu chen, Death of a salesman
P.85
Rober PLuchik, The nature emociones
P.85
Michal Batory, Le grapes of wrath
P.86
Michal Batory, Le grapes of wrath
P.86
John Bretón, Cartel social Presos de nuestro rencor
P.88
Meza, Terremoto en Chile 2010
P.89
Miguel Frago & Samuel Aznar, 12caracteres.
P.90
Miguel Frago & Samuel Aznar, Cartel vagon de lujo
P.91
Agencia BETC São Paulo, Cartel The pasageI
P.91
Agencia GREY en España, Ayuda a Niños y Adolescentes en Riesgo
P.93
Grey london, The Sound of Taste Feel Flavour HD
P.95
@JOHNBRETON
De
sig
nT
hi
nk
in
g
Ca
rte
lis
m
o
So
cia
l
