SlideShare a Scribd company logo
1 of 66
Download to read offline
Narrative
 Image
   The how & why of
   visual storytelling
      By Daniela Molnar
Stories are integral to human culture.




Visual stories are a powerfully direct
method of conveying information,
ideas, and cultural wisdom.
Part 1: How do images
communicate?


                Part 2: Types of
                narrative images
Part 1: How do
images communicate?
Images tell stories using semiotics, a
sort of visual grammar.


> Semiotics <
Visual cues, or signs, are combined
into patterns that transmit messages
to the viewer.
Philosopher/scientist Charles Sanders Peirce (1839 - 1914) categorized signs as




  iconic                   symbolic indexical
An iconic sign looks like what it represents -- a
portrait or a scientific illustration, for example.
A symbolic sign does not look like what it represents and
its meaning must be learnt. Its meaning is fundamentally
arbitrary because it is based on cultural associations. For
example, a stop sign, a flag, a traffic light, a company’s logo,
or the Statue of Liberty.
An indexical sign is a clue that links meanings. Its
association with this meaning is not arbitrary but is
physically or causally connected. Smoke, for example, is
an indexical sign of fire; a pointing finger is an indexical
sign of whatever it is pointing at; 90 degrees on a
thermometer is an indexical sign that it is hot out.
“heart”

iconic   symbolic   indexical
All of these types of signs are used in combination in
visual communication. This is how images tell stories.

iconic, symbolic, & indexical
Walton Ford, Falling Bough, 2002

Iconic: This is an identifiable scene; the log looks like a log, the pigeons like pigeons, the sky like a
sky, etc. We can look into this landscape as we look at the world.
Symbolic: In cultural terms, the passenger pigeons represent societal shortsightedness, bloodlust,
and violence against nature. They also represent species extinction, and, more broadly,
environmental destruction.
Indexical: The falling log suggests imminent danger or destruction. The sunset colors suggest a time
of transition. The strong diagonal composition creates a sense of unease in the viewer.
Images have the power to impact how
  cultural messages are transmitted
  and received. This gives them the
  power to alter the culture itself.




  In March 2010, the Obama administration appointed Edward Tufte to a panel
advising the Recovery Accountability and Transparency Board (RAT Board), which
    monitors the way the $787 billion in the stimulus package is being spent.
Republicans released the above graphic explaining how the Democratic
healthcare plan will—or won't—work. The process looks horrifyingly
complex; how will we get our insurance?!
This chart, which explains the same process, was released by the
Democratic party. It’s soothing tones and rounded edges suggest that
the new system will be as delightful as ice cream on a sunny day.
Part 2: Types of
narrative images
> Flavored <
A subjective, editorialized depiction of
a thing, person or place. The story is in
the implied viewpoint.
Another term for the “flavor” of an
image is its connotative meaning.
Many images have a denotative
meaning that differs from their
connotative meaning. The denotative
meaning is the literal meaning of the
image, while the connotative meaning
is the implied meaning, or the “flavor.”
Flavor can be thought of a meta-
narrative that is present in all
images in varying degrees.

              F lavored


         Linear       Paneled



              Aggregate
Some of the most obvious examples of flavored images can be found in advertising.




The literal, or denotative meaning of the original ad: This guy is a pretty smooth
character and he smokes Camel cigarettes.
The implied, connotative, flavored meaning of the original ad: Our cigarettes will make
you rich, sexy and powerful.

The literal, or denotative meaning of the Adbusters ad: Joe Camel is now Joe Chemo and
he is sitting sadly in a hospital bed alone.
The implied, connotative, flavored meaning of the Adbusters ad: Cigarettes will not
make you rich, sexy or powerful, but they will kill you.
Even scientific images can be flavored.
                           The author of the
                           Pernkopf Anatomy atlas,
                           Eduard Pernkopf, was a
                           leading Nazi who purged
                           the University of Vienna
                           medical faculty of Jews.
                           It is thought that the
                           cadavers portrayed in
                           the Atlas’ paintings are
                           likely victims of Nazi
                           concentration camps.

                           The denotative, literal
                           meaning of this
                           illustration: this is how
                           the muscles of the face,
                           throat, and shoulder
                           look.

                           The connotative, flavored
                           meaning: some human
                           life is disposable.
