<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Visualmotive Blog &#187; comics</title>
	<atom:link href="http://blog.visualmotive.com/tags/comics/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.visualmotive.com</link>
	<description>Thoughts on maps and visualization</description>
	<lastBuildDate>Fri, 09 Sep 2011 18:18:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Understanding Comics by Scott McCloud</title>
		<link>http://blog.visualmotive.com/2009/understanding-comics-with-scott-mccloud/</link>
		<comments>http://blog.visualmotive.com/2009/understanding-comics-with-scott-mccloud/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 12:00:56 +0000</pubDate>
		<dc:creator>Chris Mueller</dc:creator>
				<category><![CDATA[Visualization]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[comics]]></category>
		<category><![CDATA[metaphor]]></category>

		<guid isPermaLink="false">http://blog.visualmotive.com/?p=288</guid>
		<description><![CDATA[<a href="http://blog.visualmotive.com/2009/understanding-comics-with-scott-mccloud/"><img align="left" hspace="5" width="150" height="150" src="http://blog.visualmotive.com/wp-content/uploads/2009/12/mccloud_understanding_comics-150x150.jpg" class="alignleft wp-post-image tfe" alt="The process of writing comics" title="mccloud_understanding_comics" /></a>"Comics are juxtaposed pictorial and other images in a deliberate sequence, intended to convey information and/or produce an aesthetic response in the viewer." These are my notes from Scott McCloud's excellent book <i>Understanding Comics</i>.]]></description>
			<content:encoded><![CDATA[<div id="attachment_290" class="wp-caption alignnone" style="width: 650px"><a href="http://blog.visualmotive.com/wp-content/uploads/2009/12/mccloud_understanding_comics.jpg"><img class="size-medium wp-image-290" title="mccloud_understanding_comics" src="http://blog.visualmotive.com/wp-content/uploads/2009/12/mccloud_understanding_comics-640x315.jpg" alt="The process of writing comics" width="640" height="315" /></a><p class="wp-caption-text">The process of writing comics</p></div>
<p>What follows are notes and quotations from Scott McCloud&#8217;s excellent book <a href="http://www.amazon.com/Understanding-Comics-Invisible-Scott-Mccloud/dp/006097625X">Understanding Comics</a>. The book describes the art of comic books, but most of the lessons are also applicable to other types visual communication like charts and maps.</p>
<p>Definition: &#8220;Comics are juxtaposed pictorial and other images in a deliberate sequence, intended to convey information and/or produce an aesthetic response in the viewer.&#8221;</p>
<p>Comics use <em>iconic</em> images: sparse representations of reality. Used to allow the reader to inject himself/herself into the narrative.</p>
<div id="attachment_289" class="wp-caption alignnone" style="width: 650px"><a href="http://blog.visualmotive.com/wp-content/uploads/2009/12/mccloud-uc-triangle.jpg"><img class="size-medium wp-image-289" title="mccloud-uc-triangle" src="http://blog.visualmotive.com/wp-content/uploads/2009/12/mccloud-uc-triangle-640x490.jpg" alt="McCloud's triangle of communication. Photographs on the left, written word on the right, abstract icons on top." width="640" height="490" /></a><p class="wp-caption-text">McCloud&#39;s triangle of communication types. Photographs on the left, written word on the right, abstract icons on top.</p></div>
<p>Most comics are along the bottom axis of the triangle (above), but there are examples of comics that fill the whole space.</p>
<p>Comics allow people to identify with roles and characters. &#8220;People in the 20th century don&#8217;t want goals, they want roles,&#8221; by McLuhan (1970?).</p>
<p><em>Closure</em>: observing the parts, but perceiving the whole. Like seeing a character&#8217;s torso and knowing he has feet. For example: videos are a rapid sequence of stills, or rich color photos that are a bunch of little dots (like newspaper prints or Roy Lichtenstein).</p>
<p>The <em>gutter</em>: space between panels where the imagination works.</p>
<p><em>Visual icons are vocabulary, closure is the grammar.</em></p>
<p>Types of transitions:</p>
<ol>
<li> Moment to moment (same character and scene)</li>
<li>Action to Action (single subject)</li>
<li>Subject to Subject (same scene)</li>
<li> Scene to scene (different characters and scenes)</li>
<li> Aspect to aspect (different aspects of a place or idea)</li>
<li>Non-sequitur (no relationships whatsoever)</li>
</ol>
<p>How <em>time</em> works: divided panel by panel:</p>
<ul>
<li> Panel shape influences perception. Longer panels seem to occupy more time.</li>
<li>Timelessness: long, lingering time. Usually borderless panels or those that bleed off the edge.</li>
<li>Passage of time can be shown with &#8220;zip ribbons&#8221; (swish of motion).</li>
</ul>
<p>How <em>lines</em> influence communication:</p>
<ul>
<li>Different types of lines can have different emotional and sensational qualities: passive and timeless, proud, dynamic, severe, gentle, etc.</li>
<li>Subjective motion (subject is static, looks like the background is moving)</li>
</ul>
<p>When thinking about the interplay between words and images in comics, there are several <em>Word + Image</em> combinations to consider:</p>
<ul>
<li>Word specific (words are dominant)</li>
<li>Picture specific (pictures are dominant)</li>
<li>Duo-specific (both words and pictures convey the same meaning)</li>
<li>Additive (words add significant meaning)</li>
<li>Parallel (words and pictures tell different but parallel stories)</li>
<li>Montage (words are integral to the picture)</li>
<li>Interdependent (both work together to tell a story neither could tell alone)</li>
</ul>
<p><em>Process</em> of creating comics (see image at the top of this post):</p>
<ol>
<li>Idea/Purpose</li>
<li>Form</li>
<li>Idiom/style</li>
<li>Structure</li>
<li>Craft</li>
<li>Surface</li>
</ol>
<p>What about <em>Color</em>? Color symbolizes certain characters (eg. Batman is always blue-gray). Flat colors emphasize the shape of an object (Herge&#8217;s TinTin comics used all flat colors) to promote a democracy of form in which no shape is any more important than any other.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>Those are my notes. If this sounds interesting to you I highly recommend reading the entirety of <a href="http://www.amazon.com/Understanding-Comics-Invisible-Scott-Mccloud/dp/006097625X">Understanding Comics</a>. It&#8217;s delightfully crafted and a pleasure to read. Also, Scott McCloud writes on <a href="http://twitter.com/scottmccloud">Twitter</a> and on <a href="http://scottmccloud.com/">his blog</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.visualmotive.com/2009/understanding-comics-with-scott-mccloud/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

