Khoi Vinh Napoleon’s March to
Moscow Charles Joseph Minard Subtraction.com An information graphic that is transformed into great graphic design when narrative is added. Made famous by Edward Tufte.
Khoi Vinh Priester Matches Lucien
Bernhard Subtraction.com Good storytelling in graphic design can be highly succinct. In this example, Bernhard lets the audience’s imaginations complete the story. Priester Matches, c. 1905
Khoi Vinh Harper’s Bazaar Alexey
Brodovitch Subtraction.com Publication design, of course, has always been about good storytelling. Alexey Brodovitch took this to new heights through supremely elegant juxtaposition of image and text with Harper’s Bazaar.
Khoi Vinh Concert Posters J.
Müller-Brockmann Subtraction.com Narrative can also be highly abstract and non- literal. These posters from Josef Müller- Brockmann are so reductive as to be similar to modern painting, and yet they are still powerful storytelling. Tonhalle-Quartett, 1955. Helmhaus Zürich, 1953. Beethoven, 1955. Junifestkonzert, 1957.
Khoi Vinh IBM 1975 Annual
Report Paul Rand Subtraction.com Masters like Paul Rand were terriﬁc storytellers — even when the story he was telling was a year in the life of IBM, the world’s most boring company. Paul Rand, IBM Annual Report, 1975
Khoi Vinh Beach Culture David
Carson Subtraction.com Narrative is such a strong impulse in graphic design, that in many instances, designers assume authorial roles alongside the actual authors — as David Carson did for Beach Culture Magazine in the Nineties.
Khoi Vinh Principles of Good
Storytelling Subtraction.com • A coherent world view • Fine-tuned management of every element • One-way communication of information from the author to the audience
Khoi Vinh What Do These
Add up To? Subtraction.com + A coherent world view + Fine-tuned management of every element + One-way communication of information from the author to the audience Control
Khoi Vinh What They Have
in Common Subtraction.com They’re both exchanges of information between people. But one is a controlled environment and the other is uncontrolled.
Khoi Vinh Compare and Contrast
Subtraction.com Print (Speech) Interactive (Conversation) Environmental and Knowable Mix of knowable and Behavioral Factors unknowable Kinds of Essentially one kind Potentially many different Audience kinds Experiences The audience receives the The audience takes part in experience the experience
Khoi Vinh Social Context Subtraction.com
The tension between print and digital is emblematic of a long-running pattern of media evolution. There is often a struggle between documents and conversations. “Glut: Mastering Information Through the Ages” By Alex Wright
Khoi Vinh Subtraction.com The PC
transformed ‘cathedrals’ of information systems into ‘bazaars’ of personal computing Conver- Documents sations Ref. Richard Stallman
Khoi Vinh But They Need
to Co-Exist Subtraction.com This push and pull is essential to media evolution. Documents and conversations are not mutually exclusive. They are inherently dependent upon one another.
Khoi Vinh The Trend in
Tools Is for More Control Subtraction.com As our tools progress, they give us incrementally more power to control the presentation of our interfaces. Print Fidelity Flash CSS 3.0 Tables Fireworks/ CSS 2.0 Dreamweaver HTML CSS 1.0 HTML 1.0 1990 1995 2000 2005 2010