> Linear < Depicts the passage of time
and/or space in a single image


> Aggregate < Depicts (non-temporal)
relationships between things in a single
image composed of multiple parts


> Paneled < Depicts the passage of
time and/or space in multiple
sequenced images
> Linear < Depicts the passage of
       time and/or space in a single image




Piero della Francesca, Battle between Heraclius and Chosroes, c. 1460
Piero della Francesca, The Discovery and Proving of the True Cross, c. 1455
Chauvet Cave
Maria Sibylla Merian
Hadley Hooper, illustration about Parkinsons disease
> Aggregate < Depicts relationships
between things in a single image composed
of multiple parts




              Wendy Zomlefer
Lilian Snellling, Aerides houlletianum
From Colors 13, the wordless issue. Art directed by Tibor Kalman
Galileo’s engravings of the moon in Sidereus Nuncius, 1610
Robert Weaver, April 1959, Esquire
> Paneled < Depicts the
passage of time and/or
space in multiple
sequenced images




Bayeux tapestry, c. 1077.
224 ft long embroidered cloth which depicts the events leading up to the Norman conquest of England as well as the
events of the invasion itself.
Luoshenfu, Gu Kai Zhi, 344-406 CE
ST
MATTHEW
I S LAN D
How paneled images tell stories

          > Closure <

     > The frame as time <

        > Transitions <

      > Interdependent
      words & images <
> Closure <
Closure is the psychological leap that is essential to make paneled
images work. Closure occurs in the gutter, in the space between panels.
> The frame as time <
The frame is a unit of time – it can be a second, a minute, an hour, or an eternity.
The dimensions (and shape) of the panel are as important as the space between
the panels, as well as the placement of the panel on the page.
> Transitions <
                    There are six major types of transitions between frames, each
                      of which has a different effect on the pacing of the story.




moment-to-moment                   subject-to-subject                 aspect-to-aspect
requires very little closure       shows different people or things   transitions between aspects of a
                                   in a scene or idea                 place, idea, or mood




action-to-action                   scene-to-scene                     non-sequitur
single subject in a process        spans significant distances of     no logical relationship - lots of
                                   time or space                      closure required
scene-to-scene
spans significant distances
of time or space




aspect-to-aspect
transitions between aspects
of a place, idea, or mood
> Interdependent words & images <
Most, though not
all, comics rely on
a combination of
words and images
to convey an
idea. If the story
is driven mainly
by the imagery,
then the words        The words are telling most of the story here
can wander in
many directions.
If the story is
driven mainly by
the words, then
the images can
wander, becoming
more abstract and
                      The image is telling most of the story here
utilizing more
closure.




                      No words
Suspended In Language: Niels Bohr’s Life, Discoveries, And The
Century He Shaped By Jim Ottaviani, Illustrated by Leland Purvis,
Roger Langridge, Jay Hosler, Steve Leialoha, Linda Medley, Jeff Parker
Other titles by Jim Ottaviani Published by G.T. Labs
Clan Apis By Jay Hosler
how
why
Visual stories are a
uniquely powerful
way to communicate.


             They have the power
             to change the way we
             understand the world.

More Related Content

What's hot

Film Language: Camera angles and shot size introduction for Film Studies. Als...
Film Language: Camera angles and shot size introduction for Film Studies. Als...Film Language: Camera angles and shot size introduction for Film Studies. Als...
Film Language: Camera angles and shot size introduction for Film Studies. Als...Ian Moreno-Melgar
 
Ideology in films
Ideology in filmsIdeology in films
Ideology in filmstaliasmith
 
An Introduction to Documentary Films
An Introduction to Documentary FilmsAn Introduction to Documentary Films
An Introduction to Documentary FilmsMegan Fulham
 
Visual culture and culture jamming
Visual culture and culture jammingVisual culture and culture jamming
Visual culture and culture jammingJenna Duncan
 
Roland Barthes and Semiotics
Roland Barthes and SemioticsRoland Barthes and Semiotics
Roland Barthes and SemioticsElla Day
 
Introduction to semiotics
Introduction to semioticsIntroduction to semiotics
Introduction to semioticsGiel Vill
 
David Gaunlett Identity and media representation
David Gaunlett Identity and media representationDavid Gaunlett Identity and media representation
David Gaunlett Identity and media representationRafaelPerezOlivan
 
