Embed Size (px)
Citation preview
@amyburvall
Image is Everything:!Exploring Visual Literacy
for Critical Thinking
#
community
1:00-2:00
2:00-3:00
outside safari + indep. research/preso
3:00-4:00
share + data viz + graphic facilitation
4:00-5:00
photo + video+ personal brand + reflection
intro + the why/how+ metaphor + shortology
workshop trailer
workshop trailer
!
Introductionssee G-doc “Activities”
life in 3 emoji
CSI of you
3 of me
how am I? sketch
story of me in 3
what 3 images tell your story?
How Art Made the World: The Day Pictures Were Born
How Art Made the World: The Day Pictures Were Born
How Art Made the World: The Day Pictures Were Born
How Art Made the World: The Day Pictures Were Born
Are YOU a Visual Thinker?
Are YOU a Visual Thinker?
THE
dual coding!and!
picture superiority effect
Allan Paivio
“Unflattening” - PhD as graphic novel @Nsousanis
External memory aids, such as sketches and diagrams, can help us overcome the limited capacity of our short- and long-term memories
Allen Newell and Nobel Prize winner Herbert Simon
restructuring
idea pivoting
flexibility
(modifying initial ideas; coming up with novel changes)
“Why Doodlers are the New ‘Now’”
important in cross-cultural groups, for whom visual sketches can bridge gaps of understanding
“The Whirl”, Dave Gray
“graphical library” !
“visual alphabet” !
“iconic language”
Dan Roam “vivid thinking”
Dan Roam “vivid thinking”
synthesis!!
metaphorical thinking!!
critical thinking
Tyranny of…
Gutenberg Parenthesis
return to more visual/ oral
WHY #visualliteracy in the classroom?student-made film
WHY #visualliteracy in the classroom?student-made film
environment: graffiti wall
"Scholars will be instructed through the eye. It is possible to teach every branch of human knowledge with the motion picture. Our school system will be completely changed inside of ten years"
- Thomas Edison
“make audio go viral with eye candy”
Blank on Blank
“make audio go viral with eye candy”
Blank on Blank
media literacy and
digital fluency
early Muppets
early Muppets
!
VIZIPHONE
use metaphorical and visual thinking to express complex and abstract ideas
non-verbal collaboration
power of images to tell a story !and relate complex ideas
Playing the Game!
each person, 1 min
have a story in mind
draw as much of that story as possible in 1 min
pass paper to next person
1 minute to “add” to the story
divide paper into 4 boxes
RULES:!!
no talking (this game must be entirely non-verbal until the end)
!!!!!!!!
you may draw in the next box of the storyboard or embellish the previous person’s drawing
try to avoid “drawing” words and phrases
last person who drew should share out loud with the group what they perceived the stories to be
first person should then share in what ways end result was similar or different than original intent
Debriefing Viziphone
What types of symbols and icons were useful in communicating specific abstract ideas?
What was challenging about this activity?
What was most fun and why? !
Debriefing Viziphone
!!
What surprised you about the way the stories developed with the imagery?
!Do you think your team was successful at
communicating an entire story with visuals only? Why or why not?
“If only we could pull out !our brain !
and use only our eyes.” !!!
― Pablo Picasso
THE
Iconography and
Metaphorical Thinking
Ads are the cave art of the twentieth century
!
!
!
― Marshall McLuhan
#jesuischarlie
#jesuischarlie
power of a tagged image
The Dot and the Line, 1963
The Dot and the Line, 1963
Metaphor is about association + relationship
Metaphor is about association + relationship
“EYE-DEAS”
Metaphor is about association + relationship
“EYE-CANDY”
Metaphor is about association + relationship
making ideas “grow” better
Metaphor is about association + relationship
Metaphor is about association + relationship
Metaphor is about association + relationship
Pictographs / Isotypes (1930s)
The Noun Project
collaborative creativity: #remash
student logo contest: “What If?”
Iconography and Metaphor
choose from list on G-docalso check out “SketchGuess”
@serendipidoodle
@serendipidoodle
Essentializing and
“Shortology”
“Shortology”
“Shortology”
condensed shakespeare, mya gosling
MINIMALIST MOVIE POSTERS
POEMS
NOVELS
HISTORICAL EVENTS
synthesis: emoji story
100% time, simple diaries @Braddo
!“Quick and Dirty”
Presentation
images - no bullets
open-ended question to lead class in
discussion
minimalist posters of a concept
minimalist posters of a concept
the film Amadeus
famous movie lines
4 icon challenge
Essentializing and Shortology!!
choose from list on G-doc
Outside Safari!+!
independent research with 3 slide preso
choose 1 from the G-doc
for indep research, see “General” in the G-doc
Infographics and DataViz
Benefits of Data Visualization
Benefits of Data Visualization
INSIGHT
picture VENNs
listicle!(Thinglink or info.gram)
listicle!(Thinglink or info.gram)
use real life items or people
length of hair= frequency of addiction
use real life items or people
photorealism
photo essay style
Visualize…!
What’s in your head?
#ds106 challenge
(hierarchical)
word cloud art
infographic remix
find an original and make it better
more clear, fun, aesthetic metaphorical, etc.
DIY with data set
DIY with data set
Creation Creator Motivation Pos/Neg Effects
relations between people and ideas
re.vu
infographic CV
re.vu
infographic CV
Thinglink : Metadata Me
from Ikea’s Swedish cookbook
Blowout
Burning House Project
Infographics and Data Viz!!
choose from list on G-doc
Graphic Design and
Typography
metaphorical lettering !
typographical parlant
“where art meets type”
Stefan Sagmeister, metaphorical typographer
#sketchquote
#threethirtysketchquote #birthdaysketchquote
take a break…and make!
“DRAWMOUR” TUMBLR BLOG
translate a photo…
Graphic Design and Typography!!
choose 1 from the G-doc list
Sketchnoting and
Graphic Facilitation
(abridged)
some basics
some basics
Sketchnote Scribes G+
(linked on the side menu)
SQVID Dan Roam
SQVID Dan Roam
SQVID Dan Roam
SQVID Dan Roam
practice SQVID with words
divergent thinking: marginalia
networked reading @MrZiebarth
develop your own vocabulary
@TracyClark08
develop your own
“visual voice”
sketchnotes by @MrZiebarth using Paper 53 Think Kit
put it on a tee!
make it an ironic tee!
collaborative Sketch Song: SHE
“She”, Elvis Costello(see G doc for lyrics to sketch)
“She”, Elvis Costello(see G doc for lyrics to sketch)
Sketchnotes, Graphic Recording, Marginalia!!
choose 1 from the G-doc
example of @MirandaKeeling to sketch
Photography and
Cinemagraphs
try with photos!
photo safaris
@cogdog
low barrier!of entry points
low barrier entry points: photo challenge
low barrier entry points: photo challenge
BESTAGRAM
low barrier entry points: photo-a-day
low barrier entry points: photo challenge
FORCED PERSPECTIVE
“A few weeks later, in the wood, I came across Miss Riding Hood. But what a change! No cloak of red, No silly hood upon her head. She said, “Hello, and do please note My lovely furry wolfskin coat.”
- Roald Dahl
“Ocean Pollution”
Snap-enger Hunt with SnapChat
cinemagraphs(mood? process?)
cinemagraphs(mood? process?)
favourite apps
NOIR
Big Lens or
Pixlromatic
pic/ play / post app
Process Product Reflection
pic/ play / post app
Process Product Reflection
Tayasui Sketches App
Photography and Cinemagrams!!
choose 1 from the G-doc
Visual Storytelling: How Art Made the World
Visual Storytelling: How Art Made the World
Visual Storytelling: How Art Made the World
Visual Storytelling: How Art Made the World
Visual Storytelling: How Art Made the World
Visual Storytelling: How Art Made the World
Video: Digital and Hybrid
Creative Speedsketching
Creative Speedsketching
serendipitous “doodle-ramblings”
@Hombre_McSteez
the power of the cut
the power of the cut
appsmashing
PAPER 53 APPLE KEYNOTE MAGIC MOVE
PAPER 53 APPLE KEYNOTE MAGIC MOVE
PAPER 53 REFLECTOR APP iMOVE
PAPER 53 REFLECTOR APP iMOVE
Video!!
choose 1 from the G-doc
Personal Branding
“visual presence”
avatars
consistent
recognizable
high contrast / b&w is great
close up head shot
colour palette and style
research color meanings
make your entire digital presence that palette
understand complementary colors
logo designhave you thought about it?
MOO cards!are cool!
(I have some for you!)
Personal Branding!!
choose 1 from the G-doc
IDEATE: 100 ideas in 10 minutes!
share best to Padlet
http://padlet.com/amyburvall/imagED
Social Media Activity: !
Emoji Story and/or
try IconPop app and/or
GOPOP app for visual conversation
#imagED #BLC15
Reflection!!
choose 1 from the G-doc
