Embed Size (px)
Citation preview
@amyburvall
Image is Everything:!Exploring Visual Literacy
for Critical Thinking
#EttSummit
community
data viz / info graphics + graphic design
photo + video+ digital presence
intro + the why
metaphor + short-ology
reflection + extensions
What’s “Historyteachers”?
What’s “Historyteachers”?
What’s “Historyteachers”?
me, !sketching!
everywhere
aren’t we all?
never say…
@adambellow
!
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?
workshop trailer
workshop trailer
THE
dual coding!and!
picture superiority effect
Allan Paivio
caves at Chauvet 32-30,000 BP
Gutenberg Parenthesis
return to more visual/ oral
Tyranny of…
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
disclaimer:!!
don’t stress out about your artistic
abilities… this is about thinking
Make the Mundane Matter
@donalddrawbertson
Unexpected Mediums
Challenge: draw your favorite activity
Now draw the same thing again…
Which was better?
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
“Unflattening” - PhD as graphic novel @Nsousanis
External memory aids
Are YOU a Visual Thinker?
Are YOU a Visual Thinker?
“If only we could pull out !our brain !
and use only our eyes.” !!!
― Pablo Picasso
confidence
problem-solving
focus
perseverance
collaboration
What we learn from the ARTS (besides Creativity)
“Why Doodlers are the New ‘Now’”
golf course architect
I met on the plane
vision / prototype
important in cross-cultural groups, for whom visual sketches can bridge gaps of understanding
Images existed before words, and they do convey a sense of universality
- artist Jean Julien
media literacy and
digital fluency
“The Whirl”, Dave Gray
Dan Roam “vivid thinking”
Dan Roam “vivid thinking”
metaphorical !thinking!
+!iconography
use metaphorical and visual thinking to express complex and abstract ideas
THE
first symbols man created
Ads are the cave art of the twentieth century
!
!
!
― Marshall McLuhan
what did you think of first?
The Dot and the Line, 1963
The Dot and the Line, 1963
Kennings
hyphenated compound metaphor
Anglo-Saxon and Norse literature
“northern kiss”= cold wind
“whale-road” = the ocean
“sky-candle”= sun
analogies game
word bank of nounsseek connections (use like and as)
visualize
horse wind
mood board: Padlet via @wickedDecent
historical events, novels (this is Of Mice and Men)
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
visualizing!untranslateable words
(check tables for words)
feline devastation
starlight fir
@serendipidoodle
Pictographs / Isotypes (1930s)
The Noun Project
symbolic Beatles’ songs
collaborative creativity: #remash
student logo contest: “What If?”
Crowdsourced!Visual Vocab
create dictionary of iconography
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
Essentializing and
“Shortology”
David Ogilvy
big ideas usually come as simple ideas
!create a children’s book
!explain in 3 image panel
Picasso’s Exercise: used at Apple
“Shortology”
“Shortology”
4 icon challenge
condensed shakespeare, mya gosling
MINIMALIST MOVIE POSTERS
POEMS NOVELS HISTORICAL EVENTS
synthesis: emoji story
Emojiliterate?
Emoji Exit Ticket
Affective Datahow did I feel about my work or my learning?
!
Curation + Presentation Idea:
images - no bullets
open-ended question to lead class in
discussion
minimalist posters of a concept
minimalist posters of a concept
choose 1 from the promptsEssentializing & Shortology
Infographics and DataViz
Benefits of Data Visualization
Benefits of Data Visualization
INSIGHT
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
*great for reflection
word cloud art
Remix: Infographic
from this ^ to this >
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.vuinfographic CV
re.vuinfographic CV
Thinglink : Metadata Me
from Ikea’s Swedish cookbook
Blowout
flow chart a song !
(or poem, or speech)
3 dimensional visualization of: !
vocab word math problem event in history
process in science movement in political science
Make it Tangible
BURNING HOUSE
if you had to take only
10 things…
BURNING HOUSE
nothing material is that important
picture VENNs
try:
Venn Diagram Humour !
OR
Visualize an Analogy
metaphorical !typography!
!
“where art meets type”
Stefan Sagmeister, metaphorical typographer
#bowie #literalalphabet
#literalalphabet
Bow-e !
J-walk !
M-bark !
Y-knot
Myconography: Metaphorical Icons
#sketchquote
#threethirtysketchquote #birthdaysketchquote
take a break…and make!
#hashtaggerie
try!
Metaphorical!Typography
with your name, city, or #oneword to describe your day
Sketchnoting and
Graphic Facilitation
Visual Note-taking: some basics
Visual Note-taking: some basics
Sketchnote Scribes G+
(linked on the side menu)
you begin to see things you never noticed before.… you get closer to the artist’s secret
Rijksmuseum, Amsterdam
SQVID Dan Roam
“I dreamed I was a
SKETCH”
draw a sketch avatar of yourself
what do your go-to “people”
look like?
visible thinking: !marginalia
networked reading @MrZiebarth
develop your own vocabulary
@TracyClark08
Crowdsourced Sketchnotes of Encouragement !
@ktenkely
Lynda Barry’s notebook grid!
develop your own
“visual voice”
sketchnotes by @MrZiebarth using Paper 53 Think Kit
!
mastery comes !with muscle
put it on a tee!
remix logo
make it an ironic tee!
sketch:!!
- a lyric from your favorite song - a line from a beloved poem - a quote you like
Photography and
Cinemagraphs
try with photos!
a camera teaches you to
SEE!without a camera
photo safaris
stuff your eyes with wonderRay Bradbury
Find Whimsy in the World
weekly photo challenge
low barrier entry points: photo-a-day
“Ocean Pollution”
power of a simple image
Snap-enger Hunt with SnapChat
(photos now used for talking)
cinemagraphs(mood? process?)
cinemagraphs(mood? process?)
low barrier!of entry points
TIME
what if we had…
drop everything and draw
environment: graffiti wall
thoughtfully consider every space
as creative space
The StudioProduction
The StudioProduction
favourite apps
NOIR
Big Lens or
Pixlromatic
Motion Portrait app
Motion Portrait app
pic/ play / post app
Process Product Reflection
pic/ play / post app
Process Product Reflection
Paper by Fifty-Three
draw over photos (even over
tweets)
Paper 53 for iPhone
serendipitous “doodle-ramblings”
@Hombre_McSteez
Chomp !!
by Christoph Neimann
($3.99)
interactive
videos can be stitched together in iMovie
Chomp !!
by Christoph Neimann
($3.99)
interactive
videos can be stitched together in iMovie
Creative Speedsketching
Video: Digital and Hybrid
Creative Speedsketching
Video: Digital and Hybrid
the power of the cut
the power of the cut
When people ask me if I went to film school
I tell them, ‘No, I went to films’
Quentin Tarantino
appsmashing
PAPER 53 APPLE KEYNOTE MAGIC MOVE
PAPER 53 APPLE KEYNOTE MAGIC MOVE
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
PAPER 53 REFLECTOR APP iMOVE
PAPER 53 REFLECTOR APP iMOVE
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!)
IDEATE: 100 ideas in 10 minutes!
share best to Padlet
http://padlet.com/amyburvall/imagED
I just want to make beautiful things… even if nobody cares
your big takeaway
a question
your personal challenge
@amyburvall
(on all social media)