Film appreciation
Film appreciationFilm appreciation
Film appreciationkrober4
 
Film analysis
Film analysisFilm analysis
Film analysismediamate
 
Principles of Film Theory
Principles of Film TheoryPrinciples of Film Theory
Principles of Film Theoryjejohnston
 
The Power of Visual Storytelling
The Power of Visual Storytelling The Power of Visual Storytelling
The Power of Visual Storytelling NewsCred
 
Film History 1
Film History 1Film History 1
Film History 1John Grace
 
Roland Barthes - Semiotics
Roland Barthes - SemioticsRoland Barthes - Semiotics
Roland Barthes - SemioticsZahra Khan
 
Media Intertextuality
Media IntertextualityMedia Intertextuality
Media IntertextualityRachel Jones
 
Cinematography ppt
Cinematography pptCinematography ppt
Cinematography pptAmal Jith
 

What's hot (20)

Media language
Media languageMedia language
Media language
 
Film art
Film artFilm art
Film art
 
Film Language: Camera angles and shot size introduction for Film Studies. Als...
Film Language: Camera angles and shot size introduction for Film Studies. Als...Film Language: Camera angles and shot size introduction for Film Studies. Als...
Film Language: Camera angles and shot size introduction for Film Studies. Als...
 
Ideology in films
Ideology in filmsIdeology in films
Ideology in films
 
An Introduction to Documentary Films
An Introduction to Documentary FilmsAn Introduction to Documentary Films
An Introduction to Documentary Films
 
Visual culture and culture jamming
Visual culture and culture jammingVisual culture and culture jamming
Visual culture and culture jamming
 
Roland Barthes and Semiotics
Roland Barthes and SemioticsRoland Barthes and Semiotics
Roland Barthes and Semiotics
 
Semiotics
SemioticsSemiotics
Semiotics
 
Introduction to semiotics
Introduction to semioticsIntroduction to semiotics
Introduction to semiotics
 
David Gaunlett Identity and media representation
David Gaunlett Identity and media representationDavid Gaunlett Identity and media representation
David Gaunlett Identity and media representation
 
WRITING LOGLINES
WRITING LOGLINESWRITING LOGLINES
WRITING LOGLINES
 
Film appreciation
Film appreciationFilm appreciation
Film appreciation
 
Film analysis
Film analysisFilm analysis
Film analysis
 
Principles of Film Theory
Principles of Film TheoryPrinciples of Film Theory
Principles of Film Theory
 
Mise en scene
Mise en sceneMise en scene
Mise en scene
 
The Power of Visual Storytelling
The Power of Visual Storytelling The Power of Visual Storytelling
The Power of Visual Storytelling
 
Film History 1
Film History 1Film History 1
Film History 1
 
Roland Barthes - Semiotics
Roland Barthes - SemioticsRoland Barthes - Semiotics
Roland Barthes - Semiotics
 
Media Intertextuality
Media IntertextualityMedia Intertextuality
Media Intertextuality
 
Cinematography ppt
Cinematography pptCinematography ppt
Cinematography ppt
 

Viewers also liked

#onedigicomp: Content Marketing Best Pracitces für B2C und B2B
#onedigicomp: Content Marketing Best Pracitces für B2C und B2B#onedigicomp: Content Marketing Best Pracitces für B2C und B2B
#onedigicomp: Content Marketing Best Pracitces für B2C und B2BDigicomp Academy AG
 
Pixar's 22 Rules to Phenomenal Storytelling
Pixar's 22 Rules to Phenomenal StorytellingPixar's 22 Rules to Phenomenal Storytelling
Pixar's 22 Rules to Phenomenal StorytellingGavin McMahon
 
The Storyteller's Secret: 3 Keys to Mastering Storytelling to Win Hearts and ...
The Storyteller's Secret: 3 Keys to Mastering Storytelling to Win Hearts and ...The Storyteller's Secret: 3 Keys to Mastering Storytelling to Win Hearts and ...
The Storyteller's Secret: 3 Keys to Mastering Storytelling to Win Hearts and ...Carmine Gallo
 
Why Content Marketing Fails
Why Content Marketing FailsWhy Content Marketing Fails
Why Content Marketing FailsRand Fishkin
 
