66
Narrative Image The how & why of visual storytelling By Daniela Molnar

Narrative Image: The How and Why of Visual Storytelling

Embed Size (px)

Citation preview

Page 1: Narrative Image: The How and Why of Visual Storytelling

NarrativeImage

The how & why of visual storytelling

By Daniela Molnar

Page 2: Narrative Image: The How and Why of Visual Storytelling

Stories are integral to human culture.

Visual stories are a powerfully direct method of conveying information, ideas, and cultural wisdom.

Page 3: Narrative Image: The How and Why of Visual Storytelling

Part 1: How do images communicate?

Part 2: Types of narrative images

Page 4: Narrative Image: The How and Why of Visual Storytelling

Part 1: How do images communicate?

Page 5: Narrative Image: The How and Why of Visual Storytelling

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.

Page 6: Narrative Image: The How and Why of Visual Storytelling

Philosopher/scientist Charles Sanders Peirce (1839 - 1914) categorized signs as

indexicalsymboliciconic

Page 7: Narrative Image: The How and Why of Visual Storytelling

An iconic sign looks like what it represents -- a portrait or a scientific illustration, for example.

Page 8: Narrative Image: The How and Why of Visual Storytelling

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.

Page 9: Narrative Image: The How and Why of Visual Storytelling

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.

Page 10: Narrative Image: The How and Why of Visual Storytelling

iconic symbolic indexical

“heart”

Page 11: Narrative Image: The How and Why of Visual Storytelling

iconic, symbolic, & indexical

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

Page 12: Narrative Image: The How and Why of Visual Storytelling

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.

Walton Ford, Falling Bough, 2002

Page 13: Narrative Image: The How and Why of Visual Storytelling

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.

Page 14: Narrative Image: The How and Why of Visual Storytelling

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?!

Page 15: Narrative Image: The How and Why of Visual Storytelling

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.

Page 16: Narrative Image: The How and Why of Visual Storytelling

Part 2: Types of narrative images

Page 17: Narrative Image: The How and Why of Visual Storytelling

> 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.”

Page 18: Narrative Image: The How and Why of Visual Storytelling

Flavored

Aggregate

Linear Paneled

Flavor can be thought of a meta-narrative that is present in all images in varying degrees.

Page 19: Narrative Image: The How and Why of Visual Storytelling

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.

Page 20: Narrative Image: The How and Why of Visual Storytelling

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.

Page 21: Narrative Image: The How and Why of Visual Storytelling

> 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

Page 22: Narrative Image: The How and Why of Visual Storytelling

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

Piero della Francesca, Battle between Heraclius and Chosroes, c. 1460

Page 23: Narrative Image: The How and Why of Visual Storytelling

Piero della Francesca, The Discovery and Proving of the True Cross, c. 1455

Page 24: Narrative Image: The How and Why of Visual Storytelling

Chauvet Cave

Page 25: Narrative Image: The How and Why of Visual Storytelling
Page 26: Narrative Image: The How and Why of Visual Storytelling
Page 27: Narrative Image: The How and Why of Visual Storytelling

Maria Sibylla Merian

Page 28: Narrative Image: The How and Why of Visual Storytelling
Page 29: Narrative Image: The How and Why of Visual Storytelling

Hadley Hooper, illustration about Parkinsons disease

Page 30: Narrative Image: The How and Why of Visual Storytelling

> Aggregate < Depicts relationships between things in a single image composed of multiple parts

Wendy Zomlefer

Page 31: Narrative Image: The How and Why of Visual Storytelling

Lilian Snellling, Aerides houlletianum

Page 32: Narrative Image: The How and Why of Visual Storytelling
Page 33: Narrative Image: The How and Why of Visual Storytelling
Page 34: Narrative Image: The How and Why of Visual Storytelling
Page 35: Narrative Image: The How and Why of Visual Storytelling

From Colors 13, the wordless issue. Art directed by Tibor Kalman

Page 36: Narrative Image: The How and Why of Visual Storytelling
Page 37: Narrative Image: The How and Why of Visual Storytelling
Page 38: Narrative Image: The How and Why of Visual Storytelling

Galileo’s engravings of the moon in Sidereus Nuncius, 1610

Page 39: Narrative Image: The How and Why of Visual Storytelling

Robert Weaver, April 1959, Esquire

Page 40: Narrative Image: The How and Why of Visual Storytelling
Page 41: Narrative Image: The How and Why of Visual Storytelling
Page 42: Narrative Image: The How and Why of Visual Storytelling
Page 43: Narrative Image: The How and Why of Visual Storytelling
Page 44: Narrative Image: The How and Why of Visual Storytelling
Page 45: Narrative Image: The How and Why of Visual Storytelling

> 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.

Page 46: Narrative Image: The How and Why of Visual Storytelling

Luoshenfu, Gu Kai Zhi, 344-406 CE

Page 47: Narrative Image: The How and Why of Visual Storytelling

STMATTHEWI S LAN D

Page 48: Narrative Image: The How and Why of Visual Storytelling
Page 49: Narrative Image: The How and Why of Visual Storytelling
Page 50: Narrative Image: The How and Why of Visual Storytelling
Page 51: Narrative Image: The How and Why of Visual Storytelling
Page 52: Narrative Image: The How and Why of Visual Storytelling
Page 53: Narrative Image: The How and Why of Visual Storytelling
Page 54: Narrative Image: The How and Why of Visual Storytelling
Page 55: Narrative Image: The How and Why of Visual Storytelling

> The frame as time <

> Closure <

> Transitions <

> Interdependent words & images <

How paneled images tell stories

Page 56: Narrative Image: The How and Why of Visual Storytelling

> Closure <Closure is the psychological leap that is essential to make paneled images work. Closure occurs in the gutter, in the space between panels.

Page 57: Narrative Image: The How and Why of Visual Storytelling

> 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.

Page 58: Narrative Image: The How and Why of Visual Storytelling

> Transitions <

moment-to-moment requires very little closure

action-to-action single subject in a process

scene-to-scenespans significant distances of time or space

subject-to-subjectshows different people or things in a scene or idea

aspect-to-aspect transitions between aspects of a place, idea, or mood

non-sequiturno logical relationship - lots of closure required

There are six major types of transitions between frames, each of which has a different effect on the pacing of the story.

Page 59: Narrative Image: The How and Why of Visual Storytelling

scene-to-scenespans significant distances of time or space

aspect-to-aspect transitions between aspects of a place, idea, or mood

Page 60: Narrative Image: The How and Why of Visual Storytelling

> 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 can wander in many directions. If the story is driven mainly by the words, then the images can wander, becoming more abstract and utilizing more closure.

The words are telling most of the story here

No words

The image is telling most of the story here

Page 61: Narrative Image: The How and Why of Visual Storytelling

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

Page 62: Narrative Image: The How and Why of Visual Storytelling

Other titles by Jim Ottaviani Published by G.T. Labs

Page 63: Narrative Image: The How and Why of Visual Storytelling

Clan Apis By Jay Hosler

Page 64: Narrative Image: The How and Why of Visual Storytelling

how

Page 65: Narrative Image: The How and Why of Visual Storytelling

why

Page 66: Narrative Image: The How and Why of Visual Storytelling

Visual stories are a uniquely powerful way to communicate.

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