Page 1 @amyburvall
Image is Everything:!Exploring Visual Literacy
for Critical Thinking
#EttSummit
Page 2 http://bit.ly/imagEDdrawing app
(Paper 53 recommended)
Page 4 G doc in “Activities”
or… http://bit.ly/imagEDettisummit
Page 5 data viz / info graphics + graphic design
photo + video+ digital presence
intro + the why
metaphor + short-ology
reflection + extensions
Page 7 What’s “Historyteachers”?
Page 8 What’s “Historyteachers”?
Page 9 What’s “Historyteachers”?
Page 10 me, !sketching!
everywhere
Page 14 never say…
@adambellow
Page 15 !
Introductionssee G-doc “Activities”
life in 3 emoji
CSI of you
3 of me
how am I? sketch
Page 16 story of me in 3
what 3 images tell your story?
Page 20 dual coding!and!
picture superiority effect
Allan Paivio
Page 21 caves at Chauvet 32-30,000 BP
Page 22 Gutenberg Parenthesis
return to more visual/ oral
Page 24 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
Page 25 disclaimer:!!
don’t stress out about your artistic
abilities… this is about thinking
Page 26 Make the Mundane Matter
Page 27 @donalddrawbertson
Unexpected Mediums
Page 29 Challenge: draw your favorite activity
Page 30 Now draw the same thing again…
Page 32 Don’t THINK about making ART - just get it DONE.
Let everyone else decide if it’s GOOD or bad…
…while they are deciding, make even MORE ART.
Andy Warhol
Page 34 “Unflattening” - PhD as graphic novel @Nsousanis
Page 35 External memory aids
Page 36 Are YOU a Visual Thinker?
Page 37 Are YOU a Visual Thinker?
Page 38 “If only we could pull out !our brain !
and use only our eyes.” !!!
― Pablo Picasso
Page 39 confidence
problem-solving
focus
perseverance
collaboration
What we learn from the ARTS (besides Creativity)
Page 40 “Why Doodlers are the New ‘Now’”
Page 41 golf course architect
I met on the plane
vision / prototype
Page 42 important in cross-cultural groups, for whom visual sketches can bridge gaps of understanding
Page 43 Images existed before words, and they do convey a sense of universality
- artist Jean Julien
Page 44 media literacy and
digital fluency
Page 45 “The Whirl”, Dave Gray
Page 46 Dan Roam “vivid thinking”
Page 47 Dan Roam “vivid thinking”
Page 48 metaphorical !thinking!
+!iconography
Page 49 use metaphorical and visual thinking to express complex and abstract ideas
Page 51 first symbols man created
Page 54 Ads are the cave art of the twentieth century
!
!
!
― Marshall McLuhan
Page 55 what did you think of first?
Page 56 The Dot and the Line, 1963
Page 57 The Dot and the Line, 1963
Page 58 Kennings
hyphenated compound metaphor
Anglo-Saxon and Norse literature
“northern kiss”= cold wind
“whale-road” = the ocean
“sky-candle”= sun
Page 60 analogies game
word bank of nounsseek connections (use like and as)
visualize
horse wind
Page 61 mood board: Padlet via @wickedDecent
historical events, novels (this is Of Mice and Men)
Page 62 Metaphor is about association + relationship
“EYE-DEAS”
Page 63 Metaphor is about association + relationship
“EYE-CANDY”
Page 64 Metaphor is about association + relationship
making ideas “grow” better
Page 65 Metaphor is about association + relationship
Page 66 visualizing!untranslateable words
(check tables for words)
Page 67 feline devastation
starlight fir
@serendipidoodle
Page 68 try a Serendipidoodle!
http://bit.ly/serendipidoodlizer
Page 69 Pictographs / Isotypes (1930s)
Page 71 symbolic Beatles’ songs
Page 72 collaborative creativity: #remash
Page 73 student logo contest: “What If?”
Page 74 Crowdsourced!Visual Vocab
create dictionary of iconography
Page 75 Crowdsourced!Visual Icon!Dictionary
- education - idea - technology - information - conflict - love - time - change - student - government - learning - imagine - travel - question !!!
- research/curation - quote - food - success - earth/world/global - school - team/group - camera - smartphone - problem - think - imagine - writing - drawing
Page 76 Essentializing and
“Shortology”
Page 77 David Ogilvy
big ideas usually come as simple ideas
!create a children’s book
!explain in 3 image panel
Page 78 Picasso’s Exercise: used at Apple
Page 84 condensed shakespeare, mya gosling
Page 85 MINIMALIST MOVIE POSTERS
POEMS NOVELS HISTORICAL EVENTS
Page 86 synthesis: emoji story
Emojiliterate?
Page 87 Emoji Exit Ticket
Affective Datahow did I feel about my work or my learning?
Page 88 !
Curation + Presentation Idea:
Page 89 images - no bullets
open-ended question to lead class in
discussion
Page 92 minimalist posters of a concept
Page 93 minimalist posters of a concept
Page 95 choose 1 from the promptsEssentializing & Shortology
Page 96 Infographics and DataViz
Page 97 Benefits of Data Visualization
Page 98 Benefits of Data Visualization
Page 101 listicle!(Thinglink or info.gram)
Page 102 listicle!(Thinglink or info.gram)
Page 103 use real life items or people
length of hair= frequency of addiction
Page 104 use real life items or people
photorealism
Page 105 photo essay style
Page 106 Visualize…!
What’s in your head?
#ds106 challenge
*great for reflection
Page 109 Remix: Infographic
from this ^ to this >
Page 110 infographic remix
find an original and make it better
more clear, fun, aesthetic metaphorical, etc.
Page 112 DIY with data set
Page 113 DIY with data set
Page 114 Creation Creator Motivation Pos/Neg Effects
relations between people and ideas
Page 115 re.vuinfographic CV
Page 116 re.vuinfographic CV
Page 117 Thinglink : Metadata Me
Page 118 from Ikea’s Swedish cookbook
Blowout
Page 119 flow chart a song !
(or poem, or speech)
Page 120 3 dimensional visualization of: !
vocab word math problem event in history
process in science movement in political science
Make it Tangible
Page 121 BURNING HOUSE
if you had to take only
10 things…
Page 122 BURNING HOUSE
nothing material is that important
Page 124 try:
Venn Diagram Humour !
OR
Visualize an Analogy
Page 125 http://webylife.com/
Graphic Design and
Typography
Page 126 metaphorical !typography!
!
“where art meets type”
Page 127 Stefan Sagmeister, metaphorical typographer
Page 132 #bowie #literalalphabet
Page 133 #literalalphabet
Bow-e !
J-walk !
M-bark !
Y-knot
Page 135 Myconography: Metaphorical Icons
Page 136 #sketchquote
#threethirtysketchquote #birthdaysketchquote
take a break…and make!
Page 140 try!
Metaphorical!Typography
with your name, city, or #oneword to describe your day
Page 141 Sketchnoting and
Graphic Facilitation
Page 142 Visual Note-taking: some basics
Page 143 Visual Note-taking: some basics
Page 144 Sketchnote Scribes G+
(linked on the side menu)
Page 145 you begin to see things you never noticed before.… you get closer to the artist’s secret
Rijksmuseum, Amsterdam
Page 147 “I dreamed I was a
SKETCH”
draw a sketch avatar of yourself
what do your go-to “people”
look like?
Page 148 visible thinking: !marginalia
Page 149 networked reading @MrZiebarth
Page 150 develop your own vocabulary
@TracyClark08
Page 151 Crowdsourced Sketchnotes of Encouragement !
@ktenkely
Page 152 Lynda Barry’s notebook grid!
Page 153 develop your own
“visual voice”
sketchnotes by @MrZiebarth using Paper 53 Think Kit
Page 154 !
mastery comes !with muscle
Page 157 make it an ironic tee!
Page 158 sketch:!!
- a lyric from your favorite song - a line from a beloved poem - a quote you like
Page 159 Photography and
Cinemagraphs
Page 161 a camera teaches you to
SEE!without a camera
photo safaris
Page 162 stuff your eyes with wonderRay Bradbury
Page 163 Find Whimsy in the World
Page 164 weekly photo challenge
Page 165 low barrier entry points: photo-a-day
Page 166 “Ocean Pollution”
power of a simple image
Page 167 Snap-enger Hunt with SnapChat
(photos now used for talking)
Page 168 cinemagraphs(mood? process?)
Page 169 cinemagraphs(mood? process?)
Page 170 unsplash.com
10 free hi-res photos every 10 days
Page 171 low barrier!of entry points
Page 172 TIME
what if we had…
drop everything and draw
Page 173 environment: graffiti wall
Page 174 thoughtfully consider every space
as creative space
Page 175 The StudioProduction
Page 176 The StudioProduction
Page 179 Big Lens or
Pixlromatic
Page 180 Motion Portrait app
Page 181 Motion Portrait app
Page 182 pic/ play / post app
Process Product Reflection
Page 183 pic/ play / post app
Process Product Reflection
Page 184 Paper by Fifty-Three
Page 186 draw over photos (even over
tweets)
Paper 53 for iPhone
Page 187 serendipitous “doodle-ramblings”
@Hombre_McSteez
Page 188 Chomp !!
by Christoph Neimann
($3.99)
interactive
videos can be stitched together in iMovie
Page 189 Chomp !!
by Christoph Neimann
($3.99)
interactive
videos can be stitched together in iMovie
Page 190 Creative Speedsketching
Video: Digital and Hybrid
Page 191 Creative Speedsketching
Video: Digital and Hybrid
Page 193 the power of the cut
Page 194 the power of the cut
Page 195 When people ask me if I went to film school
I tell them, ‘No, I went to films’
Quentin Tarantino
Page 197 PAPER 53 APPLE KEYNOTE MAGIC MOVE
Page 198 PAPER 53 APPLE KEYNOTE MAGIC MOVE
Page 199 draw on phone and import to laptop
layer in Keynote
duplicate slide + move a little
apply “magic move” as transition
import to iMovie, speed up when needed
add music and sound effects
Page 200 PAPER 53 REFLECTOR APP iMOVE
Page 201 PAPER 53 REFLECTOR APP iMOVE
Page 202 Personal Branding
“visual presence”
Page 203 avatars
consistent
recognizable
high contrast / b&w is great
close up head shot
Page 204 colour palette and style
research color meanings
make your entire digital presence that palette
understand complementary colors
Page 206 logo designhave you thought about it?
MOO cards!are cool!
(I have some for you!)
Page 207 IDEATE: 100 ideas in 10 minutes!
share best to Padlet
http://padlet.com/amyburvall/imagED
Page 208 I just want to make beautiful things… even if nobody cares
Page 209 your big takeaway
a question
your personal challenge
Page 210 @amyburvall
(on all social media)