Semiotics in the Visual
Semiotics in the VisualSemiotics in the Visual
Semiotics in the VisualSara Vannini
 
Semiotics theory of visual communication
Semiotics theory of visual communicationSemiotics theory of visual communication
Semiotics theory of visual communicationXoya Nadeem
 
Materi : Meneladani rasulullah saw oleh Felix Siau
Materi : Meneladani rasulullah saw oleh Felix SiauMateri : Meneladani rasulullah saw oleh Felix Siau
Materi : Meneladani rasulullah saw oleh Felix SiauMuhammad Bangkit Ramadhan
 
Peta kehidupan by Ustadz Fatih Karim
Peta kehidupan by Ustadz Fatih KarimPeta kehidupan by Ustadz Fatih Karim
Peta kehidupan by Ustadz Fatih KarimMira Marselina
 
Sirah Nabawiyah 03: Nabi Ibrahim as. & Nabi isma'il as.
Sirah Nabawiyah 03: Nabi Ibrahim as. & Nabi isma'il as.Sirah Nabawiyah 03: Nabi Ibrahim as. & Nabi isma'il as.
Sirah Nabawiyah 03: Nabi Ibrahim as. & Nabi isma'il as.AbuNailah
 
B ulanbulanislam
B ulanbulanislamB ulanbulanislam
B ulanbulanislamUmi Raihana
 
Sirah Nabawiyah 96: Sekilas Madinah
Sirah Nabawiyah 96: Sekilas MadinahSirah Nabawiyah 96: Sekilas Madinah
Sirah Nabawiyah 96: Sekilas MadinahAbuNailah
 
Sirah Nabawiyah 09: Sifat-Sifat Nabi Muhammad SAW
Sirah Nabawiyah 09: Sifat-Sifat Nabi Muhammad SAWSirah Nabawiyah 09: Sifat-Sifat Nabi Muhammad SAW
Sirah Nabawiyah 09: Sifat-Sifat Nabi Muhammad SAWAbuNailah
 
Islamic values reflection on teachings of prophet muhammad nafan
Islamic values reflection on teachings of prophet muhammad nafanIslamic values reflection on teachings of prophet muhammad nafan
Islamic values reflection on teachings of prophet muhammad nafanUIN Sultan Maulana Hasanudin
 
Kelahiran nabi
Kelahiran nabiKelahiran nabi
Kelahiran nabiselikurfa
 
Sirah Nabawiyah 08: Kelahiran Nabi Muhammad SAW
Sirah Nabawiyah 08: Kelahiran Nabi Muhammad SAWSirah Nabawiyah 08: Kelahiran Nabi Muhammad SAW
Sirah Nabawiyah 08: Kelahiran Nabi Muhammad SAWAbuNailah
 
Sirah Nabawiyah 94: Tiba di Madinah (Bag.1)
Sirah Nabawiyah 94: Tiba di Madinah (Bag.1)Sirah Nabawiyah 94: Tiba di Madinah (Bag.1)
Sirah Nabawiyah 94: Tiba di Madinah (Bag.1)AbuNailah
 
Power Point Ustadz Felix Siauw - Meneladani Dakwah Rasulullah SAW
Power Point Ustadz Felix Siauw - Meneladani Dakwah Rasulullah SAWPower Point Ustadz Felix Siauw - Meneladani Dakwah Rasulullah SAW
Power Point Ustadz Felix Siauw - Meneladani Dakwah Rasulullah SAWSuryono .
 

Viewers also liked (20)

#onedigicomp: Content Marketing Best Pracitces für B2C und B2B
#onedigicomp: Content Marketing Best Pracitces für B2C und B2B#onedigicomp: Content Marketing Best Pracitces für B2C und B2B
#onedigicomp: Content Marketing Best Pracitces für B2C und B2B
 
Pixar's 22 Rules to Phenomenal Storytelling
Pixar's 22 Rules to Phenomenal StorytellingPixar's 22 Rules to Phenomenal Storytelling
Pixar's 22 Rules to Phenomenal Storytelling
 
The Storyteller's Secret: 3 Keys to Mastering Storytelling to Win Hearts and ...
The Storyteller's Secret: 3 Keys to Mastering Storytelling to Win Hearts and ...The Storyteller's Secret: 3 Keys to Mastering Storytelling to Win Hearts and ...
The Storyteller's Secret: 3 Keys to Mastering Storytelling to Win Hearts and ...
 
