Top Banner
Bienvenid@s Sketchnotes Reilly Dow @ReillyPinkfish / reilly@pinkfish.ca / pinkfish.ca Presentación © 2015 Reilly Dow
60

Sketchnotes / Apuntes Gráficos

Jan 14, 2017

Download

Education

ReillyDow
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: Sketchnotes / Apuntes Gráficos

Bienvenid@s Sketchnotes

Reilly Dow @ReillyPinkfish / [email protected] / pinkfish.ca

Presentación © 2015 Reilly Dow

Page 2: Sketchnotes / Apuntes Gráficos

¡Hola!Soy Reilly

Page 3: Sketchnotes / Apuntes Gráficos
Page 4: Sketchnotes / Apuntes Gráficos
Page 5: Sketchnotes / Apuntes Gráficos
Page 6: Sketchnotes / Apuntes Gráficos

ActividadDibuja una linea o forma sobre una hoja o Post-it (2 segundos)

Busca alguien con una forma similar¿Cómo definen similar?

Page 7: Sketchnotes / Apuntes Gráficos

¿Cómo vas a utilizar los sketchnotes?

Page 8: Sketchnotes / Apuntes Gráficos

¿Qué son?Los sketchnotes son apuntes visuales comprimidos de texto escrito, dibujos, lettering, formas, y elementos visuales como flechas, cajas y líneas.

- Mike Rohde, The Sketchnote Handbook

Page 9: Sketchnotes / Apuntes Gráficos
Page 10: Sketchnotes / Apuntes Gráficos
Page 11: Sketchnotes / Apuntes Gráficos

Mike Rohde @rohdesign, 2007

Page 12: Sketchnotes / Apuntes Gráficos

Mike Rohde @rohdesign, 2008

Page 13: Sketchnotes / Apuntes Gráficos

Mike Rohde @rohdesign

Page 14: Sketchnotes / Apuntes Gráficos

Sacha Chua @sachac

Page 15: Sketchnotes / Apuntes Gráficos

Sacha Chua @sachac

Page 16: Sketchnotes / Apuntes Gráficos

Giulia Forsythe @giuliaforsythe

Page 17: Sketchnotes / Apuntes Gráficos

Giulia Forsythe @giuliaforsythe

Page 18: Sketchnotes / Apuntes Gráficos

Rachel Smith @ninmah

Page 19: Sketchnotes / Apuntes Gráficos

Eva-Lotta Lamm @evalottchen

Page 20: Sketchnotes / Apuntes Gráficos

Eva-Lotta Lamm @evalottchen

Page 21: Sketchnotes / Apuntes Gráficos

Otros sketchnoters

Craighton Berman @craightonberman http://blog.fueledbycoffee.com

Doug Neill @douglaspneill http://www.verbaltovisual.com

Page 22: Sketchnotes / Apuntes Gráficos
Page 23: Sketchnotes / Apuntes Gráficos
Page 24: Sketchnotes / Apuntes Gráficos
Page 25: Sketchnotes / Apuntes Gráficos

≠arte

ilustraciones profesionales

=pensamiento visual comunicación visual

una herramienta de aprendizaje

Page 26: Sketchnotes / Apuntes Gráficos

Por ejemploMike Rohde

https://www.youtube.com/watch?v=Njo6I33g0wI

Binaebi Akah https://www.youtube.com/watch?v=EK_sQam0mvY

https://www.youtube.com/watch?v=OHf3ZEpyJHI&list=UUr6soVux101QqgGLrm4C0XQ

Page 27: Sketchnotes / Apuntes Gráficos

Pictograma

Page 28: Sketchnotes / Apuntes Gráficos

¡Primer intento!Sketchnotes al tiro: Tomar apuntes sobre lo que vamos a ver

ahora (el “por qué” de los apuntes visuales).

¿Cuáles son los puntos claves para ti? ¿Cómo se relacionan? ¿Cómo vas a representar la información?

Page 29: Sketchnotes / Apuntes Gráficos

“La percepción visual no tiene que ver con imágenes. Tiene que ver con procesar información que es relevante para entender el mundo que nos rodea.” Dr. Luis Miguel Martínez Otero, director del Laboratorio de Neurociencias Visuales, Instituto de Neurociencias Alicante, España. Charla completa sobre la neurociencia y el aprendizaje visual disponible aquí.

Page 30: Sketchnotes / Apuntes Gráficos

Imagen original aquí

• La retina empieza a procesar y clasificar la información que recibimos

• Ver e interpretar son procesos cognitivos • Atención = seleccionar una cosa sobre otra

Pensamiento visual

Page 31: Sketchnotes / Apuntes Gráficos

La inteligencia visual ocupa casi la mitad de la corteza cerebral

