manual design thinking - cartelismo social

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