Why Content Marketing Fails
Why Content Marketing FailsWhy Content Marketing Fails
Why Content Marketing Fails
 
Semiotics in the Visual
Semiotics in the VisualSemiotics in the Visual
Semiotics in the Visual
 
Semiotics theory of visual communication
Semiotics theory of visual communicationSemiotics theory of visual communication
Semiotics theory of visual communication
 
Digital Storytelling for Social Impact
Digital Storytelling for Social ImpactDigital Storytelling for Social Impact
Digital Storytelling for Social Impact
 
Materi : Meneladani rasulullah saw oleh Felix Siau
Materi : Meneladani rasulullah saw oleh Felix SiauMateri : Meneladani rasulullah saw oleh Felix Siau
Materi : Meneladani rasulullah saw oleh Felix Siau
 
Peta kehidupan by Ustadz Fatih Karim
Peta kehidupan by Ustadz Fatih KarimPeta kehidupan by Ustadz Fatih Karim
Peta kehidupan by Ustadz Fatih Karim
 
Sirah Nabawiyah 03: Nabi Ibrahim as. & Nabi isma'il as.
Sirah Nabawiyah 03: Nabi Ibrahim as. & Nabi isma'il as.Sirah Nabawiyah 03: Nabi Ibrahim as. & Nabi isma'il as.
Sirah Nabawiyah 03: Nabi Ibrahim as. & Nabi isma'il as.
 
B ulanbulanislam
B ulanbulanislamB ulanbulanislam
B ulanbulanislam
 
02 Hidup ini Pilihan
02 Hidup ini Pilihan02 Hidup ini Pilihan
02 Hidup ini Pilihan
 
Sirah Nabawiyah 96: Sekilas Madinah
Sirah Nabawiyah 96: Sekilas MadinahSirah Nabawiyah 96: Sekilas Madinah
Sirah Nabawiyah 96: Sekilas Madinah
 
PDF Hijrah, saaatnya berubah
 PDF Hijrah, saaatnya berubah PDF Hijrah, saaatnya berubah
PDF Hijrah, saaatnya berubah
 
Sirah Nabawiyah 09: Sifat-Sifat Nabi Muhammad SAW
Sirah Nabawiyah 09: Sifat-Sifat Nabi Muhammad SAWSirah Nabawiyah 09: Sifat-Sifat Nabi Muhammad SAW
Sirah Nabawiyah 09: Sifat-Sifat Nabi Muhammad SAW
 
Islamic values reflection on teachings of prophet muhammad nafan
Islamic values reflection on teachings of prophet muhammad nafanIslamic values reflection on teachings of prophet muhammad nafan
Islamic values reflection on teachings of prophet muhammad nafan
 
Kelahiran nabi
Kelahiran nabiKelahiran nabi
Kelahiran nabi
 
Sirah Nabawiyah 08: Kelahiran Nabi Muhammad SAW
Sirah Nabawiyah 08: Kelahiran Nabi Muhammad SAWSirah Nabawiyah 08: Kelahiran Nabi Muhammad SAW
Sirah Nabawiyah 08: Kelahiran Nabi Muhammad SAW
 
Sirah Nabawiyah 94: Tiba di Madinah (Bag.1)
Sirah Nabawiyah 94: Tiba di Madinah (Bag.1)Sirah Nabawiyah 94: Tiba di Madinah (Bag.1)
Sirah Nabawiyah 94: Tiba di Madinah (Bag.1)
 
Power Point Ustadz Felix Siauw - Meneladani Dakwah Rasulullah SAW
Power Point Ustadz Felix Siauw - Meneladani Dakwah Rasulullah SAWPower Point Ustadz Felix Siauw - Meneladani Dakwah Rasulullah SAW
Power Point Ustadz Felix Siauw - Meneladani Dakwah Rasulullah SAW
 

Similar to Visual Storytelling: How Images Convey Ideas

Semiotics In That 70S Show
Semiotics In That 70S ShowSemiotics In That 70S Show
Semiotics In That 70S ShowOlga Bautista
 