Page 32: Sketchnotes / Apuntes Gráficos

Directorio visuoespacial, teoría de la memoria de trabajo (Baddeley) Teoría de codificación dual (Paivio)

La memoria

Picture superiority effect: más fácil recordar imágenes vs. lenguaje verbal o texto, por factores conceptuales y perceptivos La organización espacial de la información (ej. mapas) > texto en formato convencional Presentación multimedia de la información aumenta la retención

Page 33: Sketchnotes / Apuntes Gráficos

El cerebro…representa la información de manera no lineal,

dinámica, interconectada.

Se pueden utilizar herramientas variadas:

fotografía“pintar/escribir”

imágenes mentales

dibujos mapas programas y apps para la visualizacióndiagramas

Page 34: Sketchnotes / Apuntes Gráficos

El cerebro…cambia cuando dibujamos!

En un estudio con alumnos de pregrado, se midieron cambios físicos en el cerebro después de una clase de dibujo con sólo

tres meses de duración:

aumento en pensamiento creativo relacionado con cambios en la materia blanca prefrontal actividad en el cerebelo y la corteza cerebral

Page 35: Sketchnotes / Apuntes Gráficos

Tomar apuntesUso de mapas conceptuales y mapas mentales aumenta el aprendizaje y la memoria Tomar apuntes y hacer garabatos nos ayudan a mantener la atenciónHay beneficios en tomar notas y dibujar a mano, porque implica procesos cognitivos como ‘digerir’ y sintetizar Mover los dedos escribiendo letras activa las áreas del cerebro del pensamiento, el lenguaje y la memoria de trabajo El uso de apuntes visuales en un contexto laboral aumenta la concentración y memoria

Page 36: Sketchnotes / Apuntes Gráficos

Tomar buenos apuntes

Tomar apuntes a mano, entender lo

que escribes, utilizar tus propias

palabras

Mover la mano y hacer garabatos para mantener la atención (“doodling”)

Utilizar mapas conceptuales,

mapas mentales y diagramas

Reflejar la representación de la información que existe en nuestro cerebro: no lineal, dinámica, interconectada.

Page 37: Sketchnotes / Apuntes Gráficos

¿Qué tal la pasaron?

Page 38: Sketchnotes / Apuntes Gráficos

¿Cómo se hace?

Page 39: Sketchnotes / Apuntes Gráficos

Tips & Práctica

Dibujar: Personas

Contexto / Categorías Procesos Discurso

Usar color (menos es más suficiente)

Títulos & jerarquía

Page 40: Sketchnotes / Apuntes Gráficos

Hecho por Austin Kleon

Page 41: Sketchnotes / Apuntes Gráficos

Conectar y organizar

Tomar notas y dibujar

Escuchar e interpretar

Page 42: Sketchnotes / Apuntes Gráficos

1 Preparar

Escribir el título de este taller, Sketchnotes, en una letra que comunica algo sobre la experiencia - serio? académico? entretenido?

Titulo Titulo TíTULO

TItulo Título título Título

Page 43: Sketchnotes / Apuntes Gráficos

2 Escuchar e interpretarPiensa en una idea, estadística, o cifra interesante que escuchaste o leíste (o busca uno ahora). Comparte con tu mesa mientras ellos toman sketchnotes. Cambio.

Inspiración: Citas ilustradas (Illustrated Charts) en http://maggieappleton.com Maggie Appleton @Mappletons

Page 44: Sketchnotes / Apuntes Gráficos

3 Tomar notas y dibujarEjercicio: Divide una página en tres secciones. Sección 1: escribe el alfabeto lentamente y claramente. Sección 2: escribe el alfabeto lo más rápido que puedas. Sección 3: busca una forma rápida pero legible.

Brandy Agerbeck, loosetooth.com

1: Clara

3: Clara & Rápida

2: Rápida

Page 45: Sketchnotes / Apuntes Gráficos

El abecedario visual, Ed Emberley

Page 46: Sketchnotes / Apuntes Gráficos

Video original aquí

Ed Emberley

Page 47: Sketchnotes / Apuntes Gráficos

3 Tomar notas y dibujarCrear un ícono para:

• Las ideas • Las personas • La ciudad de Santiago • Tu trabajo (profesor/a de lenguaje, historia, ciencias…) • Un concepto clave que utilizas diario en lo que haces

Page 48: Sketchnotes / Apuntes Gráficos
Page 49: Sketchnotes / Apuntes Gráficos

4 Conectar y organizar

Ejemplos de layout y formato por Jason Alderman: http://www.slideshare.net/jalderman/practical-sketchnoting (desde lámina 107)

Page 50: Sketchnotes / Apuntes Gráficos

