<?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>Graphic Language &#187; Photography / Film</title>
	<atom:link href="http://www.danielpjohnston.com/graphic-language/category/photography-film/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.danielpjohnston.com/graphic-language</link>
	<description>Daniel P. Johnston</description>
	<lastBuildDate>Fri, 23 Dec 2011 20:25:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>If These Wheels Could Talk</title>
		<link>http://www.danielpjohnston.com/graphic-language/2011/12/23/if-these-wheels-could-talk/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2011/12/23/if-these-wheels-could-talk/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 20:24:32 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Content / Architecture]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Information / Mapping]]></category>
		<category><![CDATA[Naming / Words]]></category>
		<category><![CDATA[Photography / Film]]></category>
		<category><![CDATA[Print / Editorial]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=2207</guid>
		<description><![CDATA[If These Wheels Could Talk book; 34 x 6.5in. (spread), 116ppg. / 2004 Soon after the dot-com and 9/11 crashes, my design job also crashed. I set about looking for another, through other firms, recruiters, friends, friends of friends, and so on. All unable to take on the frivolous weight of an underdeveloped type and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_book_cover_lg.jpg" alt="If These Wheels Could Talk" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/10/dpj_bus_book_cover.jpg" alt="If These Wheels Could Talk" title="dpj_bus_book_cover" width="500" height="305" class="alignnone size-full wp-image-2208" /></a><br />
</p>
<p class="small"><i>If These Wheels Could Talk</i> book; 34 x 6.5in. (spread), 116ppg. / 2004</p>
<p></p>
<p class="large">Soon after the dot-com and 9/11 crashes, my design job also crashed. I set about looking for another, through other firms, recruiters, friends, friends of friends, and so on. All unable to take on the frivolous weight of an underdeveloped type and image manipulator, I broadened my search criteria: assistant&#8230; receptionist&#8230; data enterer&#8230; Anything that would have me back in the office environs to which I had grown so entitled. But there was nothing to be had. Facing the loss of everything, the idealization of pre-crash innocence struck me. I printed out a few standard government forms, borrowed a friend&#8217;s car and found myself driving southward to the King County Metro headquarters. I was on my way to becoming a bus driver.</p>
<p>
Public transportation is one of the great noble causes of our time, and the bus embodies the struggle most colossally: angling through bourgeois car traffic to transport the proletariat affordably to their destination. Having grown up without a car, I had developed a keen appreciation for the bus&#8217;s role, and, as the false hopes of cubicle walls crumbled, to give my hands to one of their great helms all of a sudden seemed right. But, for all my idealization, I also knew the motley reality of what goes on above the turning wheels: The bus riding masses are an odd bunch, particularly in a city where almost everyone who can drives a car instead&#8230; <span id="more-2207"></span><br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_title_lg.jpg" alt="If These Wheels Could Talk / title page" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_title.jpg" alt="If These Wheels Could Talk / title page" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> title page; 34 x 6.5in. (spread), 116ppg. / 2004</p>
<p>
Even before my career epiphany, the bus, and particularly those who rode it, had been so fascinating to me that I often ruminated that someone could (and should) write a book about it. Some years after my drive downtown, nearing the end of the Visual Communication Design (VCD) program at the University of Washington, I decided I would write that book. This was to be a documentary exploration into extra-ordinary human behavior, captured from a series of bus rides.<br />
<br />
Of all the routes in <a href="http://metro.kingcounty.gov/" target="_blank">Metro&#8217;s</a> quiver, route 7 is one of the most eccentric, and, at the time of this project, I knew it quite well. It starts in the University district, with its preppy students and punkish homeless, then ambles up to Capitol Hill&#8217;s prideful exhibitionists and holy hipsters, turns around the plucky community college and then hurdles downtown, where business gets serious and youth goes to die. I lived in the middle and commuted to both ends. In homage to this moving cross-section, the book is composed as a series of seven rides.<br />
<br />
Interaction with the book is meant to invoke the bus riding experience. The vehicle, itself, is large and unwieldy in every dimension. The book is 34&#8243; across when straightened out, almost six inches thick, and quite heavy. Though over 100 pages, there are no page numbers; rather, it is based on time to get from one end of a story to the other. The table of contents shows the journey you will take through the read, a legend of symbols (such as character descriptions and ambient noises like laughing or stop-bell ringing), and a timetable, so you know when your story is coming.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_title_lg.jpg" alt="If These Wheels Could Talk / table of contents" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_contents.jpg" alt="If These Wheels Could Talk / table of contents" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> table of contents; 34 x 6.5in. (spread), 116ppg. / 2004</p>
<p>
Readers are invited into new stories by a new set of doors rolling up. For those who really want to immerse themselves in the bus ride experience while careening through the book, a CD of ambient bus noise sits on the hub of the first wheel.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_here_lg.jpg" alt="If These Wheels Could Talk / story coming" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_here.jpg" alt="If These Wheels Could Talk / story coming" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (story coming); 34 x 6.5in., 116ppg. / 2004</p>
<p>
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_here_first_lg.jpg" alt="If These Wheels Could Talk / story arrival" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_here_first.jpg" alt="If These Wheels Could Talk / story arrival" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (story arrival); 34 x 6.5in., 116ppg. / 2004</p>
<p>
A true connoisseur of the bus understands the implications of everything from the machine to the madness within. Express routes traversing the city and then ending in the bus tunnel downtown had been taken in beautiful Italian Bredas that would convert from diesel to electric &#8220;trolley&#8221; mode via long, raisable contact rods that would slide power from a dense network of live overhead wires. Sadly, these were being overtaken by the criminally ugly, though presumably more practical Canadian New Flyers, which were truer hybrids in that they no longer needed the trolley wires to sustain electric power. Before even the Bredas were the German M.A.N. machines of equivalent industrial elegance but, by this point had only kept presence with aging, 100% electric trolleys on local urban routes; their sophisticated gestalt belied an obstreperous tendency to toss their electric contact rods (and thus, all power) if corners weren&#8217;t taken with surgical accuracy. Filling in the gaps were useful, if unremarkable, American Gillig Diesels. Depending on the day and time, the number 7 may have employed any of these buses.<br />
<br />
Once inside one of the great battlewagons, the real psychological war begins. Within each bus is a series of micro neighborhoods: Elderly, lonely and confused up front, huddled masses in the low front-facing rows, superior types high over the wheel wells, focused readers and motion-starved toddlers in the windowless, articulating mid-section and conniving youth slammed as rearward as possible. To mismatch your persona with the expectations of the community could be uncomfortable at best. However, increased rider density of any given route will dissipate these presumptions.<br />
<br />
As you enter a story, a page lets you know where you are in the route, what kind of bus is taking you, how full it was, who the primary characters were and where they sat.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_new-apt_stop_lg.jpg" alt="If These Wheels Could Talk / chapter head" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_new-apt_stop.jpg" alt="If These Wheels Could Talk / chapter head" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (chapter head); 34 x 6.5in., 116ppg. / 2004</p>
<p>
Technically, of course, I didn&#8217;t write this book. I could have, I suppose, but I thought it would be a hell of a lot more interesting if the people on the bus wrote it, themselves. In order to make this happen, I recorded conversations going on around me on my everyday commutes, then merely transcribed them upon returning home every night. The final seven stories were culled from about 25 ride recordings.<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_story_text_lg.jpg" alt="If These Wheels Could Talk / story text" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_story_text.jpg" alt="If These Wheels Could Talk / story text" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (story text); 34 x 6.5in., 116ppg. / 2004</p>
<p>
The text of the conversation is set temporally. Gaps in conversation correspond to gaps in typography. Similarly, when more than one person speaks at a time, type overlaps. Though the book is over 100 pages, there are no page numbers. Rather, a small clock ticks by at the right side of each spread. Each character is given a color, icon and a typeface that correspond to their gender, age, and personality as I could glean them from my brief overhearings. New entrants to the story are cued with their icons as they become audible, as they so often do.<br />
<br />
Concurrently with, and helping to deflect from, my overhearing, I shot abstract photography of the great machines and their surroundings for abstract visual context. Marbled rubber flooring, cracked vinyl seats and polished steel railings met with glimpses of light and corners as I rolled through the streets.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_tunnel_lg.jpg" alt="If These Wheels Could Talk / story imagery" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_tunnel.jpg" alt="If These Wheels Could Talk / story imagery" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (story / imagery); 34 x 6.5in., 116ppg. / 2004</p>
<p>
Most of the text is actually quite small. It is the equivalent of the din of public chatter. It&#8217;s temporal setting and iconic cues offer a sense of volume and pace. But you don&#8217;t have to overhear very hard before someone says something that jumps clearly above white noise. Such gems were treated as pull quotes, set emotively within the photographic glimpses.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_quote_a_lg.jpg" alt="If These Wheels Could Talk / pull quote" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_quote_a.jpg" alt="If These Wheels Could Talk / pull quote" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (story / imagery / pull quote); 34 x 6.5in., 116ppg. / 2004</p>
<p>
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_quote_b_lg.jpg" alt="If These Wheels Could Talk / pull quote" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_quote_b.jpg" alt="If These Wheels Could Talk / pull quote" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (story / imagery / pull quote); 34 x 6.5in., 116ppg. / 2004</p>
<p>
If you&#8217;re lucky, your point A and point B are driven between, directly, by one Metro bus. However, this is by no means guaranteed, particularly if those points are separated by some distance and/or are not represented as a stop within the downtown bus tunnel. For all other trips, you must transfer. As with most tax-starved public programs, I had learned early in my life to temper expectations of service, but the bus would almost always find a way to let me down, and never so low as when I was forced to wait to transfer to another bus. In order to bring this element into the frame, the book is not set up as a continuous ride with seven stops but, rather, seven consecutive rides with six transfers in-between, forcing you to wait between stories. Often for much longer than seems necessary.<br />
<br />
It can take forever.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_stop_early_lg.jpg" alt="If These Wheels Could Talk / waiting" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_stop_early.jpg" alt="If These Wheels Could Talk / waiting" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (waiting); 34 x 6.5in., 116ppg. / 2004</p>
<p>
Sometimes, just looking around can be interesting, though.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_stop_early_c_lg.jpg" alt="If These Wheels Could Talk / waiting" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_stop_early_c.jpg" alt="If These Wheels Could Talk / waiting" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (waiting); 34 x 6.5in., 116ppg. / 2004</p>
<p>
&#8230;while you&#8217;re waiting.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_stop_early_b_lg.jpg" alt="If These Wheels Could Talk / waiting" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_stop_early_b.jpg" alt="If These Wheels Could Talk / waiting" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (waiting); 34 x 6.5in., 116ppg. / 2004</p>
<p>
&#8230;and waiting.<br />
<br />
Printed Metro schedules were useless because buses could never, ever stick to them. I always thought that buses should have tracking devices that would show, on a route map at every stop, where it actually was (a simple LED on the line would suffice). That way, you could make an informed decision about whether to wait, walk, cry, or go back home. But they still print schedules, anyway.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_stop_late_lg.jpg" alt="If These Wheels Could Talk / waiting" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_stop_late.jpg" alt="If These Wheels Could Talk / waiting" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (waiting); 34 x 6.5in., 116ppg. / 2004</p>
<p>
If daytime ridership seems odd, then take a trip at night and prepare to redefine normal. Take away the people on their way to something productive and you&#8217;re left with a rare breed of incoherent vagabonds, charged up ramblers and the completely deranged. In other words, these words are gold. Two of the book rides take place at night, cued by a black backdrop. As well, the information graphics and text are reversed out of the nocturnal darkness.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_here_night_lg.jpg" alt="If These Wheels Could Talk / night story" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_here_night.jpg" alt="If These Wheels Could Talk / night story" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (bus arriving at night); 34 x 6.5in., 116ppg. / 2004</p>
<p>
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_start_night_lg.jpg" alt="If These Wheels Could Talk / night story" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_start_night.jpg" alt="If These Wheels Could Talk / night story" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (bus arriving at night); 34 x 6.5in., 116ppg. / 2004</p>
<p>
Day breaks one more time to shine a light on the last story, which is primarily about getting off the bus, picking up on someone who meant to be picked up by another number. The ride stops before it starts and so the story goes away.<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_final_lg.jpg" alt="If These Wheels Could Talk / story leaving" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/12/dpj_bus_final.jpg" alt="If These Wheels Could Talk / story leaving" /></a></p>
<p class="small"><i>If These Wheels Could Talk</i> spread (story leaving); 34 x 6.5in., 116ppg. / 2004</p>
<p>
After all these years, and so many projects before and since, many for some of the most interesting organizations in the world, this book still holds a place very close to my heart. It was the bus that took me from one formative experience to another for much of my life, and it was the bus that drove me back to my life&#8217;s design.<br />
<br />
I realized halfway into that drive down south that, for all the good that the bus embodied, I wasn&#8217;t meant to be its driver. For better or worse, I was always supposed to be a designer, and so I turned the car around and went back home. Shortly thereafter, I filled out some other government forms and reapplied to the University of Washington, where I went on to go through the VCD program. In the rite of passage from school to re-entry into career, it felt right to pay due respect to the wheels that got me there.</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2011/12/23/if-these-wheels-could-talk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multiple Choice</title>
		<link>http://www.danielpjohnston.com/graphic-language/2010/12/18/multiple-choice/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2010/12/18/multiple-choice/#comments</comments>
		<pubDate>Sun, 19 Dec 2010 00:26:19 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Content / Architecture]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Drawing / Illustration]]></category>
		<category><![CDATA[Naming / Words]]></category>
		<category><![CDATA[Photography / Film]]></category>
		<category><![CDATA[Print / Editorial]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=1609</guid>
		<description><![CDATA[Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation booklet; front cover; 4.5 x 4.5in.; 28ppg. / 2003 Teen angst is a powerful force not often harnessed for forward progress. At the same time, many of today’s most overwhelming transportation problems are fueled by inertia. There is one predominantly accepted model that most [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_cover.jpg" alt="" title="dpj_honda_cover" width="500" height="375" class="alignnone size-full wp-image-1614" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; front cover; 4.5 x 4.5in.; 28ppg. / 2003</p>
<p></p>
<p class="large">Teen angst is a powerful force not often harnessed for forward progress. At the same time, many of today’s most overwhelming transportation problems are fueled by inertia. There is one predominantly accepted model that most people of driving age accept as given and therefore perpetuate. If there&#8217;s one thing kids hate, it&#8217;s being told that they have to do something a certain way. <i>Multiple Choice</i> plays between both of these phenomena.</p>
<p>
This book, one of a few projects undertaken for the <i>Publications</i> course in the UW Visual Communication Design program, was designed as a thought leadership piece that might be put out by a major car maker to mark an openness to new ideas, sparking productive discourse on the future of transportation&#8230; <span id="more-1609"></span><br />
<br />
Content is related to the youth in abstracted vernacular of the age-old standardized test. But the point that&#8217;s being driven throughout is that, unlike such tests, these issues have more than one right answer, and the answer most commonly accepted is not necessarily right at all. This isn&#8217;t a test after all; it&#8217;s a challenge.<br />
<br />
At the beginning of each section, two questions are posed: concerning the current situation: <i>Why?</i>, with the prevailing, claustrophobic choice as the only choice, and, considering several alternatives in an open context, <i>Why not?</i>.<br />
<br />
The book is divided into four sections. The first, <i>Dinosaur Technology</i>, focuses on fuels, asking <i>Why</i> only fossil fuels? (as illustrated by oil derrick bubbles) and <i>Why not</i> hydrogen/fuel-cell, electric, solar, biodiesel or even wind-power?<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_dino_why.jpg" alt="" title="dpj_honda_dino_why" width="500" height="375" class="alignnone size-full wp-image-1617" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; front cover; 4.5 x 4.5in.; 28ppg. / 2003</p>
<p>
The sections then cite a quote about the detrimental effects of the current &#8220;right answer&#8221;—here an excerpt from <i>The Nation</i> decrying the inefficiency and inscrutable political backing of fossil fuel—while sharing brief descriptions of the alternatives.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_dino_quote.jpg" alt="" title="dpj_honda_dino_quote" width="500" height="375" class="alignnone size-full wp-image-1616" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; <i>Dinosaur Technology</i> chapter head; 9 x 4.5in. (spread); 28ppg. / 2003</p>
<p>
In the spirit of test-taking, each description begins with a simple question. The writing is kept brief and light, but informative. At the end of each section, simple information graphics compare relevant statistics between all of the choices, such as mile per dollar, contrasted with contrary government subsidy.<br />
</br><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_dino_info.jpg" alt="" title="dpj_honda_dino_info" width="500" height="375" class="alignnone size-full wp-image-1615" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; <i>Dinosaur Technology</i> chapter head; 9 x 4.5in. (spread); 28ppg. / 2003</p>
<p>
The next section, <i>Vehicular Suicide</i>, focuses on efficient uses of vehicles, asking <i>Why</i> single-occupancy in large vehicles like SUVs, and <i>Why not</i> carpooling, public transportation, motorcycling, cycling, or even the curious Segway?<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_suv_why.jpg" alt="" title="dpj_honda_suv_why" width="500" height="375" class="alignnone size-full wp-image-1623" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; <i>Vehicular Suicide</i> chapter head; 9 x 4.5in. (spread); 28ppg. / 2003</p>
<p>
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_suv_copy.jpg" alt="" title="dpj_honda_suv_copy" width="500" height="375" class="alignnone size-full wp-image-1621" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; <i>Vehicular Suicide</i> alternative descriptions; 9 x 4.5in. (spread); 28ppg. / 2003</p>
<p>
Information graphics compare emissions per person per day with cost per day.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_suv_info.jpg" alt="" title="dpj_honda_suv_info" width="500" height="375" class="alignnone size-full wp-image-1622" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; <i>Vehicular Suicide</i> information graphics; 9 x 4.5in. (spread); 28ppg. / 2003</p>
<p>
The third section, <i>Going Nowhere Fast</i>, focuses on how those vehicles get from point-A to point-B, and asks <i>Why</i> just the static highway tangles currently in place? and <i>Why not</i> some more efficient, safe and/or easy alternatives, such as splitting highway systems into levels for different uses, automatically-linked vehicle caravans, hyper-efficient magnetic track systems or even more futuristic bubble technology?<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_roads_why.jpg" alt="" title="dpj_honda_roads_why" width="500" height="375" class="alignnone size-full wp-image-1620" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; <i>Going Nowhere Fast</i> chapter head; 9 x 4.5in. (spread); 28ppg. / 2003</p>
<p>
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_roads_quote.jpg" alt="" title="dpj_honda_roads_quote" width="500" height="375" class="alignnone size-full wp-image-1619" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; <i>Going Nowhere Fast</i> chapter head; 9 x 4.5in. (spread); 28ppg. / 2003</p>
<p>
This section is summed up with comparisons of time wasted in traffic in different U.S. cities currently, ranging anywhere from about 50 to 80 hours per year.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_roads_info.jpg" alt="" title="dpj_honda_roads_info" width="500" height="375" class="alignnone size-full wp-image-1618" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; <i>Going Nowhere Fast</i> chapter head; 9 x 4.5in. (spread); 28ppg. / 2003</p>
<p>
Lastly, <i>What Now?</i> asks readers to contemplate what to do with all these choices and offers an interactive CD-ROM with tunes for the next commute, as well as information on how the youths&#8217; can use their informed chutzpah to challenge friends, family, and political representatives whose standstill status quo is so rarely challenged otherwise.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_honda_you.jpg" alt="" title="dpj_honda_you" width="500" height="375" class="alignnone size-full wp-image-1625" /><br />
</p>
<p class="small"><i>Multiple Choice, Alternatives to the Worn Out Model of U.S. Transportation</i> booklet; <i>What Now?</i> information/CD; 9 x 4.5in. (spread); 28ppg. / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2010/12/18/multiple-choice/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Don&#8217;t Forget&#8230; You&#8217;re Invited</title>
		<link>http://www.danielpjohnston.com/graphic-language/2010/11/11/dont-forget-youre-invited/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2010/11/11/dont-forget-youre-invited/#comments</comments>
		<pubDate>Thu, 11 Nov 2010 19:29:35 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Photography / Film]]></category>
		<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Type / Fonts]]></category>
		<category><![CDATA[some time.]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=2067</guid>
		<description><![CDATA[2003 law school graduation party invitation (side A); 4.5 x 6in. / 2003 In studying the prevailing American mindset on the subject of career success, perhaps the most insightful text on the matter is the collected works of TV Guide. Skim past the prologue of red-eyed shills, the hazy caffeine of morning droll and other [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/07/dpj_grad_invite_side_a.jpg" alt="" title="dpj_grad_invite_side_a" width="500" height="500" class="alignnone size-full wp-image-2068" /><br />
</p>
<p class="small">2003 law school graduation party invitation (side A); 4.5 x 6in. / 2003</p>
<p></p>
<p class="large">In studying the prevailing American mindset on the subject of career success, perhaps the most insightful text on the matter is the collected works of <i>TV Guide</i>. Skim past the prologue of red-eyed shills, the hazy caffeine of morning droll and other timefill of pandering feel-good talk, geriatric game shows and irrelevant local news, and and start taking notes at prime time. Discounting the relatively recent, unfathomable minefield of &#8220;reality&#8221; as desperate scatter-shot, you are left with memes so powerful and enduring as to have riddled prime slots snowy and black and white all the way through 3DHD: Doctors and lawyers. Television&#8217;s ethereal blue glow has taught us to revere these two professions more than any other, and, in the interest of the court, I was guilty as any.</p>
<p>
This TV-fed fascination with doctors and lawyers comes not from their contribution to society, but on their sheer entertainment value. Prime time has served up their appeal on silver platters. We see doctors tussle with human life, which is kind of like what God is all about; the appeal is obvious. Lawyers are the cunning oral marksmen, toggling between cool recitation of obscure precedent and impassioned appeals for basic decency. Each have their own brand of exotic diction that elevates them from the rest of the bread and butter world, leaving us to assume their impenetrable turns of phrase are ingenious shows of mental strength. Moreover, both are assumed to make boatloads of money&#8230; <span id="more-2067"></span><br />
<br />
I should mention a third meme that has proved similarly time-tested and Nielsen-approved, but it has a different cast: Cops. We are led to cite these street talkers as &#8220;everyday heroes&#8221; and they may even earn some awe for their moxie, but we&#8217;re shown little reason to give their job any aspirational value. Their foul-mouthed dishabille is picked-up and only spirals. It takes everything in their power to just beat back death every day. Moreover, it doesn&#8217;t take long to figure out that they are just doing the dirty work for the lawyers, who&#8217;ll &#8220;take it from here, thanks.&#8221; There is never any talk about cops&#8217; salaries, unless it is painfully insufficient. Any fleeting, youthful intrigue in guns and American cars was never enough to drive me toward working a beat.<br />
<br />
Taking both doctors and lawyers on equal ranking in terms of American reverence, doctors really get the short end of the stick in reality (the real reality). They have to go to school for eons and, with all that blood and gore? No, thank you. Lawyers, on the other hand&#8230; that&#8217;s three years of post-grad and you&#8217;re out cleverly badgering witnesses into submission. The mavens of the small-screen courtroom, from Matlock to McCoy—hell, even McBeal—all made lawyering look pretty choice.<br />
<br />
Nevertheless, despite never having seen a single television show about it (was there ever one?), graphic design eventually snuffed out any latent interest in the legal arts. As sexy as all of that fancy arguing may look on TV, the process is interpretive and repetitive—creativity in law is only for the corrupt; I&#8217;m just not wired for it. Plus, with all that required reading? No, thank you.<br />
<br />
But if you can&#8217;t be &#8216;em, join &#8216;em, I say. At a certain point, I happened to fall into a crowd of law students, one of whom happened to be my girlfriend for quite some time (told you it was sexy). I went through the process vicariously, from being &#8220;scared to death,&#8221; to &#8220;worked to death&#8221; to &#8220;bored to death&#8221; (and a lot of drinking to death in-between). Completing this morbid rite meant all the closer to the cool glow of the courthouse—a &#8220;win&#8221; as they say; certainly cause for celebration. I put my creative genes to work to help make that happen.<br />
<br />
Tying a string around one&#8217;s finger is a timeless symbol of remembering something important. To help you remember that the important thing has something to do with graduation, the string is actually a tassel. And to help you remember such detailed information regarding time, place, numbers and whatnot, it was best to just keep it on hand. After such a deadly course of study, nobody had any of their own memory left.<br />
</br /><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2011/07/dpj_grad_invite_side_b.jpg" alt="" title="dpj_grad_invite_side_b" width="500" height="500" class="alignnone size-full wp-image-2069" /><br />
</p>
<p class="small">2003 law school graduation party invitation (side B); some information purposely obscured; 6 x 4.5in. / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2010/11/11/dont-forget-youre-invited/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Construction in Cities; A Design Marathon</title>
		<link>http://www.danielpjohnston.com/graphic-language/2010/02/27/construction-in-cities-a-design-marathon/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2010/02/27/construction-in-cities-a-design-marathon/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 15:34:25 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Photography / Film]]></category>
		<category><![CDATA[Print / Editorial]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=1117</guid>
		<description><![CDATA[Construction in Cities; Social, Environmental, Political and Economic Concerns book cover (1 of 36); 6 x 9in. / 2002 There&#8217;s more than one way to skin a cat, as they say. They don&#8217;t seem to say who the desperate soul was that figured this out, or how many ways he or she came up with [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-2.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (1 of 36); 6 x 9in. / 2002</p>
<p></p>
<p class="large">
There&#8217;s more than one way to skin a cat, as they say. They don&#8217;t seem to say who the desperate soul was that figured this out, or how many ways he or she came up with (though I imagine there must be at least nine). The question we were posed with in a university class project was: How many ways can you skin a book?
</p>
<p>
As part of the <i>Visualizations</i> course in the Visual Communication Design program at the University of Washington, this so-called &#8220;design marathon&#8221; charged us with creating not just one or even nine, but <i>36</i> different covers <i>for the exact same book</i>. Said book had to be a real, published work, and it had to have some variant of the word &#8220;city&#8221; in the title but, as long as it fit within those parameters, we could choose whatever one seemed to suit our fancy. We spent about a week focusing on getting a few covers started, then worked on developing the balance while concurrently working on a <a href="http://www.danielpjohnston.com/graphic-language/2010/02/15/whats-in-a-name/" target="_blank">public service campaign</a> project and another project creating a series of film posters (coming soon to a Graphic Language blog near you!). All three projects were done in the course of ten weeks.<br />
<br />
The book I chose, &#8220;Construction in Cities; Social, Environmental, Political and Economic Concerns&#8221; by Patricia J. Lancaster, AIA, is no great work of literature. It is, however, a (seemingly) quite useful guide to overcoming various barriers in getting one&#8217;s plans built in the urban landscape. I took various perspectives in illustrating this on my covers (I had to!). As with all of the work I put up on this site, I really like some of it and find some of it pretty awful, but for you, I bear all. My first attempt is above. 35 others follow&#8230; <span id="more-1117"></span><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-1.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (2 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-3.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (3 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-4.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (4 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-5.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (5 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-6.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (6 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-7.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (7 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-8.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (8 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-9.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (9 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-10.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (10 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-11.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (11 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-12.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (12 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-13.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (13 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-14.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (14 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-15.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (15 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-16.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (16 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-17.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (17 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-18.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (18 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-19.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (19 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-20.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (20 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-21.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (21 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-22.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (22 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-23.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (23 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-24.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (24 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-25.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (25 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-26.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (26 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-27.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (27 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-28.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (28 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-29.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (29 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-30.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (30 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-31.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (31 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-32.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (32 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-33.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (33 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-34.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (34 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-35.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (35 of 36); 6 x 9in. / 2002</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/book_covers-36.jpg" alt="" title="book_covers-1" width="500" height="750" class="alignnone size-full wp-image-1120" /><br />
</p>
<p class="small"><i>Construction in Cities; Social, Environmental, Political and Economic Concerns</i> book cover (36 of 36); 6 x 9in. / 2002</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2010/02/27/construction-in-cities-a-design-marathon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What Do You Call Someone Who&#8230;</title>
		<link>http://www.danielpjohnston.com/graphic-language/2010/02/15/whats-in-a-name/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2010/02/15/whats-in-a-name/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 02:31:35 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Advertising / Campaigns]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Photography / Film]]></category>
		<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Signage / Display]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=933</guid>
		<description><![CDATA[Rumpelstiltskin would approve. recycling awareness campaign postcard, showing PET bottles going into winter gloves; 7 x 5 in. / 2002 &#8220;Designer&#8221; is an ethereal thing to call oneself, fraught with misconception and expectation. When I describe myself as such, people I meet invariably respond with the exact same, ever-more-annoying, eight-word phrase: &#8220;Oh—that&#8217;s, like, with computers [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/dpj_recycling_postcard.jpg" alt="" title="dpj_recycling_postcard" width="500" height="324" class="alignnone size-full wp-image-1067" /><br />
</p>
<p class="small"><i>Rumpelstiltskin would approve.</i> recycling awareness campaign postcard, showing PET bottles going into winter gloves; 7 x 5 in. / 2002</p>
<p></p>
<p class="large">
&#8220;Designer&#8221; is an ethereal thing to call oneself, fraught with misconception and expectation. When I describe myself as such, people I meet invariably respond with the exact same, ever-more-annoying, eight-word phrase: &#8220;Oh—that&#8217;s, like, with computers and stuff, right?&#8221; (I can only imagine that there was some <i>20/20</i> John Stossel exposé about the suspicious rise of the machines in the late &#8217;80s—replete with footage of designers large in glasses and shoulder-padding huddled around a tiny Macintosh, working to draw pastel and black <a href="http://www.youtube.com/watch?v=eNLFXKyCy0A" target="_blank">magic</a> from it—that permanently ingrained this concept in society at large.) Moreover, most people assume I use my computers and stuff for advertising, where I spin everyday goods into objects of mythical lust&#8230; <span id="more-933"></span>
</p>
<p>
The truth is, they&#8217;re right. Ironically, most of the people who assume my job is about computers rely on them far more than I in order to successfully carry out a project (seriously, who <i>doesn&#8217;t</i> use computers these days?), but computers are used as tools to build design files (the ideas, however, still have to come out of a human head). And the line between advertising and design is blurry and often crossed. In setting up this project for our <i>Visualizations</i> class in the Visual Communication Design program at the University of Washington, our professor relayed a quip from a friend of his that went something like this: &#8220;Design is a lame idea that just looks good. Advertising is a great idea that looks like crap.&#8221; In addition to being pretty humorous, this is also about as true as it is frightening. The last thing I want to do is make something look good for no reason.<br />
<br />
Our assignment, then, was to choose from one of several public interests and devise a suitably &#8220;big idea&#8221; that would powerfully illuminate the subject from a new perspective. This idea would form the backbone of a campaign—typically the domain of the &#8220;Ad Man&#8221; (sorry, ladies; no clever name for you). To keep us thinking big (and to be sure we didn&#8217;t delve into any typical designer-y things involving complex or abstract typography, or ironic plays on the medium), we were limited to just three words for the entire campaign, and they had to carry the idea across a vast range of formats. And, we were supposed to make it look good, too.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/dpj_recycling_poster.jpg" alt="" title="dpj_recycling_poster" width="500" height="750" class="alignnone size-full wp-image-1070" /><br />
</p>
<p class="small"><i>Rumpelstiltskin would approve.</i> recycling awareness campaign poster, showing PET bottles going into canvas messenger bags; 24 x 36 in. / 2002</p>
<p>
My topic was recycling, and my big idea was based on the notion that truth is stranger than fable. Recycling realizes far more than most people believe it can. Every year, hundreds of millions of pounds of PET plastic (e.g., soda pop bottles) are recycled, but where do they go? Well, aside from new soda bottles, many industries have used this material as an effective alternative to more expensive, less eco-friendly, and/or simply inferior traditional resources. In fact, recycled PET is used every day to create new products such as lumber, fencing, furniture, and auto parts.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/dpj_recycling_bus.jpg" alt="" title="dpj_recycling_bus" width="500" height="333" class="alignnone size-full wp-image-1060" /><br />
</p>
<p class="small"><i>Rumpelstiltskin would approve.</i> recycling awareness campaign bus sign, showing PET bottles going into fleece vests; approx. 20 x 4 ft. / 2002</p>
<p>
Perhaps the most successful example of this visionary recycling is the work of the clothing industry. Though hard to believe, soda bottles and other such containers can be broken down into pellets, which are then spun into very high quality yarn. This fiber can be used exclusively or blended with natural fibers like cotton to create just about any garment one could imagine.<br />
<br />
After an initial struggle with over-complex diagrammatic visual language to show this fantastic process, I ended up settling on a simple arrow form symbolizing the forward progress inherent in this transformation and punctuating the campaign line. I shot photographs of the materials with an antique 35mm camera, then used computers and stuff to scan, colorize and compose the pieces in the different layouts.<br />
<br />
<i>Rumpelstiltskin</i> was invoked to make people consider the amazing—perhaps even mythical—power of modern recycling. We may not be able to spin straw into gold, but spinning pop bottles into polar fleece ain’t bad. </p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2010/02/15/whats-in-a-name/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Fast Train to Nowhere</title>
		<link>http://www.danielpjohnston.com/graphic-language/2010/01/17/a-fast-train-to-nowhere/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2010/01/17/a-fast-train-to-nowhere/#comments</comments>
		<pubDate>Sun, 17 Jan 2010 18:21:12 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Content / Architecture]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Interactive / Web]]></category>
		<category><![CDATA[Photography / Film]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=950</guid>
		<description><![CDATA[Seattle Monorail Online web site / Welcome page; 1020 x 440px. / 2002 Every time I visit Seattle (my hometown), which tends to happen more than once a year, I find it surprisingly different than I left it last. Startups become stalwarts, old favorites become new failures and areas of complete desolation become constructed destinations. [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_site_welcome.jpg" alt="" title="dpj_monorail_site_welcome" width="500" height="215" class="alignnone size-full wp-image-971" /></p>
<p class="small">
<i>Seattle Monorail Online</i> web site / <i>Welcome</i> page; 1020 x 440px. / 2002
</p>
<p></p>
<p class="large">
Every time I visit Seattle (my hometown), which tends to happen more than once a year, I find it surprisingly different than I left it last. Startups become stalwarts, old favorites become new failures and areas of complete desolation become constructed destinations. But, until very recently, the ways to get to and from any of them had hardly changed a bit. Despite its squeaky-green image, Seattle has always been a car town, with a public transit system whose progress comes and goes in fits and starts but never seems to get anywhere useful by any reasonable timetable. As someone who grew up without a car and as a recalcitrant fan of progress (perhaps even <a href="http://en.wikipedia.org/wiki/Futurism" target="_blank"><i>Futurism</i></a>, to some extent), one of the most personally frustrating examples of this city planning torpor is the Seattle Monorail.
</p>
<p>
As of 2002, when I decided to use it as it as my muse for a web site design class in the Visual Communication Design program at the University of Washington, the Seattle Monorail had been the beginning of something great for about forty years. Originally built in 1962 to shuttle visitors between downtown and the Seattle <a href="http://en.wikipedia.org/wiki/Century_21_Exposition" target="_blank"><i>World&#8217;s Fair</i></a>, the Monorail had since served as little more than an icon of the city&#8217;s once future-driven spirit, though there was a resurgent and concerted effort to evolve the system into something much more impressive. In fact, the wheels had been in motion, so to speak, for several years and, despite the work of some determinately opposed political factions, it looked as if the Monorail might actually realize its potential in the foreseeable future.<br />
<br />
Even considering its terribly stunted scope of service at the time (it ran just over one mile, end-to-end—only about .1 mile longer than it had run in 1962), the Seattle Monorail was a fascinating entity, in that it was at once an historical landmark, a thriving attraction and the major source of inspiration for what possibly could have been the future of Seattle’s public transportation system. This web site was to celebrate the Monorail system&#8217;s rich heritage, facilitate its everyday usage and promote its promising future. As such, I architected the site accordingly, creating sections related to the system&#8217;s <i>past</i>, <i>present</i> and <i>future</i>, and built relevant content into each section&#8230; <span id="more-950"></span><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_site_map.gif" alt="" title="dpj_monorail_site_map" width="500" height="540" class="alignnone size-full wp-image-981" /></p>
<p class="small">
<i>Seattle Monorail Online</i> basic site map / 2002
</p>
<p>
Before getting too far into the design process, I extended the knowledge I had of the Monorail from prior personal experience with more in-depth research. I tracked down various reference material about Monorails around the world for context. I navigated the fascinating lifeline of <a href="http://www.alweg.com/alwegvision.html" target="_blank"><i>Alweg</i></a>, the German company that designed, built and actually paid for the system in 1961-1962. I sat with curators at Seattle&#8217;s <a href="http://www.seattlehistory.org/" target="_blank">Museum of History and Industry (MOHAI)</i></a> and the University of Washington&#8217;s <a href="http://www.lib.washington.edu/speciaLcoll/" target="_blank">Special Collections Library</a>, who graciously provided me with a wealth of firsthand anecdotes and gripping archival reference material, including everything from original construction drawings and renderings to World&#8217;s Fair promotional material and memorabilia to photographs of Elvis Presley, John Glen and Richard Nixon, among others, enjoying rides.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/monorail_archive_imagery.jpg" alt="" title="monorail_archive_imagery" width="500" height="552" class="alignnone size-full wp-image-995" /><br />
</p>
<p class="small">
various archival photos (from the University of Washington <i>Special Collections</i> and <i>MOHAI</i>)<br />
-  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  -<br />
<i>top:</i> Dr. Axel Lennart Wenner-Gren (ALWEG), Swedish financier and visionary of the German monorail company and a prototype train on a test track in 1952 | a pylon being erected in 1961 in Seattle to support the new Seattle Monorail dual track system | one of the two trains arriving in Seattle on a flatbed truck after being built in, and shipped from, Germany<br />
-  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  -<br />
<i>middle:</i> the train cars were simply lifted onto the erected tracks with a crane | the <i>Red Train</i> speeds between Downtown and the World&#8217;s Fair grounds<br />
-  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  -<br />
<i>bottom:</i> NASA astronaut John Glen checks out the cockpit of a Seattle Monorail train | 1963 tickets and driver | the Seattle Monorail on the cover of Life magazine
</p>
<p>
I went downtown and just rode the thing, myself, many, many times, camera in hand. I shot photography from dynamic, often low angles to evoke a sense of speed and stature and emphasize the intrinsic, sculptural beauty of the system.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_2002_imagery.jpg" alt="" title="dpj_monorail_2002_imagery" width="500" height="500" class="alignnone size-full wp-image-997" /><br />
</p>
<p class="small">
various photographs taken of the Monorail system and the attractions it served, including the Westlake Mall and other Downtown shops, as well as the Seattle Center (another icon of the &#8217;62 World&#8217;s Fair), and Frank Gehry&#8217;s <i>Experience Music Project</i>; 35mm film, shot with a 1940s Leica 3G / 2002
</p>
<p>And I learned about how civic and non-profit NGOs were planning its progress, with a far-sighted, systematic approach and new technology.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_future_imagery.jpg" alt="" title="dpj_monorail_future_imagery" width="500" height="500" class="alignnone size-full wp-image-1002" /><br />
</p>
<p class="small">
<i>top:</i> schematic of shadow casting of elevated light rail vs. monorail track systems | community support of the Monorail project<br />
-  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  &#8211;  -<br />
<i>middle/bottom:</i> renderings and architectural models of an expanded monorail network and new cars
</p>
<p>
As I gathered research, original and source imagery, I began to develop the visual and interactive design system. The overall design of the site employs the same dynamic, future-looking spirit that built the original Monorail and which drove the project&#8217;s progress at the time. A forward-leaning 20º angle is employed throughout the site to frame navigation and content sections. Textural headline typography is letter-spaced exponentially to emote a sense of acceleration and lateral velocity. The body copy is set over a smooth gradient for spacial depth and energy. On pages with several topics or subjects, subsequent angled rule and gradient backgrounds delineate new points of interest.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_site_diagram_welcome.jpg" alt="" title="dpj_monorail_site_diagram_welcome" width="500" height="230" class="alignnone size-full wp-image-968" /><br />
</p>
<p class="small">
design elements annotated on the <i>Welcome</i> page for quick reference online style guide; 1024 x 768px / 2002
</p>
<p>
Each section was color-coded with rich, warm color fields against textural blue monotone track photography backgrounds and framed by gridded white linear tracks. <i>Futura Bold</i>, a <i>Bauhaus</i>-era Modern typeface, was used in display settings to help express the quality of optimism in precise, innovative and timeless design the Monorail concept embodied. (All body copy is system text for usability.)<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_color_type_system.jpg" alt="" title="dpj_monorail_color_type_system" width="500" height="225" class="alignnone size-full wp-image-1022" /><br />
</p>
<p class="small">
color and type elements for quick reference online style guide; 1024 x 768px / 2002
</p>
<p>
All content is built on a flexible underlying grid system. The most obvious usage of the grid in the actual site experience is in the feature imagery, generally grouped together in unique clusters. Looking back on this now, I enjoy the structured collages on their own, but the site design probably would have benefited from more restraint here; the resolution of the imagery at this size and the impact of the site design are sometimes overwhelmed by the complexity of the isolated compositions.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_grid_system.jpg" alt="" title="dpj_monorail_grid_system" width="500" height="550" class="alignnone size-full wp-image-1023" /><br />
</p>
<p class="small">
grid system for main site and popup window frames for quick reference online style guide; 1024 x 768px / 2002
</p>
<p>
Sadly, the most powerful moments of the <i>Seattle Monorail Online</i> experience are, fittingly, in the <i>Past</i> section. It is hard to believe that one of the most futuristic urban transportation systems in the world was built nearly a half-century ago. In this span of time, the Seattle Monorail has enjoyed great highs and endured degrading lows. Though often taken for granted by Seattle residents, the same Monorail system had performed nearly flawlessly for over forty years, surviving two major earthquakes, several attempts of manual demolition and two popular votes (as of 2002). For those interested in the Monorail story, this section provided an interactive timeline, information on the <i>World’s Fair</i> and compelling statistics that charted the impact the Monorail had had since 1962 all the way up to 2002.<br />
<br />
Most of the more prominent points in the history of not only the Seattle Monorail, but also of the monorail concept in general, are touched on in the comprehensive <i>Timeline</i> section. One could scroll through the caption boxes and/or click on a date to launch a new window with more extensive information and imagery. One could then navigate through the detailed information of all of the events from this sub-window.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_site_timeline_popup.jpg" alt="" title="dpj_monorail_site_timeline_popup" width="500" height="379" class="alignnone size-full wp-image-974" /><br />
</p>
<p class="small">
<i>Seattle Monorail Online / Past / Timeline</i> + <i>Timeline</i> detail window; 1020 x 440px. and 760 x 290px., respectively / 2002
</p>
<p>
But the Monorail was more than just a relic. It was genuinely useful, even in 2002, shuttling thousands of riders per day—including tourists, residents out for entertainment and regular commuters—between downtown&#8217;s financial/retail center and attractions such as the <a href="http://en.wikipedia.org/wiki/Seattle_Center" target="_blank"><i>Seattle Center</i></a> and <a href="http://en.wikipedia.org/wiki/Experience_Music_Project_and_Science_Fiction_Museum_and_Hall_of_Fame" target="_blank"><i>Experience Music Project (EMP)</i></a>. (An interesting development was that Frank Gehry&#8217;s <i>EMP</i>, built in the late &#8217;90s of cutting-edge, wildly expensive and complex materials and fabrication, was literally built around the Monorail, and only made the then-30-odd-year-old train system seem even more futuristic.)<br />
<br />
For existing and prospective riders, the site offered general information such as timetables, maps, and ticket rates, and even provided information on how to charter one of the two trains for private parties.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_site_fare_info.jpg" alt="" title="dpj_monorail_site_fare_info" width="500" height="219" class="alignnone size-full wp-image-1009" /><br />
</p>
<p class="small">
<i>Seattle Monorail Online / Present / Attractions</i>; 1020 x 440px. / 2002
</p>
<p>
Much like the actual Monorail, I coded the site to launch in a long, narrow window, and content moves laterally in the main frame, while primary navigation information stays stationery in the top frame for easy access at all times. Relevant sub-navigation appears in a secondary navigation track as the <i>Past</i>, <i>Present</i> or <i>Future</i> tabs are moused over. Ironically, I decided to code the site to work best with the then-dominant <i>Internet Explorer</i> browser for Mac. (Annoyingly, this means the actual coded site of over 100 pages still works but is noticeably flawed in any contemporary browser. Oh how times change&#8230;)<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_site_animation_b.gif" alt="" title="dpj_monorail_site_animation_b" width="500" height="220" class="alignnone size-full wp-image-1049" /><br />
</p>
<p class="small">
demonstration of user rolling over primary and secondary menus, clicking into the &#8220;Attractions&#8221; page in the &#8220;Present&#8221; section and scrolling through the body frame of the page / 2002
</p>
<p>
But there&#8217;s so much more to Seattle than the high-pressure retail sales, a giant, crumpled tribute to Jimi Hendrix and the <i>Space Needle</i>, and the Monorail had the potential to bring people anywhere in the city and surrounding areas, quickly, efficiently, and <i>profitably</i>. In fact, the original Monorail was built in under two years and took less than six months to recover all initial building costs. It also costs virtually nothing to maintain. That means that it was not only the only public transportation system in the country that was actually profitable in 2002 (and to this day, I believe), it had been running almost purely on profit (and a significant one, at that) for nearly forty years. And, with no traffic to compete with and voracious acceleration from its energy-efficient electric motors to a top speed of nearly 70MpH, an expanded system could have made connections (and money) very quickly, indeed.<br />
<br />
As of the time of this project, the plan was to have expanded the system from 1.1 to over 13 miles of track throughout the city by 2007. For those who wanted to be involved in realizing the Monorail&#8217;s potential, features such as news updates, a community forum, route plans and information on the new trains and stations were available in the <i>Future</i> section.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/01/dpj_monorail_site_updates_popup.jpg" alt="" title="dpj_monorail_site_updates_popup" width="500" height="379" class="alignnone size-full wp-image-977" /><br />
</p>
<p class="small">
<i>Seattle Monorail Online / Future / Updates</i> + update thread detail window; 1020 x 440px. and 760 x 290px., respectively / 2002
</p>
<p>
Alas, all of this potential, progress, excitement and community action were for naught. Despite a public vote passed to begin building the system into possibly the greatest public transportation system in the world and several subsequent, ever-more slyly-written referendums by opposing factions that also met votes favorable to Monorail progress, the car-town Luddites who pulled the strings somehow still managed to <a href="http://www.alweg.com/alwegseattle/seattlemonoraildebacle.html" target="_blank">pull the plug</a> on the Monorail project with a fifth rewritten referendum that sufficiently tired the voters a couple years after I completed this project.<br />
<br />
Last I was in Seattle, over the holidays, I found vastly increased evidence and talk about a new, and, by all evidence, poorly planned light-rail system that currently only goes only to and from the airport and a relatively unpopular area of South Seattle (that is pretty close to the airport, already). Being primarily ground-based, it is more complex to build, takes up much more valuable real estate, cannot connect with existing buildings without significant demolition, and does not provide the invigorating velocity or stunning views of the Monorail experience. It also competes directly with car traffic, blocking sight lines and even dangerously crossing traffic intersections at some points. The flawed ticketing system is likely letting considerable revenue slip through the tracks. It is, of course, behind schedule and over budget, and will take decades to get anywhere near useful as a viable transportation alternative to driving (if it doesn&#8217;t get driven off track beforehand).<br />
<br />
Meanwhile, the 40+ year-old Seattle Monorail humbly cruises into history, 1.1 miles at a time.<br />
<br />
I suppose building the Monorail into its potential is a lost cause. At this point, I can only hope that someone figures out how to build a time machine. Because, next time I go back to Seattle, I want it to be 1962. It seems like that was the last time people could look up from their windsheilds and see the future.</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2010/01/17/a-fast-train-to-nowhere/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Wanna Make Something of It?</title>
		<link>http://www.danielpjohnston.com/graphic-language/2009/10/24/wanna-make-something-of-it/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2009/10/24/wanna-make-something-of-it/#comments</comments>
		<pubDate>Sat, 24 Oct 2009 16:02:15 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Packaging / 3-Dimensional]]></category>
		<category><![CDATA[Photography / Film]]></category>
		<category><![CDATA[Signage / Display]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=746</guid>
		<description><![CDATA[Materials symbol set promotional poster; 20 x 30in. / 2002 There is something very primal and essential about building things. Behind our most basic needs is the need to build something to facilitate it. Before we can put food on the table, someone has to put the table together. Before we can sleep under anyone&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_poster.jpg" alt="dpj_materials_poster" title="dpj_materials_poster" width="500" height="750" class="alignnone size-full wp-image-747" /><br />
</p>
<p class="small"><i>Materials</i> symbol set promotional poster; 20 x 30in. / 2002</p>
<p></p>
<p class="large">
There is something very primal and essential about building things. Behind our most basic needs is the need to build something to facilitate it. Before we can put food on the table, someone has to put the table together. Before we can sleep under anyone&#8217;s roof, someone has to put that roof over our heads. And, in order to afford such things these days, most of us need to go to work, which, more than likely, is in a <i>building</i>.
</p>
<p>
But modern technology and evolving divisions of labor have rendered the notion of building even the most trifling gaff foreign and anxiety-filling to most. Hardware stores (big-box and corner-shop alike) are stocked floor to ceiling with too many confusing answers to even the most basic questions. For our <i>Marks and Symbols</i> class in the Visual Communication Design (VCD) program at the University of Washington, we were set out to develop a universal language of icons that would help de-mystify this environment and enable people to fulfill their basic need to put stuff together.<br />
<br />
The class was divided into two phases: research and development. In the research phase, we worked in groups to look into issues facing the hardware customer, decide upon the problem we felt had the most potential for amelioration by a concise set of symbols (ten or so), and present our process and findings to the rest of the class. In the second phase, we each developed symbol sets on our own to respond to this problem.<br />
<br />
Our research group, comprising mates Devon DeLapp, Jesse Graupmann, Narith Hoc, Sarah LaMont, Shaun Tungseth and myself, began by thinking of and assessing the potential (and drawbacks) of six possible options: A set of symbols for <i>connectors</i>, which could help people figure out what fit with what else (but seemed too broad to spawn a useful set of just ten symbols), <i>electricity</i> symbols, which could help people figure out the ins and outs of amps and volts (but we couldn&#8217;t figure out how to boil this subject down to ten symbols, either), <i>how-to</i> symbols, which could help people with standard tasks like building a deck or installing a light fixture (but, we quickly realized, would be nearly impossible to describe in mere icons), <i>function/action</i> symbols, which could help explain what a particular tool might do, such as &#8220;twist&#8221; or &#8220;strike&#8221; and might have made for a cool set of symbols (but seemed too basic a concept to actually be of any use to any adult not born on Mars—&#8221;a hammer is for hitting; fancy that!&#8221;), or <i>warning symbols</i>, which could help deter someone from doing stupid things with those tools—like strike themselves with a hammer (but had already been done to death, so to speak).<br />
<br />
After much debate, we decided that <i>materials</i> had the most potential for new exploration of symbols that could enjoy real utility, potentially touching a range of applications within the context of hardware, such as way-finding (&#8220;Where is the wood?&#8221;), contents listing (&#8220;Is this made with wood?&#8221;), and proper use of tools (&#8220;Can I use this on wood?&#8221;)&#8230; <span id="more-746"></span><br />
<br />
Once we had decided on our topic to develop, we halfheartedly debated the merits of different ways to present our preliminary investigation and the resultant &#8220;problem statement&#8221; to the class. We could have done a simple verbal presentation supported by material objects, poster boards, handouts and/or a slide show. In reality, though, having Devon in our group set the foregone expectation among us and the rest of the class that we would do some sort of film (Devon somehow found time to be a Film Studies major in addition to being a Visual Communication Design major, while most of us were killing ourselves just to hold down VCD). And so we made a film.<br />
<br />
The film begins with us visiting a hardware store and shopping around as a metaphor for our exploration of ideas. Each of the members discuss one of the original six directions briefly, culminating with materials. We then find examples of the materials for which we had decided to symbolize in the store and load them onto our cart. The film then moves on to vignettes of our photographic research of our chosen materials with as the supporting soundtrack intensifies. Finally, we review previous such symbol programs and speak to intentions of improvement thereof as we check out of the store, idea in hand (or, rather, on big cart thing).<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_vid_storyboard.gif" alt="dpj_materials_vid_storyboard" title="dpj_materials_vid_storyboard" width="500" height="375" class="alignnone size-full wp-image-758" /><br />
</p>
<p class="small"><i>Materials</i> presentation video (stills); written, directed, acted and narrated by Devon DeLapp, Jesse Graupmann, Narith Hoc, Sarah LaMont, Shaun Tungseth and myself; DV / 2003</p>
<p>
Recently re-viewing this film was a bit painful. It&#8217;s amateurish, we&#8217;re all terrible on screen and it was embellished with plenty of juvenile flourishes (highlights include Eric Clapton&#8217;s &#8220;Cocaine&#8221; playing while showing our semiotic exploration of plaster—which is generally made from a white powder—and the film closing with the obligatory toilet flush out-take—from our discussion of ceramic materials). But it sharpened some great memories of having fun with a project, and reinforced in me the idea that irreverence can be a great vehicle to engage an audience, even if you&#8217;re trying to convey that a lot of work went into something, which it had. I don&#8217;t remember any other groups&#8217; presentations, though I&#8217;m sure they were all solidly delivered. I&#8217;m guessing people remember ours.<br />
<br />
As the credits rolled on our presentation, phase one faded to black and we were off on our own to start creating appropriate symbol sets. With photographic research and general knowledge to draw from, I began my symbol design process by making cursory lists of the semiotic relationships to each material, looking for overlaps between them that would give me a solid base from which to draft a set of ten equivalent marks.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_semiotic_lists.gif" alt="dpj_materials_semiotic_lists" title="dpj_materials_semiotic_lists" width="500" height="570" class="alignnone size-full wp-image-826" /><br />
</p>
<p class="small"><i>Materials</i> semiotic relationships study / 2003</p>
<p>
These lists were in no way exhaustive, but they were effective in helping me figure out routes that had the most or least potential. Only a few of the materials were referenced by commonly known symbolism or metaphor. The greatest potential, therefore, seemed to lay in literal representation stemming from either attributes or examples of the respective materials.<br />
<br />
Then, at last&#8230; I began sketching to test different visual language. To begin, I worked with the three most vastly different materials (glass, metal and rubber) so I could try a range of execution while hopefully ensuring the approach would translate to the other seven. My initial exercises were highly literal representations of canonical objects that were tied visually by a strong common shape, though I soon abandoned this, as the symbols would have been too specific and not thus not necessarily be effective in representing the range of a particular material.<br />
<br />
From this, my next tactic involved slightly more abstract detail views of pattern. I tested different scale to determine optimal overall <i>color</i>, or visual density of the marks.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_gmr_study_1.jpg" alt="dpj_materials_gmr_study_1" title="dpj_materials_gmr_study_1" width="500" height="498" class="alignnone size-full wp-image-761" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; pencil and marker on paper / 2003<br />
top row: glass<br />
middle row: metal<br />
bottom row: rubber
</p>
<p>
Though simple pattern looked as if it could be successfully carried over to the entire range of materials and make for a relatively effective symbol set, the depth of impact of these marks was relatively shallow. In search of a more sophisticated result, I drew more abstract marks based on interaction. In this system, the materials relate with a common element (a black square) in a unique way, based on the material’s characteristics. For example, the box shows through the glass, it is welded or riveted to the metal, and the rubber stretches over it.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_gmr_study_2.jpg" alt="dpj_materials_gmr_study_2" title="dpj_materials_gmr_study_2" width="500" height="500" class="alignnone size-full wp-image-764" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; pencil and marker on paper / 2003<br />
top row: glass<br />
middle row: metal<br />
bottom row: rubber
</p>
<p>
Intellectually stimulating as it was, the idea of ten different materials interacting with one formal element in ten different and relevant ways was more or less doomed to failure. In an effort to create an interesting and sophisticated set that would also be truly usable, I realized a balance needed to be struck between literal and abstract. My first attempt at this approach combined solid shapes and lines. Initial experimentation with a three-by-three grid also began at this stage and, while the solid shapes were not working well with the linear elements, I felt like the solution was close at hand.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_gmr_study_3.jpg" alt="dpj_materials_gmr_study_3" title="dpj_materials_gmr_study_3" width="500" height="500" class="alignnone size-full wp-image-766" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; pencil and marker on paper / 2003<br />
top row: glass<br />
middle row: metal<br />
bottom row: rubber
</p>
<p>
From this point, the challenge was in formulating an elegant and cohesive set that would perform at many levels of display. This process led to the foundation of the final solution: a set of square marks comprising geometric line drawing based on a three-by-three grid.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_3x3_grid.gif" alt="dpj_materials_3x3_grid" title="dpj_materials_3x3_grid" width="500" height="500" class="alignnone size-full wp-image-768" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; structural grid / 2003
</p>
<p>
More for facility of quick rendering than any conceptual theme, I had been working within the confines of a square containing shape without much deviation from the very beginning of my process, so this was the last nail in the coffin of any other shape exploration. Looking back, the symbols do seem somewhat artless and rigid for the box, but I&#8217;m not ashamed or regretful. These marks are for the most basic inanimate objects in the context of hardware; it seems quite appropriate. The structural grid made them feel even more solidly built and made for a very legible system with nearly limitless potential for application and extension to additional materials.<br />
<br />
Once the formal method had been established, it was applied to other elements of the set. Care had to be taken to maintain the balance between the literal and abstract; utility and interest.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_all_study_1.jpg" alt="dpj_materials_all_study_1" title="dpj_materials_all_study_1" width="500" height="500" class="alignnone size-full wp-image-770" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; pencil and marker on paper / 2003<br />
top row: stone<br />
middle row: cloth<br />
bottom row: soil
</p>
<p>
Some materials took to the system quite readily while others required many iterations and changes of focus. Plastic, for example, can be made into almost any form imaginable, so establishing one mark to represent it in its entirety required extensive exploration.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_all_study_2.jpg" alt="dpj_materials_all_study_2" title="dpj_materials_all_study_2" width="500" height="500" class="alignnone size-full wp-image-775" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; pencil and marker on paper / 2003<br />
top row: wood<br />
middle row: plastic<br />
bottom row: drywall
</p>
<p>
One great thing about geometrically drawn symbols based on a grid is that they are extremely easy to render digitally. This allowed for even more extensive exploration and variation once the marks were translated to the computer.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_digi_study_1.gif" alt="dpj_materials_digi_study_1" title="dpj_materials_digi_study_1" width="500" height="500" class="alignnone size-full wp-image-777" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; digital sketches / 2003<br />
top row: glass<br />
middle row: metal<br />
bottom row: rubber
</p>
<p>
Since different iterations could be generated quickly and accurately, creating and evaluating variations went quite smoothly for most of the set. The ceramic symbol serendipitously benefited from a perfect relationship with the grid and required only one take.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_digi_study_2.gif" alt="dpj_materials_digi_study_2" title="dpj_materials_digi_study_2" width="500" height="664" class="alignnone size-full wp-image-779" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; digital sketches / 2003<br />
top row: drywall<br />
second row: wood<br />
third row: soil<br />
bottom row: ceramic
</p>
<p>
Unlike the ceramic mark, some of the materials required significant trial and error to perform at a similar level functionally and formally. Plastic called for many different sources of inspiration (and, I must say, I&#8217;m least pleased with its final mark), while other materials, such as cloth, necessitated numerous formal interpretations. However, a complete final set was well within view at this point.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_digi_study_3.gif" alt="dpj_materials_digi_study_3" title="dpj_materials_digi_study_3" width="500" height="500" class="alignnone size-full wp-image-781" /></p>
<p class="small"><i>Materials</i> symbol set; color, positive and reverse flexibility / 2003<br />
top row: stone<br />
middle row: plastic<br />
bottom row: cloth
</p>
<p>
Soon enough, the complete set came together, and was put through its paces to see if the symbols could answer their duty. Could they reverse out?<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_set_pos_rev_bw.gif" alt="dpj_materials_set_pos_rev_bw" title="dpj_materials_set_pos_rev_bw" width="500" height="666" class="alignnone size-full wp-image-785" /><br />
</p>
<p class="small"><i>Materials</i> symbol set; positive and reverse / 2003<br />
top row: ceramic | cloth | glass<br />
second row: drywall | metal | rubber<br />
third row: soil | wood | plastic<br />
bottom row: stone
</p>
<p>
Could they be color coded? And what about that linear execution; what if that were reversed?<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_set_pos_rev_c.gif" alt="dpj_materials_set_pos_rev_c" title="dpj_materials_set_pos_rev_c" width="500" height="666" class="alignnone size-full wp-image-791" /><br />
</p>
<p class="small"><i>Materials</i> symbol set; color, positive and reverse flexibility / 2003<br />
top row: ceramic | cloth | glass<br />
second row: drywall | metal | rubber<br />
third row: soil | wood | plastic<br />
bottom row: stone
</p>
<p>
But the most important question for any design, especially in a hardware store, is: Does it work? The following is but a brief study of applications, but shows how they could be useful for proper use of hardware or tools.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_app_woodscrews.jpg" alt="dpj_materials_app_woodscrews" title="dpj_materials_app_woodscrews" width="500" height="215" class="alignnone size-full wp-image-840" /><br />
</p>
<p class="small"><i>wood</i> symbol application; proper use of hardware / 2003</p>
<p>
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_apps_pb_sp.jpg" alt="dpj_materials_apps_pb_sp" title="dpj_materials_apps_pb_sp" width="500" height="750" class="alignnone size-full wp-image-841" /><br />
</p>
<p class="small"><i>drywall</i>, <i>wood</i>, <i>metal</i> and <i>plastic</i> symbol application; proper use of tools / 2003</p>
<p>
As mentioned above, the standardization of material symbols could not only help people determine whether something should or should not be used on a particular material, it could also help people quickly identify whether a pipe was plastic or rubber, or where to find glass or wood, and so on. With smart implementation, the potential utility of the system is quite vast. Someone just has to build it.</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2009/10/24/wanna-make-something-of-it/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cracking the Code</title>
		<link>http://www.danielpjohnston.com/graphic-language/2008/11/22/cracking-the-code/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2008/11/22/cracking-the-code/#comments</comments>
		<pubDate>Sat, 22 Nov 2008 19:00:22 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Content / Architecture]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Industrial / Product]]></category>
		<category><![CDATA[Packaging / 3-Dimensional]]></category>
		<category><![CDATA[Photography / Film]]></category>
		<category><![CDATA[Print / Editorial]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=289</guid>
		<description><![CDATA[one of two entrances to room 247—the Visual Communication Design major studio in the University of Washington School of Art—both are locked at all times / photo taken 2008 A terrible economy. Personal pride. Do or die time. A real studio environment. Some brilliant competition. Real work experience. Real failure experience. Real life experience. An [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_uw_vcd_entrance.jpg" alt="" title="dpj_uw_vcd_entrance" width="500" height="251" class="alignnone size-full wp-image-2194" /><br />
</p>
<p class="small">one of two entrances to room 247—the Visual Communication Design major studio in the University of Washington School of Art—both are locked at all times / photo taken 2008</p>
<p></p>
<p class="large">
A terrible economy. Personal pride. Do or die time. A real studio environment. Some brilliant competition. Real work experience. Real failure experience. Real life experience. An utterly unforgiving professor. A strong sense of potential. Total commitment.
</p>
<p>
I&#8217;m not sure exactly what the most motivating factor was for me as I went through &#8220;206,&#8221; the second of two screening classes the University of Washington Visual Communication Design program, used to select who could complete the next two-and-a-half years of the VCD program in 2001/2002. Whatever it was, that class marked a tectonic shift in my approach to design work. It was the second time I had made it into 206, and, likely, my last chance to make the final cut into the VCD major. In contrast to the first attempt, I felt no self-satisfaction in the step—just an unflinching focus on the next&#8230; <span id="more-289"></span><br />
<br />
The first project was quite familiar: Design a postage stamp to celebrate something about one of the United States. I was assigned Florida. I&#8217;ve never been to Florida. Of course, I know a thing or two about it, but I wasn&#8217;t satisfied with just my anecdotal perceptions; I read books on the state and tangential topics to ensure total confidence in whatever direction I chose to pursue.<br />
<br />
While I think that NASCAR has grown into a fat, ugly, dumb, deceitful and thoroughly boring scourge on the culture of motor sports, I watched the <a href="http://www.daytona500.com/">Daytona 500</a> quite faithfully as a youngster and used this as inspiration for one concept:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_fla_stamp_daytona_sketch.jpg" alt="" title="dpj_fla_stamp_daytona_sketch" width="500" height="244" class="alignnone size-full wp-image-305" /><br />
</p>
<p class="small">Florida postage stamp sketch: <i>Daytona 500</i> / 2002</p>
<p>
Can&#8217;t you just hear the big block V-8 revs roaring through the state?<br />
<br />
Another concept, which I ended up moving forward with, was that of the splendidly-restored and preserved historic <a href="http://www.dinercity.com/miamiBeach/index.html" target="_blank">Art Deco hotel district</a> in Miami. For this concept, I studied a plethora of tourism and architecture books for reference, but my approach wasn&#8217;t just to recreate the X hotel on Y street; I painstakingly created my own architectural amalgams that would capture the essence of the area:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_fla_stamp_deco_sketches.jpg" alt="" title="dpj_fla_stamp_deco_sketches" width="500" height="500" class="alignnone size-full wp-image-306" /><br />
</p>
<p class="small">Florida postage stamp sketches: <i>Art Deco Historic Distric</i> / 2002</p>
<p>
These studies allowed me to delve into some of the different iconic elements of the period: streamlined façades, bright pastels, rounded corners, chrome runners, large clocks, glass block, heavy eyebrows, neon back-lighting, stepped levels.<br />
<br />
From this foundation, I built my final solution: A heroic destination with hand-drawn Deco type stacked on a railed sign tower:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_fla_stamp_deco1.jpg" alt="" title="dpj_fla_stamp_deco1" width="500" height="500" class="alignnone size-full wp-image-314" /><br />
</p>
<p class="small"><i>Florida Art Deco District</i> postage stamp; 1 x 1.125in. / 2002</p>
<p>
The second project was to create a package for a first aid kit. There are thousands of different kinds of first aid kits in the world. I did not want to just make one more. I knew a lot about bike riding by this point, having worked at a shop for four years and having ridden endless miles with hundreds of different people for fun and/or training, and I knew well the two worst things that could happen on a ride: a &#8220;mechanical&#8221; (something bad happens to your bike), or a crash (something bad happens to you). So, I designed a first aid kit for bike rides, comprising a roadside repair kit for your bike and an injury kit for you, taking the shape of a bifurcated water bottle that would fit in any standard water bottle cage on almost any kind of bike.<br />
<br />
I explored approximately one million different ways to synthesize and separate the two components visually with the exterior graphic design (here are a few):<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_first_aid_kit_sketches.jpg" alt="" title="dpj_first_aid_kit_sketches" width="500" height="500" class="alignnone size-full wp-image-304" /><br />
</p>
<p class="small"><i>First Aid</i> kit package graphics sketches / 2002</p>
<p>
But before I could apply any kind of graphics to the package, I had to actually make the package. I ordered about a dozen bottles that I figured would serve as the best platform for my mockup. I cut them apart and glued different pieces together to make two halves that would screw into each other. I chopped the cap to get rid of the nozzle and made a flat top from sheet vinyl. I filled beveled insets with putty and sanded off any external textural elements for a good base. I then glued ultra-thin sheet vinyl around the forms for a perfectly smooth exterior.<br />
<br />
After final sanding and priming, I painted the two halves and applied the exterior type and graphic elements. I had eventually decided on a simple solution that cleverly speaks to both purposes of the tool, dynamically formated for the cylindrical surface: a red cross is created optically by the composition of the title, the brand name (Cannondale, fictitiously), the components and two yellow road stripes that angle up and around the kit, all of which I had had custom made as dry-transfer rub-downs:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_fa_kit_bottle.jpg" alt="" title="dpj_fa_kit_bottle" width="500" height="500" class="alignnone size-full wp-image-308" /><br />
</p>
<p class="small"><i>First Aid</i> injury kit / roadside repair kit / 2002</p>
<p>
I was terrified that this thing would come flying apart before I could even submit it for class, but I must have done something right because I still have this eight years on and it&#8217;s still perfectly intact.<br />
<br />
The final project was a poster-mailer for Seattle&#8217;s <a href="http://www.museumofflight.org/visit" target="_blank">Museum of Flight</a>. After some initial research, I packed the family heirloom <a href="http://www.newyorker.com/reporting/2007/09/24/070924fa_fact_lane" target="_blank">WWII-era Leica</a> and journeyed down to the museum with two concepts already in mind for this informative self-mailer/poster.<br />
<br />
The first idea was based on the vast range of exhibits in the the Museum&#8217;s collection, from an centuries-old Asian hang glider to a NASA lunar module, and quite a bit in-between. The concept was <i>The Evolution of Aviation</i>:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_mof_evo_sketch.jpg" alt="" title="dpj_mof_evo_sketch" width="500" height="366" class="alignnone size-full wp-image-310" /><br />
</p>
<p class="small"><i>The Evolution of Aviation</i> Seattle Museum of Flight poster-mailer sketch; 30 x 20in. / 2002</p>
<p>
I think the idea is valid and compelling (if the initial design concept rather clunky), but it didn&#8217;t capture the essential attraction of the Seattle Museum of Flight.<br />
<br />
Perhaps the most striking aspect of this Seattle mainstay is that the majority of the aircraft are set not out on some abandoned airfield, but in a constellation of smartly appropriate structures, from the <i>Red Barn</i>, housing vintage prop planes from the early twentieth century, to the control tower, where kids young and old can practice pushing tin, to the pinnacle of the Museum: <a href="http://www.museumofflight.org/great-gallery" target="_blank"><i>The Great Gallery</i></a>, a giant hangar of glass and steel in which some of the most remarkable feats of modern aviation are showcased. These spaces are powerful attractions, in themselves. I worked on a concept that would speak to both the fascinating details one could learn at the museum and the structures in which they were showcased. I titled these pieces <i>Aviation from the Inside</i>. I developed two executions within this theme:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_mof_inside_sketch.jpg" alt="" title="dpj_mof_inside_sketch" width="500" height="366" class="alignnone size-full wp-image-311" /><br />
</p>
<p class="small"><i>Aviation from the Inside</i> Seattle Museum of Flight poster-mailer sketch; 30 x 20in. / 2002</p>
<p>
The first idea offered a view from inside the American Airlines 737 section one can enter from the second floor, which serves as a theater for films, and a window seat to the Gallery where real jets hang like rubber-band-prop toys from the ceiling.<br />
<br />
But the way to get the real inside story at the Museum is by just walking the ramps, pathways and landings that meander (very) closely around, over, under (and, in some cases, into) some of the world&#8217;s most exotic marvels of aeronautical design. Like the <a href="http://www.habu.org/photogallery.html" target="_blank">M-21 (a variant of the SR-71) <i>Blackbird</i></a> spy plane, which has a huge, breathtakingly sculptural fuselage, a cramped, angular cockpit, and gaping titanium ramjet exhaust cowlings that could swallow you whole:<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_mof_inside_front_lg.jpg" alt="Seattle Museum of Flight poster/mailer inside/front" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_mof_inside_front1.jpg" /></a></p>
<p class="small"><i>Aviation from the Inside</i> poster-mailer (front); 20 x 30in. / 2002 (original photograph also from 2002)</p>
<p>
I was quite pleased with this photograph, and was so satisfied to let it be the hero of composition, bled full and even stealing part of the title. Caution stripes that complement the Museum type complete the tantalization.<br />
<br />
The flip-side spoke to the different experiences one could get inside: the gallery, the machinery, the cockpit and the control tower, and, of course, it also offered inside information for visiting the Museum. The front and back complement each other through the cautionary visual language, the typographic system, conceptual messaging and a shared sense of visual play between foreground and background:<br />
<br />
<a href="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_mof_inside_back_lg.jpg" alt="Seattle Museum of Flight poster/mailer inside/front" class="MagicThumb"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_mof_inside_back1.jpg" /></a></p>
<p class="small"><i>Aviation from the Inside</i> poster-mailer (back); 20 x 30in. (open), 10 x 6in. (folded for mailing) / 2002 (original photography also from 2002)</p>
<p>
This remains one of my all-time favorite design projects.<br />
<br />
As the quarter&#8217;s end drew near, I had a distinctly new feeling. After three years of absence, I was again engaged. I was interested to see what I could do next. Though I would never admit it to myself, I was certain that I would not only make it into the VCD major, but that I could more than make up for lost time. So did the faculty. I was finally in.</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2008/11/22/cracking-the-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