Stuart Hall - Representation Theory
Stuart Hall - Representation TheoryStuart Hall - Representation Theory
Stuart Hall - Representation TheorySouth Sefton College
 
MASKS AND THERE APPLICATION
MASKS AND THERE APPLICATIONMASKS AND THERE APPLICATION
MASKS AND THERE APPLICATIONAlix Harrow
 
Media language theory
Media language theoryMedia language theory
Media language theoryLiz Davies
 
Class 2 media
Class 2 mediaClass 2 media
Class 2 medialmazurs1
 
Is a picture worth 1,000 words? Textual Analysis
Is a picture worth 1,000 words? Textual AnalysisIs a picture worth 1,000 words? Textual Analysis
Is a picture worth 1,000 words? Textual AnalysisDeborahJ
 
Asp_Am_ Art_Seeing
Asp_Am_ Art_SeeingAsp_Am_ Art_Seeing
Asp_Am_ Art_SeeingLori Kent
 
Visual perception-illusions-paradoxes
Visual perception-illusions-paradoxesVisual perception-illusions-paradoxes
Visual perception-illusions-paradoxesRitwik Yadav
 
Tutorial on Creative Metaphor Processing
Tutorial on Creative Metaphor ProcessingTutorial on Creative Metaphor Processing
Tutorial on Creative Metaphor ProcessingTony Veale
 
Media language 2014
Media language 2014Media language 2014
Media language 2014Liz Davies
 
Postmodernist cinema, and questions of 'reality'
Postmodernist cinema, and questions of 'reality'Postmodernist cinema, and questions of 'reality'
Postmodernist cinema, and questions of 'reality'Robert Beshara
 
R.a.schwallerdelubicz ancient-egypt-science-and-the-evolution-of-consciousness
R.a.schwallerdelubicz ancient-egypt-science-and-the-evolution-of-consciousnessR.a.schwallerdelubicz ancient-egypt-science-and-the-evolution-of-consciousness
R.a.schwallerdelubicz ancient-egypt-science-and-the-evolution-of-consciousnessCarnieri
 
Visual Methodology
Visual MethodologyVisual Methodology
Visual MethodologyMaria Aleem
 
Model of the text generator
Model of the text generatorModel of the text generator
Model of the text generatoreyetech
 
Elit 48 c class 17 post qhq
Elit 48 c class 17 post qhqElit 48 c class 17 post qhq
Elit 48 c class 17 post qhqjordanlachance
 

Similar to Visual Storytelling: How Images Convey Ideas (20)

Semiotics In That 70S Show
Semiotics In That 70S ShowSemiotics In That 70S Show
Semiotics In That 70S Show
 
Stuart Hall - Representation Theory
Stuart Hall - Representation TheoryStuart Hall - Representation Theory
Stuart Hall - Representation Theory
 
Stuart Hall Representation
Stuart Hall Representation Stuart Hall Representation
Stuart Hall Representation
 
MASKS AND THERE APPLICATION
MASKS AND THERE APPLICATIONMASKS AND THERE APPLICATION
MASKS AND THERE APPLICATION
 
Media language theory
Media language theoryMedia language theory
Media language theory
 
Class 2 media
Class 2 mediaClass 2 media
Class 2 media
 
Is a picture worth 1,000 words? Textual Analysis
Is a picture worth 1,000 words? Textual AnalysisIs a picture worth 1,000 words? Textual Analysis
Is a picture worth 1,000 words? Textual Analysis
 
Asp_Am_ Art_Seeing
Asp_Am_ Art_SeeingAsp_Am_ Art_Seeing
Asp_Am_ Art_Seeing
 
Visual perception-illusions-paradoxes
Visual perception-illusions-paradoxesVisual perception-illusions-paradoxes
Visual perception-illusions-paradoxes
 
Rhetorical devices
Rhetorical devicesRhetorical devices
Rhetorical devices
 
Tutorial on Creative Metaphor Processing
Tutorial on Creative Metaphor ProcessingTutorial on Creative Metaphor Processing
Tutorial on Creative Metaphor Processing
 
Media language 2014
Media language 2014Media language 2014
Media language 2014
 
Art Museum Essay.pdf
Art Museum Essay.pdfArt Museum Essay.pdf
Art Museum Essay.pdf
 