Eva-Lotta Lamm @evalottchen

Page 51: Sketchnotes / Apuntes Gráficos

Mike Rohde @rohdesign

Page 52: Sketchnotes / Apuntes Gráficos

Conectar y organizar

Tomar notas y dibujar

Escuchar e interpretar

Page 53: Sketchnotes / Apuntes Gráficos

Mike Rohde @rohdesign, 2013

Page 54: Sketchnotes / Apuntes Gráficos

Mike Rohde @rohdesign, 2013

Page 55: Sketchnotes / Apuntes Gráficos

Escuchar charlas TED (aquí una recomendación, aquí otra) y tomar apuntes visuales.

Escoge un layout o flujo si quieres probar. Juega con lettering, flechas, personas y otros iconos.

Compartir en Twitter #sketchnotes @ReillyPinkfish ;)

Homework

Page 56: Sketchnotes / Apuntes Gráficos

¿Ahora qué?¿Cómo se aplica esta técnica?

Reuniones Charlas Clases Eventos

Planeación Compartir ideas

Diseño

En el aula: Ej. alumnos con dislexia y autismo

Page 57: Sketchnotes / Apuntes Gráficos

¿Ahora qué?¿Cómo se aplica esta técnica?

Docentes & alumnos: Tomar mejores apuntes

Planear Compartir ideas

Resolver problemas

Evaluación: ¿Qué queremos evaluar?Calidad estética del producto final? Comprensión de textos / contenidos

Trabajo en equipo (crear sketchnotes / mapas en grupos) Nivel de análisis / explicación (ej. exponer con sketchnotes)

Page 58: Sketchnotes / Apuntes Gráficos

Libros, etc.Pensamiento Visual - David Sibbet

Liderazgo Visual - David Sibbet La Clave es la Servilleta - Dan Roam

The Sketchnote Handbook - Mike Rohde The Graphic Facilitator’s Guide - Brandy Agerbeck

The Doodle Revolution - Sunni Brown Sketchnotes 2012 - Eva-Lotta Lamm

Blogs: http://cityroom.blogs.nytimes.com/category/kids-draw-the-news/ (en inglés)

https://aquideomnibusdubitandum.wordpress.com/2013/04/07/teoria-de-la-visualizacion-algunos-consejos-de-edward-tufte/ (en español)

http://facilitaciongrafica.blogspot.com (en español) http://tumblr.austinkleon.com (en inglés)

http://sketchnotearmy.com (internacional) http://blog.fueledbycoffee.com (en inglés) http://www.verbaltovisual.com (en inglés)

Twitter: #sketchnotes #visualthinking #vizthink Flickr: sketchnotes

Apps para el iPad: Penultimate, Paper (de 53), SketchbookPro, Brushes, Inkflow Lápices: Pencil (de 53), Cosmonaut (por Studio Neat)

No tomo muchos sketchnotes digitales. Recomiendo el blog de Rachel Smith si te interesa (en inglés): http://digitalfacilitation.net

Page 59: Sketchnotes / Apuntes Gráficos

Bibliografía• Andrade, J. (2010). What does doodling do? Applied Cognitive Psychology, 24, 100-106. • Dake, D. M. (2007). A natural visual mind: The art and science of visual literacy. Journal of Visual

Literacy, 27(1), 7-28. • Dunkel, P. (1985). The immediate recall of English lecture information by native and non-native

speakers of English as a function of notetaking. Retrieved from http://arizona.openrepository.com/arizona/handle/10150/188030

• Finson, K., & Pederson, J. (2011). What are visual data and what utility do they have in science education? Journal of Visual Literacy, 30(1), 66-85.

• Hyerle, D. (2009). Beyond the wall of text: Thinking Maps® as a universal visual language for transforming how we see knowledge, thinking and learning. In J. E. Pedersen & K. D. Finson (Eds.), Visual data: Understanding and applying visual data to research in education (31-49). Rotterdam: Sense Publishers.

• Institute for the Advancement of Research in Education (IARE) (2003). Graphic organizers: A review of scientifically based research. Portland, OR: Inspiration Software Inc.

• Mueller & Oppenheimer (2014). The pen is mightier than the keyboard: Advantages of longhand over laptop note taking. Psychological Science, 25(6), 1159-1168.

• Schlegel, A., et al. (2015). The artist emerges: Visual art learning alters neural structure and function. NeuroImage, 105(15), 440-451.

• Stenberg, G. (2006). Conceptual and perceptual factors in the picture superiority effect. European Journal of Cognitive Psychology, 18(6), 813-847.

Page 60: Sketchnotes / Apuntes Gráficos

¡Gracias!

Reilly Dow Facilitadora Gráfica

pinkfish.ca @ReillyPinkfish