visual thinking across the curriculum: whistler conference 2017
TRANSCRIPT
@amyburvall
Image is Everything:Visual Thinking Across the Curriculum
#WhistlerPSA17
http://bit.ly/burvallwhistler
http://bit.ly/imagED
VISUAL THINKING
https://flipgrid.com/vizthink
communityResearch Resources Cool Peeps Iconography
Metaphor Shortology Data Viz
Graphic Design Sketchnotes Photography
Video Branding Activities
WIN! FLIPGRID
https://flipgrid.com/vizthink
upload video blogs
share on SM
WIN! one of 10 subscriptions if you tweet work with @flipgrid and conference #
Introductions
https://flipgrid.com/e10d51
life in 3 emoji
CSI (colour / symbol/image of you
3 of me (where I’ve been/ where I am/ where I’m headed
how am I? sketch
“Historyteachers” YouTube
workshop trailer
THE
dual codingand 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
we talk in pictures
Snap-enger Hunt with SnapChat
(photos now used for talking)
disclaimer:
don’t stress out about your artistic
abilities… this is about thinking
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?
“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
Power of the VISUAL
Power of the VISUAL
media literacy and
digital fluency
metaphorical thinking
+iconography
use metaphorical and visual thinking to express complex and abstract ideas
Find a metaphor for LEARNING
on your camera roll
IMAGIPHOR
https://flipgrid.com/1bc218
Think Pair Share
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
Making CONNECTIONS:Metaphorical Thinking
metaphorical thinking
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
visual metaphorfor
“eating disorder”
Metaphorical Iconography
3 photos
Use the + and = sign to illustrate the synthesis
feline devastation
starlight fir
@serendipidoodle
Serendipidoodle
flipgrid.com/639bd7
bit.ly/serendipidoodlizer
Use the given prompt slips or
try to be metaphorical
Pictographs / Isotypes (1930s)
The Noun Project
symbolic Beatles’ songs
collaborative creativity: #remash
student logo contest: “What If?”
SymbolRedesign
student symbol re-design
via Rhitt Growl
remix logo
CrowdsourcedVisual Vocab
create dictionary of iconography
CrowdsourcedVisual IconDictionary
- 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
flipgrid.com/61a2f7
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
4 icon challenge
Visualize a Series in a Theme
(Values)
Theme: “Power of Books”
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?
affective data
Curation + Presentation Idea:
images - no bullets
open-ended question to lead class in
discussion
minimalist posters of a concept
minimalist posters of a concept
Mondrian-esqueMetaphor
Illustrate a concept/idea from your curriculum
MONDRIAN-IFY use simple geometric shapes and/or basic colors
for symbolismhttps://flipgrid.com/74443b
Infographics and DataViz
INSIGHT
How much coffee do you need?
-Gwen Burvall, 10
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
Creation Creator Motivation Pos/Neg Effects
relations between people and ideas
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
Sean Ziebarth
@abstractsunday on Instagram
Visualize with LEGO
BURNING HOUSE
if you had to take only
10 things…
BURNING HOUSE
nothing material is that important
put it on a tee!
Ironic Tee Shirt
make it an ironic tee!
draw a t-shirt shape
think of concepts, vocabulary + people in your discipline
try to make a pun / play on words / portmanteau
illustrate as appropriate (the image can be the funny part too)
Ironic T-Shirt
flipgrid.com/f7dc4e
picture VENNs
humourous venn
#mentalhealthawareness
@austinkleon
Dichotomies
works great with Twitter polls!
Dichotomy Series : male/ female
http://2kindsofpeople.tumblr.com/
http://2kindsofpeople.tumblr.com/
http://2kindsofpeople.tumblr.com/
dichotomies
dichotomies
Split Screen: “Go Up”, Cassius
Split Screen: “Go Up”, Cassius
Split Screen: “Go Up”, Cassius
Split Screen: “Go Up”, Cassius
#oldandnew
Dichotomy OR
Humourous Venn
https://flipgrid.com/2ee88f
Illustrate a dichotomy (try to let the image
do most of the talking but you can contextualize
with words)
OR
Create a humourous Venn diagram
with images and labels
metaphorical typography
“where art meets type”
playing with type
Stefan Sagmeister, metaphorical typographer
#bowie #literalalphabet
#literalalphabet
Bow-e
J-walk
M-bark
Y-knot
#sketchquote
#threethirtysketchquote #birthdaysketchquote
take a break…and make!
#hashtaggerie
MetaphoricalTypography
the lettering matches the mood or subject
the word is describing
Try with your name, city, or #oneword
to describe your dayhttps://flipgrid.com/24dddf
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
visible thinking: marginalia
networked reading @MrZiebarth
develop your own vocabulary
@TracyClark08
Crowdsourced Sketchnotes of Encouragement
@ktenkely
#Gridsgestures
Lynda Barry’s notebook grid
develop your own
“visual voice”
sketchnotes by @MrZiebarth using Paper 53 Think Kit
Photography
photo analysis
Manchester, UK 2017
What is included in the frame of the photo and why do you think the photographer made that decision?
photo analysis
Manchester, UK 2017
Who are the main characters of the photograph and what can you tell about them from the image?
photo analysis
Manchester, UK 2017
What is the theme or emotion conveyed? How is contrast and lighting used to portray a certain feeling?
photo analysis
Manchester, UK 2017
What is the theme or emotion conveyed? How is contrast and lighting used to portray a certain feeling?
photo analysis
Manchester, UK 2017
How is perspective (such as camera angle, vantage point, focus used to emphasize or de-emphasize certain parts of the photograph?
photo analysis
Manchester, UK 2017
caption the photograph or provide a hashtag write what you think happened just before and just after
a camera teaches you to
SEEwithout 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
Photo Challenge Calendar
with partners from your discipline, plan 1 month of photo challenges (shoot for 30 ideas)
*try the silent brainstorm then converge
Challenges should relate to some aspect of your curriculum
Challenges should be technically easy (low barrier) but mentally stimulating, reinforcing the concept
https://flipgrid.com/e7e511
Photo Challenge
Calendar
with partners from your discipline, plan 1 month of photo challenges
(shoot for 30 ideas)
*try silent brainstorm then converge
Challenges should relate to some aspect of your curriculum
Challenges should be technically easy (low barrier)
but mentally stimulating, reinforcing the concept https://flipgrid.com/e7e511
my”mistakes”
“Ocean Pollution”
power of a simple image
Paper by Fifty-Three
REMIX: draw over existing landscapePaper 53 app
draw over photos (even over
tweets)
Paper 53 for iPhone
Pareidolia
REMIX: draw over existing landscape
Paper 53 app
Pareidolia
use existing found objects
Re-contextualize Artwork
Museum Remix
Paper 53 app
interactive field trip?
Pareidolia
Use the mundane things around you (or items in your bag)
to create a whimsical illustration
Seek patterns and make something out of nothing
(a common one is to "see a face" in an inanimate thing)
Feel free to use paper and markers to enhance the illusion https://flipgrid.com/18e0dd
Re-contextualize Artwork
COLLAGE
Enlight App
COLLAGE
#BardART
Re-contextualize Artwork
Bardot mashed with Wyeth
Bardot meets Monet
Enlight App
COLLAGE
make a statement
#walldolls
mashup / juxtaposition for new meaning
COLLAGE
Enlight App
surrealism new context
COLLAGE
Enlight App
COLLAGE
surrealism new context
Enlight App
COLLAGE“escape in a book” poster
COLLAGE
remix a quote
Enlight App
cinemagraphs(mood? process?)
low barrierof entry points
Time?
1.draw something 2.drop photo in Google Image search 3.draw the image that comes up 4.repeat
Google Drawing Gamehttps://flipgrid.com/c35ba9
environment: graffiti wall
thoughtfully consider every space
as creative space
The StudioProduction
The StudioProduction
favourite apps
Paper by 53 PicMonkey Unsplash.com Squigglish MegaPhoto Enlight WordFoto Over Splice
NOIR
Enlighten App
Megaphoto
ImgFlipand
Splice
Squigglish
Big Lens
PicPlayPost app
Process Product Reflection
Creative Speedsketching
Video: Digital and Hybrid
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
VlogMash: What’s in a Word?
Plan a Vlogmash
orFlipGrid
with partners from your discipline or alone
what question could you pose for students to answer
and create a “vlog mash”?
think deep, open-ended provocations, but ones that
require short, poignant responses
https://flipgrid.com/ee0ee5
appsmashing
DESIGN
DUPLICATE
ADD TO
DUPLICATE
ADD TO…
STOP MOTION
STOP MOTION
Stop-Motion Meitosis(Cristine Veresan’s 7th gr)
PAPER 53 APPLE KEYNOTE MAGIC MOVE
PAPER 53 REFLECTOR APP iMOVE
Make something GOOD
every day
mindfulnessbeing “present”
@michelrijk
Try a one-linedrawing
Partner Portrait
in 1 Line
Practice mindfulness by attempting to draw with
one continuous line
Try drawing your friend's portrait this way
Perhaps add a little message of encouragement
and give them the portrait as a gift https://flipgrid.com/d112ea
your big takeaway
a question
your personal challenge
https://flipgrid.com/152be8
@amyburvall
(on all social media)