Postmodernist cinema, and questions of 'reality'
Postmodernist cinema, and questions of 'reality'Postmodernist cinema, and questions of 'reality'
Postmodernist cinema, and questions of 'reality'
 
R.a.schwallerdelubicz ancient-egypt-science-and-the-evolution-of-consciousness
R.a.schwallerdelubicz ancient-egypt-science-and-the-evolution-of-consciousnessR.a.schwallerdelubicz ancient-egypt-science-and-the-evolution-of-consciousness
R.a.schwallerdelubicz ancient-egypt-science-and-the-evolution-of-consciousness
 
Visual Methodology
Visual MethodologyVisual Methodology
Visual Methodology
 
Model of the text generator
Model of the text generatorModel of the text generator
Model of the text generator
 
Multimodality
MultimodalityMultimodality
Multimodality
 
Elit 48 c class 17 post qhq
Elit 48 c class 17 post qhqElit 48 c class 17 post qhq
Elit 48 c class 17 post qhq
 
SPICE 2012 Media Psychology - Week One Notes
SPICE 2012 Media Psychology - Week One NotesSPICE 2012 Media Psychology - Week One Notes
SPICE 2012 Media Psychology - Week One Notes
 

Recently uploaded

TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOn
TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOnTYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOn
TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOnbeetchunknown
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk
 

Recently uploaded (20)

TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOn
TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOnTYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOn
TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOn
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
 

