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 31
Which was better?
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 155
put it on a tee!
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 160
try with photos!
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)