Top Banner
VISUAL THINKING -MORE THAN WORDS- Lucía Morales sara pedrero
42

Visual thinking more than words

Apr 12, 2017

Download

Design

Sara Pedrero
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Visual thinking  more than words

VISUAL THINKING-MORE THAN WORDS-

Lucía Morales sara pedrero

Page 2: Visual thinking  more than words

VISUAL THINKING-MORE THAN WORDS-

Page 3: Visual thinking  more than words

0. VISUAL THINKING VS DESIGN THINKING

Page 4: Visual thinking  more than words

1. pensamiento verbal vs pensamiento visual

Page 5: Visual thinking  more than words

1. pensamiento verbal vs pensamiento visual

PENSAMIENTO VERBAL

● Activa la imaginación y distrae de las palabras

● Conlleva un camino monótono en el discurso

● Es difícil retener la información

Page 6: Visual thinking  more than words

1. pensamiento verbal vs pensamiento visual

PENSAMIENTO VISUAL

● DA FORMA Y SENTIDO A LAS PALABRAS

● COMPLEMENTA EL DISCURSO

● MEJORA LA RETENCIÓN DE CONCEPTOS Y SU

COMPRENSIÓN

Page 7: Visual thinking  more than words

“UNA IMAGEN VALE MÁS QUE MIL PALABRAS”

Page 8: Visual thinking  more than words

GRAMÁTICA2MENSAJE3

LENGUAJE VISUAL

ALFABETO1

técnica de comunicación visual

Page 9: Visual thinking  more than words

2. LENGUAJE VISUAL

nivel pictórico de antiguos alumnos

Page 10: Visual thinking  more than words

2. LENGUAJE VISUAL - alfabeto visual

Page 11: Visual thinking  more than words

Dan Roam BIKABLO

2. LENGUAJE VISUAL - gramática visual

Page 12: Visual thinking  more than words

2. LENGUAJE VISUAL - gramática visual

ALFABETO VISUAL

● LETRAS● BULLETS● COLORES● LÍNEAS● CONECTORES● CAJAS● SOMBRAS● PERSONAS

Page 13: Visual thinking  more than words

2. LENGUAJE VISUAL - gramática visual

expresiones faciales y estados de ánimo

Page 14: Visual thinking  more than words

púrpuraCalmante y relajador.Usado en productos femeninos y de spa

rojoEnérgico y agresivo.Acelera el pulso cardiaco, se suele usar para rebajas, ofertas y saldos.

VERDENatural, fresco y sano.Es el color más fácil de procesar por el ojo humano, utilizado para inducir relajación en tiendas y decoración

amarilloOptimista y Joven.Usado para captar la atención en las ventanas de compra

azulConfianza y seguridad.Usado para negocio y banca

2. LENGUAJE VISUAL - gramática visual - color

Page 15: Visual thinking  more than words

2. LENGUAJE VISUAL - gramática visual - color

Page 16: Visual thinking  more than words

orden de lectura (OCCIDENTE)

2. LENGUAJE VISUAL - gramática visual - sentido de lectura

Page 17: Visual thinking  more than words

3. LENGUAJE VISUAL - TIPOS DE LENGUAJE

1LITERAL 2METAFÓRICO 3ESQUEMÁTICO

Page 18: Visual thinking  more than words

COMIENZO FIN

blau blau bl...

M O N Ó T O N O

3. LENGUAJE VISUAL - PRIORIZAR EL MENSAJE

Page 19: Visual thinking  more than words

COMIENZO FIN

Problema

SOLUCIÓN

INCERTIDUMBRE TENSIÓN RESOLUCIÓN CIERRE, MORALEJA

Mapa de una (buena) historiaBrett Dillingham, 2001

3. LENGUAJE VISUAL - PRIORIZAR EL MENSAJE

Page 20: Visual thinking  more than words

TARGET OBJETIVO PROBLEMA SOLUCIÓN MENSAJE

?

elementos para construir nuestra historia

3. LENGUAJE VISUAL - PRIORIZAR EL MENSAJE

Page 21: Visual thinking  more than words

4. composición de la información - según el mensaje

pósterhacer foco en una idea

listaenumerar conceptos similares

agrupacionesmostrar similitudes entre grupos

diagramamostrar procesos o sistemas

cuadrículacombinar y comparar

mandalamostrar unidad

Page 22: Visual thinking  more than words

4. composición de la información -retículas

recorrido vertical radial

tipo cloud rejilla modular

Page 23: Visual thinking  more than words

4. composición de la información

Page 24: Visual thinking  more than words

4. composición de la información

Page 25: Visual thinking  more than words

visual thinkingen business model canvas

Page 26: Visual thinking  more than words

BRAINSTORMING

● suspender el juicio● pensar libremente● la cantidad es importante● el efecto multiplicador

5. mind mapping

Page 27: Visual thinking  more than words

Sirven para representar contenidos y su relación entre ellos

5. mind mapping

Page 28: Visual thinking  more than words

5. mind mapping

CLÁSICO ARTÍSTICOCLÁSICO ABSTRACTO-ARTÍSTICO

Page 29: Visual thinking  more than words

5. mind mapping

CONCEPTUAL

Page 30: Visual thinking  more than words

5. mind mapping

FRÍO-CALOR

Page 31: Visual thinking  more than words

● Jerarquizar prioridades de entrega● Definir zonas de interacción● Localizar posibles problemas técnicos● Estimación de tiempos

6. estructuras y diagramación

Page 32: Visual thinking  more than words

A

A

A

B

B

B

6. estructuras y diagramación

Page 33: Visual thinking  more than words

DIAGRAMA PLANO

6. estructuras y diagramación

Page 34: Visual thinking  more than words

BLUEPRINT

6. estructuras y diagramación

Page 35: Visual thinking  more than words

WIREFRAME

6. estructuras y diagramación

Page 36: Visual thinking  more than words

6. estructuras y diagramación

PADRES E HIJOS - SECUENCIALES - CONCÉNTRICAS - HORIZONTALES

Page 37: Visual thinking  more than words

6. estructuras y diagramación

Page 38: Visual thinking  more than words

¡AHORA TÚ!- Ejercicio práctico -

Page 39: Visual thinking  more than words

1. BRAINSTORMING

2. MIND MAPPING

3. PRIORIZAR CONCEPTOS

4. PRIORIZAR MENSAJE

5. PREPARA TU SPEECH

6. ¡CONVÉNCENOS!

Page 41: Visual thinking  more than words

enlaces de interés LIBROS:

tu mundo en una servilleta - dan roam

visual meetings - david sibbet

the sketchnote workbook - mike rohde

gamestorming - dave gray

PRESENTACIONES Y MOCKUPS:

KEYNOTE

WWW.VIDEOSCRIBE.CO

WWW.GRAPHICBURGER.COM

WWW.MOQUPS.COM

Page 42: Visual thinking  more than words

¡ MUCHAS GRACIAS !@luciadesigns

@piedragirl