Visual Storytelling: How Images Convey Ideas

  • 1. Narrative Image The how & why of visual storytelling By Daniela Molnar
  • 2. Stories are integral to human culture. Visual stories are a powerfully direct method of conveying information, ideas, and cultural wisdom.
  • 3. Part 1: How do images communicate? Part 2: Types of narrative images
  • 4. Part 1: How do images communicate?
  • 5. Images tell stories using semiotics, a sort of visual grammar. > Semiotics < Visual cues, or signs, are combined into patterns that transmit messages to the viewer.
  • 6. Philosopher/scientist Charles Sanders Peirce (1839 - 1914) categorized signs as iconic symbolic indexical
  • 7. An iconic sign looks like what it represents -- a portrait or a scientific illustration, for example.
  • 8. A symbolic sign does not look like what it represents and its meaning must be learnt. Its meaning is fundamentally arbitrary because it is based on cultural associations. For example, a stop sign, a flag, a traffic light, a company’s logo, or the Statue of Liberty.
  • 9. An indexical sign is a clue that links meanings. Its association with this meaning is not arbitrary but is physically or causally connected. Smoke, for example, is an indexical sign of fire; a pointing finger is an indexical sign of whatever it is pointing at; 90 degrees on a thermometer is an indexical sign that it is hot out.
  • 10. “heart” iconic symbolic indexical
  • 11. All of these types of signs are used in combination in visual communication. This is how images tell stories. iconic, symbolic, & indexical
  • 12. Walton Ford, Falling Bough, 2002 Iconic: This is an identifiable scene; the log looks like a log, the pigeons like pigeons, the sky like a sky, etc. We can look into this landscape as we look at the world. Symbolic: In cultural terms, the passenger pigeons represent societal shortsightedness, bloodlust, and violence against nature. They also represent species extinction, and, more broadly, environmental destruction. Indexical: The falling log suggests imminent danger or destruction. The sunset colors suggest a time of transition. The strong diagonal composition creates a sense of unease in the viewer.
  • 13. Images have the power to impact how cultural messages are transmitted and received. This gives them the power to alter the culture itself. In March 2010, the Obama administration appointed Edward Tufte to a panel advising the Recovery Accountability and Transparency Board (RAT Board), which monitors the way the $787 billion in the stimulus package is being spent.
  • 14. Republicans released the above graphic explaining how the Democratic healthcare plan will—or won't—work. The process looks horrifyingly complex; how will we get our insurance?!
  • 15. This chart, which explains the same process, was released by the Democratic party. It’s soothing tones and rounded edges suggest that the new system will be as delightful as ice cream on a sunny day.
  • 16. Part 2: Types of narrative images
  • 17. > Flavored < A subjective, editorialized depiction of a thing, person or place. The story is in the implied viewpoint. Another term for the “flavor” of an image is its connotative meaning. Many images have a denotative meaning that differs from their connotative meaning. The denotative meaning is the literal meaning of the image, while the connotative meaning is the implied meaning, or the “flavor.”
  • 18. Flavor can be thought of a meta- narrative that is present in all images in varying degrees. F lavored Linear Paneled Aggregate
  • 19. Some of the most obvious examples of flavored images can be found in advertising. The literal, or denotative meaning of the original ad: This guy is a pretty smooth character and he smokes Camel cigarettes. The implied, connotative, flavored meaning of the original ad: Our cigarettes will make you rich, sexy and powerful. The literal, or denotative meaning of the Adbusters ad: Joe Camel is now Joe Chemo and he is sitting sadly in a hospital bed alone. The implied, connotative, flavored meaning of the Adbusters ad: Cigarettes will not make you rich, sexy or powerful, but they will kill you.
  • 20. Even scientific images can be flavored. The author of the Pernkopf Anatomy atlas, Eduard Pernkopf, was a leading Nazi who purged the University of Vienna medical faculty of Jews. It is thought that the cadavers portrayed in the Atlas’ paintings are likely victims of Nazi concentration camps. The denotative, literal meaning of this illustration: this is how the muscles of the face, throat, and shoulder look. The connotative, flavored meaning: some human life is disposable.
  • 21. > Linear < Depicts the passage of time and/or space in a single image > Aggregate < Depicts (non-temporal) relationships between things in a single image composed of multiple parts > Paneled < Depicts the passage of time and/or space in multiple sequenced images
  • 22. > Linear < Depicts the passage of time and/or space in a single image Piero della Francesca, Battle between Heraclius and Chosroes, c. 1460
  • 23. Piero della Francesca, The Discovery and Proving of the True Cross, c. 1455
  • 25.
  • 26.
  • 28.
  • 29. Hadley Hooper, illustration about Parkinsons disease
  • 30. > Aggregate < Depicts relationships between things in a single image composed of multiple parts Wendy Zomlefer
  • 32.
  • 33.
  • 34.
  • 35. From Colors 13, the wordless issue. Art directed by Tibor Kalman
  • 36.
  • 37.
  • 38. Galileo’s engravings of the moon in Sidereus Nuncius, 1610
  • 39. Robert Weaver, April 1959, Esquire
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45. > Paneled < Depicts the passage of time and/or space in multiple sequenced images Bayeux tapestry, c. 1077. 224 ft long embroidered cloth which depicts the events leading up to the Norman conquest of England as well as the events of the invasion itself.
  • 46. Luoshenfu, Gu Kai Zhi, 344-406 CE
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55. How paneled images tell stories > Closure < > The frame as time < > Transitions < > Interdependent words & images <
  • 56. > Closure < Closure is the psychological leap that is essential to make paneled images work. Closure occurs in the gutter, in the space between panels.
  • 57. > The frame as time < The frame is a unit of time – it can be a second, a minute, an hour, or an eternity. The dimensions (and shape) of the panel are as important as the space between the panels, as well as the placement of the panel on the page.
  • 58. > Transitions < There are six major types of transitions between frames, each of which has a different effect on the pacing of the story. moment-to-moment subject-to-subject aspect-to-aspect requires very little closure shows different people or things transitions between aspects of a in a scene or idea place, idea, or mood action-to-action scene-to-scene non-sequitur single subject in a process spans significant distances of no logical relationship - lots of time or space closure required
  • 59. scene-to-scene spans significant distances of time or space aspect-to-aspect transitions between aspects of a place, idea, or mood
  • 60. > Interdependent words & images < Most, though not all, comics rely on a combination of words and images to convey an idea. If the story is driven mainly by the imagery, then the words The words are telling most of the story here can wander in many directions. If the story is driven mainly by the words, then the images can wander, becoming more abstract and The image is telling most of the story here utilizing more closure. No words
  • 61. Suspended In Language: Niels Bohr’s Life, Discoveries, And The Century He Shaped By Jim Ottaviani, Illustrated by Leland Purvis, Roger Langridge, Jay Hosler, Steve Leialoha, Linda Medley, Jeff Parker
  • 62. Other titles by Jim Ottaviani Published by G.T. Labs
  • 63. Clan Apis By Jay Hosler
  • 64. how
  • 65. why
  • 66. Visual stories are a uniquely powerful way to communicate. They have the power to change the way we understand the world.