<?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</title>
	<atom:link href="http://www.danielpjohnston.com/graphic-language/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.danielpjohnston.com/graphic-language</link>
	<description>Daniel P. Johnston</description>
	<lastBuildDate>Mon, 12 Apr 2010 18:37:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Building, A Brand</title>
		<link>http://www.danielpjohnston.com/graphic-language/2010/04/11/building-a-brand/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2010/04/11/building-a-brand/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 02:56:20 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Industrial / Product]]></category>
		<category><![CDATA[Interactive / Web]]></category>
		<category><![CDATA[Signage / Display]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=929</guid>
		<description><![CDATA[Washington State Convention and Trade Center building (back/garden) / photo taken 2003 Sometime in the 1940s or &#8217;50s (I&#8217;m not sure of the exact year), the term &#8220;corporate identity&#8221; was coined by Lippincott &#038; Margulies—one of the first major design firms in the world—to describe both the idea that even large businesses have inherent, relatable [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_building_back.jpg" alt="" title="dpj_wsctc_building_back" class="alignnone size-full wp-image-1293" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> building (back/garden) / photo taken 2003</p>
<p></p>
<p class="large">
Sometime in the 1940s or &#8217;50s (I&#8217;m not sure of the exact year), the term &#8220;corporate identity&#8221; was coined by Lippincott &#038; Margulies—one of the first major design firms in the world—to describe both the idea that even large businesses have inherent, relatable characteristics, not unlike human beings, and the practice that could express their character through a fitting, comprehensive and consistent design program. An organization&#8217;s identity is expressed in every way they communicate, from their name and logo to their brochures and web site, to the way they answer the phone—whether those &#8220;touchpoints&#8221; are designed by professionals or not—so this was an important &#8220;call-to-action&#8221; (to use another industry term) for organizations to pay attention to everything they were communicating, and, ideally, to pay top-notch professionals like L&#038;M to help them make sure they were doing so effectively.
</p>
<p>
Sometime in the 1990s, the term &#8220;brand&#8221; began to take over as more formal business strategy was becoming more prominently integrated into large-scale identity design programs, and it quickly went from buzz word to industry category, on which uncounted firms jumped. I have always found this nomenclature shift ironic. &#8220;Branding,&#8221; literally translated, is the superficial process of stamping a logo on your property (livestock, originally); this superficial logo stamping is exactly the perception that the &#8220;new&#8221; practice of &#8220;branding&#8221; was supposed to be rising above. Meanwhile, the word &#8220;identity&#8221; could already encompass every aspect what an entity is, from what they do to how they express it. But like many P/C nomenclature shifts of late, whether rational or not, &#8220;branding&#8221; has taken hold, and &#8220;identity&#8221; (preceded by &#8220;corporate&#8221; or not), has been deprecated.<br />
<br />
Whatever it&#8217;s called, my formal introduction to the process of figuring out what an organization stands for and expressing it in a fitting design program was in a class called <i>Identity Systems</i> in the Visual Communication Design program at the University of Washington, sometime in 2003. Like a few other courses in the program, this one was broken into collaborative group and individual phases. Three-person groups were assigned one of four or five major local entities and tasked with research and analysis of the entity, en-route to the creation of a strategic brand platform. Based on this platform, we were then set about designing a fitting logo and building a supporting visual identity system, individually&#8230; <span id="more-929"></span><br />
<br />
Working as a team, Jesse Graupmann, Tim Turner and I made many important discoveries in the course of our research of our assigned entity: The Washington State Convention and Trade Center (WSCTC). Through web exploration, personal interviews with convention center officials, several reconnaissance missions and the study of official documentation, we assessed strengths and weaknesses of its services, location, architecture, transportation integration, primary and secondary local and regional competition, primary and tertiary channels of communication, and its integration with the community, and we determined the primary, secondary and tertiary audiences to whom these mattered. We found that the Washington State Convention and Trade Center offers profound and unique benefits to its constituents that other entities could not match. We also came to the conclusion that their actual visual identity, emanating from the wheat stalk mark in their logo, did little to convey anything about the Center.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/wsctc_logo.jpg" alt="" title="wsctc_logo" width="500" height="250" class="alignnone size-full wp-image-1298" /><br />
</p>
<p class="small">The actual <i>Washington State Convention and Trade Center</i> logo is a mash-up of heavy, stylized wheat stalks and stringy typography that does little if anything to express either what the WSCTC is, what it does, or how it does it; rumor had it that, as a state-funded but Seattle-located entity, this was an attempt to appeal to / appease agriculturally-focused Eastern Washingtonians / photo taken 2003</p>
<p>
Primary among the WSCTC&#8217;s unique and defining aspects is the actual facility. By scale alone, the Center is unmissable, and has some beautiful features, even if it suffers from a somewhat disparate kit of parts. Half of the main façade is laid with flat, earth-tone blocks of stone while the other half has angular full-height windows jutting out into the street. This front meets with blocky glass walls which stair-step their way out the back of the building.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_building_arch_detail.jpg" alt="" title="dpj_wsctc_building_arch_detail" width="500" height="250" class="alignnone size-full wp-image-1300" /><br />
</p>
<p class="small">detail of the<i>Washington State Convention and Trade Center&#8217;s</i> contrasting stone and glass structure / photo taken 2003</p>
<p>
As part of its 2000 expansion, A huge glass and steel arched bridge with a built-in meeting room overhangs Pike Street—a major downtown thoroughfare—bridging the two buildings of the WSCTC complex. This feature won little favor with locals who often express disdain for the sheer imposition, but serves as a nice metaphor for the connections made at the Center (and, it has a pretty great view).<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/wsctc_building_pike_street.jpg" alt="" title="wsctc_building_pike_street" width="500" height="374" class="alignnone size-full wp-image-1302" /><br />
</p>
<p class="small">view of the<i>Washington State Convention and Trade Center&#8217;s</i> enormous bridge and glass arcade, which actually encloses a block of Pike Street; photographer unknown</p>
<p>
The structure is within walking proximity of myriad hotels, shops, restaurants, businesses, and residential complexes, and is connected to Freeway Park, a rich maze of concrete pathways and lush foliage that and ambles upward from Downtown up to culturally-rich Capitol Hill and First Hill neighborhoods.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_garden.jpg" alt="" title="dpj_wsctc_garden" width="500" height="250" class="alignnone size-full wp-image-1306" /><br />
</p>
<p class="small">detail of Freeway Park, an extension of the Washington State Convention and Trade Center; photo taken 2003</p>
<p>
Access to the Center could hardly be easier. It has its own freeway exit, it’s own parking garage, it’s own shuttle and taxi dropoff, and its own station integrated into the Metro Bus Tunnel. There is also a car rental agency just across the street.<br />
<br />
The Washington State Convention and Trade Center caters to three separate but related audiences. Those having primary business interaction with WSCTC representatives are professional event planners in charge of scheduling and coordinating events large and small for businesses, political entities and other organizations. Secondary audience members are the actual exhibitors and attendees of these events. There is also a tertiary audience served by the facility in the general community, who come to attend public exhibitions, meet friends or business contacts, enjoy the many pieces of artwork on display throughout the building, and/or patronize one or more of the many small businesses and shops within the Center.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_building_interior.jpg" alt="" title="dpj_wsctc_building_interior" width="500" height="400" class="alignnone size-full wp-image-1304" /><br />
</p>
<p class="small">view looking up from the interior of the<i>Washington State Convention and Trade Center&#8217;s</i> main hall / photo taken 2003</p>
<p>
Like all major convention centers, the WSCTC provides accommodations for various sizes and types of events. Unlike most other such venues, however, the Washington State Convention and Trade Center has an extremely broad range of capability and the highest levels of service. Different room capacities and modular exhibition space can accommodate anywhere between two and twenty thousand attendees comfortably. In addition, the Center offers state-of-the-art technological services. Great pride is also taken in their award-winning catering service that’s second to none in the industry.<br />
<br />
Being a tax supported state entity, the WSCTC is deeply involved in the interests of the general public. This was expressed most prominently in its expansion, which not only provided a convenient walking path between downtown and Capitol Hill and First Hill, but also afforded a significant increase in the abundance of publicly-funded low-income housing in the area. The building itself also showcases the work of numerous local, national and international artists and provides informal seating and gathering space, all free to the public every day of the week. In addition, the revenue earned by the Center contributes significantly to the state’s budget, leading to greater support of public programs.<br />
<br />
Considering these factors and a wealth of information we had accumulated to support them, Jesse, Tim and I went to work synthesizing our findings and teasing out a simple strategic foundation.<br />
<br />
We created a basic brand positioning framework, based on what the WSCTC offers its audiences, in terms of three &#8220;B&#8221;s&#8230;<br />
<font class="orange">The Business</font><br />
<i>Providing dependable facilities and services for event planners</i><br />
<font class="orange">The Benefit</font><br />
<i>Peace of mind that important experiences will be hosted adeptly</i><br />
<font class="orange">What’s Better</font><br />
<i>Premier location</i><br />
<i>Internationally-renowned service</i><br />
<i>Flexibility of space</i><br />
<i>Ability to host large-scale or complex events</i><br />
<i>Community integration and accessibility</i><br />
<br />
And we decided upon five characteristics that best captured the personality of the organization&#8230;<br />
<font class="orange">Personality Attributes</font><br />
<i>Professional</i> <font class="small">dependable; focused; orderly</font><br />
<i>Accommodating</i> <font class="small">intimate; pleasurable; flexible; inviting</font><br />
<i>Metropolitan</i> <font class="small">urban mystique; downtown; major city</font><br />
<i>Connected</i> <font class="small">access to resources, people and technology/connectivity</font><br />
<i>Progressive</i> <font class="small">fresh; up to date; constantly evolving</font><br />
<br />
As we wove these facets together, we began to recognize a powerful thread that ran seamlessly through: Indeed, this idea in and of itself, was basically it! Something special happens when things come together. This is what the Washington State Convention and Trade Center is all about. When event planners work with hosts, or attendees and visitors experience an event, or each other, or the city, valuable experiences are created. The WSCTC is the venue, the forum, the intersection and the enabler of these powerful moments.<br />
<br />
And so was born our interpretation of the heart of the WSCTC, meant to elegantly encapsulate the motivating factor behind everything the Washington State Convention and Trade Center did, and, in two words, captured both the importance of the physical venue and the service&#8230;<br />
<font class="orange">Brand Essence</font><br />
<i>Facilitating connections</i><br />
<br />
From here, we developed a positioning/style matrix as a tool to visually aid us as designers, as well as the client (theoretically in this case) to ensure our intentions for the direction of the ensuing identity design was aligned, as well as solidifying previously synthesized brand elements. We chose the two most powerful, yet disparate personality traits of the brand, namely &#8220;professional&#8221; and &#8220;accommodating&#8221; as the top and bottom points on the vertical axis, while stylistic differences were opposed laterally between &#8220;representational&#8221; on the left, which would likely lead to a system based on physical features and &#8220;abstract&#8221; on the right, which would likely be more focused on qualitative interpretations of benefits. Scattered on the plot were logos of other organizations, both in and out of category, for reference.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/04/dpj_wsctc_matrix.gif" alt="" title="dpj_wsctc_matrix" width="500" height="330" class="alignnone size-full wp-image-1384" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo positioning/style matrix; vertical axis: &#8220;professional&#8221; (top) and &#8220;accommodating&#8221; (bottom), horizontal axis: &#8220;representational&#8221; (left) and &#8220;abstract&#8221; (right); initial area of focus for the WSCTC logo exploration circled; 17 x 11in. / 2003</font><br />
<br />
It was soon after this point that each group member would take the research as they saw it and begin creating identity design individually. It is this matrix, then, that would provide the jumping-off point for each member’s design direction and process. Based on such, I made the rough determination that my direction would fall somewhere toward the &#8220;professional&#8221; end of the personality spectrum, and would likely be executed in a relatively abstract manner (as designated by the circle in the matrix above). As it happened, the logo and ensuing visual identity system was rather abstract, but referenced the actual building enough that it would probably be plotted a bit to the left of this initial focus.<br />
<br />
Armed with the results of all of the preceding research (and then some), the sketch book was cracked open and ideas were turned into marks on paper. The scope of exploration was kept as broad as possible without straying from the brand platform. Of paramount importance was in expressing the brand promise, as a product of the personality traits of the organization. Several concepts were explored in a variety of ways, but the idea of &#8220;facilitating connections&#8221; drove the creative process from beginning to end.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Conception</font><br />
<br />
Initial sketches utilized the arch as a reference to the building’s prominent architecture as well as a strong metaphor for bridging gaps and making connections. The letter W was integrated into some of these sketches as a connection to &#8220;Washington,&#8221; which could aid name recognition, but the center&#8217;s &#8220;Washington-ness&#8221; wasn&#8217;t a primary communication objective, so pursuing this was not of high importance (the WSCTC doesn&#8217;t compete much nationally, and Seattle is really the draw, anyway). Purely typographic solutions were also explored, utilizing custom ligatures within the logotype to convey the idea of connections. Also referencing the building’s architecture were sketches based on stair-stepped block devices:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_a.jpg" alt="" title="dpj_wsctc_logo_sketches_a" width="500" height="385" class="alignnone size-full wp-image-1309" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo exploration; pencil on paper; 11 x 8.5in. / 2003</font><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Continuation</font><br />
<br />
At this point, several more abstract marks were considered in addition to refinement of previous ideas. Ideally, the mark would encompass all of the traits of the brand. Differing sizes of squares were used as primary elements as they offered reference to building architecture, event space, metropolitan grid system and so on. Various combinations and compositions were explored in an effort to convey not only connections being made but also a sense of flexibility of space and service:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_b.jpg" alt="" title="dpj_wsctc_logo_sketches_b" width="500" height="385" class="alignnone size-full wp-image-1311" /><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_c.jpg" alt="" title="dpj_wsctc_logo_sketches_c" width="500" height="111" class="alignnone size-full wp-image-1312" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo exploration; pencil on paper; full sheet and detail of mark studies; 11 x 8.5in. / 2003</font><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Confirmation</font><br />
<br />
Once the potential of these elements was recognized, the process of digital translation and refinement of various aspects of both the typography and the mark began to ensure they could translate properly to the final state:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_d.gif" alt="" title="dpj_wsctc_logo_sketches_d" width="500" height="350" class="alignnone size-full wp-image-1320" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo exploration; digital sketches / 2003</font><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Coloration</font><br />
<br />
Moving along further in the design process, color was introduced as an element while the final mark and typography were still being honed.  Initially, just blues and yellows were considered as a professional yet lively palette.<br />
<br />
The typography, too, was making progress. While myriad ligature-based options were explored to various degrees, they competed with the mark and cut down on legibility, so I eventually just cleaned up the type in favor of conceptual simplicity and compositional elegance.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_e.gif" alt="" title="dpj_wsctc_logo_sketches_e" width="500" height="200" class="alignnone size-full wp-image-1322" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo exploration / 2003</font><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Convergence</font><br />
<br />
While refining the overall composition of the mark and logotype, the possibility of the color blocks creating a third color at their intersection presented a very intriguing option. That the third color just so happened to be green, the perfect descriptor for Washington (it is &#8220;The Evergreen State,&#8221; after all) was too enticing to resist, and the mark decision had been made. Soon thereafter, the logotype was finalized and all that was left was to choose the exact color values, which only a comprehensive study could decide:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_f.gif" alt="" title="dpj_wsctc_logo_sketches_f" width="500" height="320" class="alignnone size-full wp-image-1324" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo color study / 2003</font><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Completion</font><br />
<br />
Everything has come together in the final logo. The simple, lowercase typography is inviting, but also has serious presence. The mark references the facility architecture and services, being created of connections between different elements; that it also dots the &#8220;i&#8221; in &#8220;convention&#8221; is a nod to the attention to detail of their acclaimed service. The composition is dynamic but balanced, crisp and clean.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo.gif" alt="" title="dpj_wsctc_logo" width="500" height="350" class="alignnone size-full wp-image-1358" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> logo / 2003</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Color Concessions</font><br />
<br />
The mark and logotype have been designed to work well within the confines of any color space. Ideally, the three or four-color version is to be used whenever possible, but grayscale, spot-color and black-only versions have also been created so that the new identity may be used in any application.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_color_variations.gif" alt="" title="dpj_wsctc_logo_color_variations" width="500" height="200" class="alignnone size-full wp-image-1334" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> logo color variations: (from left to right) 3 or 4-color version, grayscale version, one color version, black only version / 2003</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Contextualization</font><br />
<br />
As the logo was being finalized, the visual system, or &#8220;kit-of-parts&#8221; of standard design elements and usage began. This ended up being incredibly close-in to the logo, which I now find unnecessarily constricted, as well as a bit stifling of the logo, itself. However, as a starting point for a completely new identity, it certainly would have reinforced recognition much more quickly and could have been built upon later.<br />
<br />
The color palette is just swatch for swatch with the logo, with the cool, marine blue and vibrant yellow, which combine to create a crisp Washington apple green. The sizes of the swatches represent the relative intended usage, with the blue and the green most pervasive, for their strength of value, with the yellow being used for occasional highlights. Throwing in an even gray for a neutral was a bit default, but its recessive elegance does work. If I were to update this system, one of the first things I would look at would be to add a secondary palette of color triads, potentially related to some organizational structure (i.e., color-coding).<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_color_palette.gif" alt="" title="dpj_wsctc_color_palette" width="500" height="229" class="alignnone size-full wp-image-1332" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> color palette / 2003</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Typefacial Expression</font><br />
<br />
Any written communication must not only convey what needs to be said, but also express the tone in which it should be understood. For an organization with such a broad range of potential recipients of written communication, a font family with extensive versatility and clarity is crucial, but the brand must also be considered in this decision. With these factors in mind, three weights of Helvetica Neue were chosen for their tonal neutrality, maximum legibility and professional demeanor. Normal weights of standard format body copy is efficient and easily read, while bold, often colored lowercase titles and headings serve to keep the message friendly and contemporary.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/04/dpj_wsctc_typography.gif" alt="" title="dpj_wsctc_typography" width="500" height="330" class="alignnone size-full wp-image-1385" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> type system specimen; 17 x 11in. / 2003</p>
<p>
As rational as all that may sound, this type spec is probably my least favorite aspect of this program, looking back on it. My primary dislike is not that it&#8217;s based on Helvetica, which I feel absolutely no shame in using under the right circumstances. The unfortunate thing is that it&#8217;s based on the exact same typeface as the logotype, which dilutes the logo&#8217;s impact and (especially since it&#8217;s Helvetica), makes the design system seem overly minimalist. I think a more traditional serif family actually could have easily given the applications a more sophisticated voice and added richness to the overall visual texture.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Multiplying the Message</font><br />
<br />
Nothing makes an identity campaign more powerful than broad and cohesive usage thereof throughout an organization’s vast array of communications. Whether it’s the color of the dinner napkins or the tone of the copy writing on the web site, staying true to the brand is essential. A strong identity system makes it clear just who the organization are to everyone who encounters it.<br />
<br />
Stationery has been the cornerstone of identity systems since I-don&#8217;t-know-when, though this era seems to be coming to an end. However, as archaic as it may seem these days, press-printed stationery is still used by organizations, especially by executives for formal correspondence, so it remains an important touchpoint to execute adroitly.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_stationery.gif" alt="" title="dpj_wsctc_stationery" width="500" height="318" class="alignnone size-full wp-image-1341" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> stationery; standard U.S. dimensions / 2003</p>
<p>
More specifically relevant for the Convention and Trade Center were name badges for visitors and staff.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/04/dpj_wsctc_name_badges.gif" alt="" title="dpj_wsctc_name_badges" width="500" height="195" class="alignnone size-full wp-image-1387" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> name badges for attendees (left) and staff (right); 4 x 3.25in. and 4 x 1.125in., respectively / 2003</p>
<p>
In the above applications, you can start to see the how intersecting blocks are used as a tertiary design system element. Here, again, the idea seems solid, but way too close to the logo; this is where some of those secondary color triads could come into play to separate and add visual texture to the visual identity. I&#8217;m also not sure that every shape would have to be a rectangle. Perhaps arcs could come in, referencing the arches of the architecture and the idea of bridging, in general.<br />
<br />
Like press-printed stationery, press-printed annual reports (and the design firms that focused on them so heavily) are becoming more and more rare, but this, too, is an incredibly important communication vehicle, and one of the few pieces of graphic design to which executives tend to pay any mind (since the primary audience is shareholders). In my exhibit below, I again reference the logo heavily, though I actually don&#8217;t mind it here, because of how it is used and the context: assuming this was the year the new brand identity was introduced, this could reinforce recognition and meaning by using the mark to highlight the actual facility and connections alluded to by the bridge. The only thing I really dislike about this exhibit is that it seems to imply that the annual report covers two years, which just doesn&#8217;t make sense.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_ar_cover.jpg" alt="" title="dpj_wsctc_ar_cover" width="500" height="400" class="alignnone size-full wp-image-1343" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center 2003 | 2004 Annual Report</i> cover; 8.5 x 11in. / 2003</p>
<p>
Sometime in the early- to mid-2000s, the web site took over as the most important touchpoint of almost every brand in the world. Toward the beginning of that range, many of these began with some sort of Flash animated &#8220;intro,&#8221; which were almost invariably the most frivolous wastes of the medium. Being 2003, I created a basic web site &#8220;look and feel,&#8221; duly preceded it by a frivolous (though mercifully short) Flash intro. I don&#8217;t actually mind the basic idea of the animation—of the three logo blocks coming together to create the logo (though, again, it could use modulation of different colors or other means of activating it). I just think it should have been thought of as an sequence for digital event screen backdrops for conference rooms or something equally meaningful for the WSCTC instead of a throwaway on the web site.<br />
<br />
Aside from some system monotony and the difficult small type, I think the web site page design is pretty good; it certainly has a lot more potential than the actual WSCTC site design.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_web.jpg" alt="" title="dpj_wsctc_web" width="500" height="540" class="alignnone size-full wp-image-1344" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> web site; logo animation, home page; 800 x 600px.+ / 2003</p>
<p>
There are few more satisfying feelings than seeing your logo built into a sign. When your design is measured in feet, is made out of metal, weighs hundreds of pounds and requires a small crane to put it in place, you know the client is proud. You can also be pretty sure they aren&#8217;t going to change the logo anytime soon, since the time, logistic and monetary costs of sign implementation are formidable, and not something any organization wants to do very often. For the WSCTC, seeing my logo actually put up on the main façade would have been pretty satiating, indeed—especially since the facility more or less is the brand. Of course, this didn&#8217;t happen since this was just a school project, but I did do a sketch of how it might have looked if it had.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_ext_building_sign.jpg" alt="" title="dpj_wsctc_ext_building_sign" width="500" height="340" class="alignnone size-full wp-image-1345" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> façade sign; approx. 35 x 20ft. / 2003</p>
<p>
While seeing my logo as shown would have been cool, I must admit that I&#8217;m not completely satisfied with this exhibit, either. I like the simplicity of it, but I think some subtle plane shifts in the mark and more consideration of materials, dimensionality and possibly even lighting could have really brought the sign to the next level, so to speak.<br />
<br />
On a more functional level, I also designed some examples of interior signage. Even though these are based straight off the logo mark—certainly another example of the very close-in approach to the visual identity system—the addition of different levels of informational iconography set on the different levels of the marks helps support the meaning of the identity, rather than clash therewith.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_ext_building_int_signs.gif" alt="" title="dpj_wsctc_ext_building_int_signs" width="500" height="375" class="alignnone size-full wp-image-1351" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> interior signs; approx. 12 x 12in. (each); vinyl on acrylic / 2003<br />
top row: room signs (two sections of the same room) | men&#8217;s room | ladies room<br />
middle row: bus transportation | taxi transportation | food/restaurant | coffee shop<br />
bottom row: elevators | public telephones | information desk </p>
<p>
Below, you can see how some of this and other signage could be implemented on the interior. If given another chance at this, I would strongly consider another color for the walls, or at least an accent here and there. The digital sign could use some TLC, as well. And, in a perfect world, I would commission custom carpeting that could incorporate a unique, WSCTC identity system pattern.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_ext_building_int_signage.jpg" alt="" title="dpj_wsctc_ext_building_int_signage" width="500" height="500" class="alignnone size-full wp-image-1348" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i>interior signage / 2003</p>
<p>
Back outside, then, are a couple tertiary sign locations, where just the mark would be sufficient, as well as temporary event banners (the signs outside the WSCTC were already this angled shape). Here, like the interior signs, the overlapping color system helps differentiate levels of information hierarchy. Though in this case, when used as visual texture, I again would likely assign these an appropriate secondary color triad that would allow the logo to stand out more prominently.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_ext_building_signage.jpg" alt="" title="dpj_wsctc_ext_building_signage" width="500" height="340" class="alignnone size-full wp-image-1346" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> tertiary signs and event banner signs; approx. 12 x 12ft., 6 x 6ft. and 3 x 9ft., ccw from upper left / 2003</p>
<p>
Perhaps the most interesting extension of the identity system I designed was a sculpture intended for the back garden/park. In this piece, translucent blue and yellow lucite blocks would stack into each other, with the apple green naturally being created at the intersections between them. As a three-dimensional expression of the mark and its references to different spaces, places, and unique connections, it could also become known as landmark meeting point, in and of itself.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/04/dpj_wsctc_sculpture.gif" alt="" title="dpj_wsctc_sculpture" width="500" height="500" class="alignnone size-full wp-image-1389" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> park sculpture; approx. 6 x 6 x 6ft.; translucent lucite / 2003</p>
<p>
I&#8217;m not sure whether this class project opened me up to it, but, I have since gone on to spend the majority of my (still rather young) career helping shape the identities of corporations and other organizations (rather than, say, designing annual reports). I&#8217;ve even gotten used to referring to clients&#8217; identities as &#8220;brands,&#8221; though I still bristle at the superficial connotations of the term &#8220;branding&#8221; to describe the work, as the strategic depth and spectrum of expression of the design work brings real value to clients.<br />
<br />
Sometime in 2007, I actually started working at Lippincott (the name has been shortened from the original Lippincott &#038; Margulies, but it&#8217;s still the same company). Though the nomenclature may be different, the core idea the firm brought to light 50 or 60-some years ago still holds true. Organizations, corporate or otherwise, are like people, and in each is an opportunity to awaken their senses from the inside out, to help them discover who they are, what makes them unlike any other, and to help them express their unique character in every way they are met. I don&#8217;t think that will ever change.</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/04/11/building-a-brand/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>American Realities</title>
		<link>http://www.danielpjohnston.com/graphic-language/2010/03/06/american-realities/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2010/03/06/american-realities/#comments</comments>
		<pubDate>Sat, 06 Mar 2010 21:27:07 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Advertising / Campaigns]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Drawing / Illustration]]></category>
		<category><![CDATA[Print / Editorial]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=1225</guid>
		<description><![CDATA[American Realities film series posters: Roger &#038; Me &#124; Hoop Dreams &#124; Troublesome Creek; digital plot outputs; 24 x 36in. (each) / 2002 We Americans are conditioned to think that ours is the best country in the world—that this is the land of opportunity, and we can achieve anything here if we try hard enough. [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_movie_poster_series.jpg" alt="" title="dpj_movie_poster_series" width="500" height="244" class="alignnone size-full wp-image-1226" /><br />
</p>
<p class="small">
<i>American Realities</i> film series posters: <i>Roger &#038; Me</i> | <i>Hoop Dreams</i> | <i>Troublesome Creek</i>; digital plot outputs; 24 x 36in. (each) / 2002
</p>
<p></p>
<p class="large">
We Americans are conditioned to think that ours is the best country in the world—that this is the land of opportunity, and we can achieve anything here if we try hard enough. And, by all available evidence, there seem to be plenty of other countries in which people are a hell of a lot worse off than us. But life in the U.S. ain&#8217;t all sweet apple pie, and opportunities are easier to come by for some than others. Of course, you&#8217;d never know this by watching most film or television. With so much false &#8220;reality&#8221; pervading contemporary media, it is shockingly refreshing to see the true struggle of real life shown so eloquently in some powerful recent documentary films.
</p>
<p>
As one of three projects assigned in our <i>Visualizations</i> course in the Visual Communication Design program at the <a href="http://en.wikipedia.org/wiki/University_of_Washington" target="_blank">UW</a>, we were to develop a theme around three movies of our choosing for a film festival of sorts, then design a corresponding promotional poster series. With <i>American Realities</i>, I thematically linked <i>Roger &#038; Me</i>, <i>Hoop Dreams</i> and <i>Troublesome Creek</i>, as poignant revelations of Americans forced to work extraordinarily hard just to make ends meet, often against opposing forces of others&#8217; opportunities.<br />
<br />
By visually expressing the emotional tension of these stories, I aimed to generate awareness not only of these filmic case studies, but also of the true elusiveness of the American dream&#8230; <span id="more-1225"></span><br />
<br />
<i>Roger &#038; Me</i> tells the story of Flint, Michigan residents as their town withers away in the wake of GM moving eleven of their factories from Flint to cheaper labor in Mexico.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_movie_poster_roger_and_me.jpg" alt="" title="dpj_movie_poster_roger_and_me" width="500" height="750" class="alignnone size-full wp-image-1228" /><br />
</p>
<p class="small">
<i>American Realities: Roger &#038; Me</i> movie poster; digital plot output; 24 x 36in. / 2002
</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
<i>Hoop Dreams</i> follows the lives of two inner-city boys who try to use their talent for basketball to escape the ghetto.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_movie_poster_hoop_dreams.jpg" alt="" title="dpj_movie_poster_hoop_dreams" width="500" height="750" class="alignnone size-full wp-image-1230" /><br />
</p>
<p class="small">
<i>American Realities: Hoop Dreams</i> movie poster; digital plot output; 24 x 36in. / 2002
</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="9px"/><br />
<br />
And Troublesome Creek shows Russ and Mary Jane Jordan as they try to save the farm that has been in their family for over 100 years from new bank owners eager to foreclose.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_movie_poster_troublesome_creek.jpg" alt="" title="dpj_movie_poster_troublesome_creek" width="500" height="750" class="alignnone size-full wp-image-1231" /><br />
</p>
<p class="small">
<i>American Realities: Troublesome Creek</i> movie poster; digital plot output; 24 x 36in. / 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/03/06/american-realities/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>Prosophobia</title>
		<link>http://www.danielpjohnston.com/graphic-language/2009/09/29/prosophobia/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2009/09/29/prosophobia/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 02:48:54 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Content / Architecture]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Industrial / Product]]></category>
		<category><![CDATA[Interactive / Web]]></category>
		<category><![CDATA[Naming / Words]]></category>
		<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Signage / Display]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=672</guid>
		<description><![CDATA[Prosophobia promotional poster; 24 x 36in. / 2002 The most celebrated role of the designer has always been that of creator of positive change through innovation, but battling the public’s inclination to treasure the old and suspect the new has historically been tough going. The current of ominous world events (especially at the time of [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_poster_front.gif" alt="dpj_prosophobia_poster_front" title="dpj_prosophobia_poster_front" width="500" height="750" class="alignnone size-full wp-image-679" /><br />
</p>
<p class="small"><i>Prosophobia</i> promotional poster; 24 x 36in. / 2002</p>
<p></p>
<p class="large">
The most celebrated role of the designer has always been that of creator of positive change through innovation, but battling the public’s inclination to treasure the old and suspect the new has historically been tough going. The current of ominous world events (especially at the time of this project&#8217;s conception, painfully close to 9/11) only serves to shore up such public reservation. For many people, the comfort of the familiar is too valuable to risk on new ideas. This promotes a homogeneous, retro-centric design market in which the new is often merely another iteration of the old.
</p>
<p>
<i>Prosophobia</i> (&#8220;fear of progress&#8221;) was a concept for an international design conference that would explore why many of these constructs exist and how we as designers can continue to champion progress in this environment. Featured presentations were to be given by historians, behaviorists and economists, as well as a diverse range of design leaders  successfully implementing progressive work, despite this prosophobic culture.<br />
<br />
Being a design event (and a design school project, no less), a promotional / informational poster was a critical application, and set the visual theme for the balance of the comprehensive identification and communication suite. After several dramatic, antagonistic early concepts, including a God-like hand pushing down the sunrise, a Volkswagen &#8220;New Beetle&#8221; reversing into the viewer and even a revolver loaded with antiquities and ready to fire, an approach more considerate of both sides of the matter prevailed. The front presents the issue in a re-contextualized image reminiscent of the silent film era, showing a figure literally hanging onto the past for dear life, while the flip-side speaks to the present (signified by digital visual language) offering information on the voices on offer in the conference, and an invitation to participate in the future&#8230;<span id="more-672"></span><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_poster_back.gif" alt="dpj_prosophobia_poster_back" title="dpj_prosophobia_poster_back" width="500" height="750" class="alignnone size-full wp-image-702" /><br />
</p>
<p class="small"><i>Prosophobia</i> promotional poster (back); 24 x 36in. / 2002</p>
<p>
When discussing professional issues of the times, designers love trading between roles of preacher and choir, probably more than any other group of people in the world. Such is the nature of a profession that practitioners find unequivocally noble but cannot hope to defend quantitatively, and thus can only be explained to those who &#8220;get it,&#8221; thus, ensuring that those who don&#8217;t get it never will. While there is no denying that <i>Prosophobia</i> would primarily be an event by and for designers, the issue at hand is societal, so a widespread awareness campaign was designed to stimulate dialogue in the greater human community about the conference, its premise and what it means to them.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_sub_ad.gif" alt="dpj_prosophobia_sub_ad" title="dpj_prosophobia_sub_ad" width="500" height="500" class="alignnone size-full wp-image-688" /><br />
</p>
<p class="small"><i>Prosophobia</i> subway poster; 22 x 22in. / 2002</p>
<p>
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_print_ad.gif" alt="dpj_prosophobia_print_ad" title="dpj_prosophobia_print_ad" width="500" height="500" class="alignnone size-full wp-image-689" /><br />
</p>
<p class="small"><i>Prosophobia</i> magazine sidebar ad; 3.25 x 9.5in. / 2002</p>
<p>
Of course, the best way to reach someone is to talk to them directly, which this contact card was designed to help facilitate.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_contact.gif" alt="dpj_prosophobia_contact" title="dpj_prosophobia_contact" width="500" height="427" class="alignnone size-full wp-image-687" /><br />
</p>
<p class="small"><i>Prosophobia</i> contact card (front and back); 2 x 3.5in. (each) / 2002</p>
<p>
In order to reach specific audiences, it&#8217;s crucial to influence the influencers in prominent media of such respects. That&#8217;s where the letterhead and media release come in, as vehicles for formal correspondence and PR. With proper information and prodding, people would have been compelled to bring their influence and the rest of their bodies to the actual event, which is made simple with a sharp registration form.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_correspondence.gif" alt="dpj_prosophobia_correspondence" title="dpj_prosophobia_correspondence" width="500" height="650" class="alignnone size-full wp-image-685" /><br />
</p>
<p class="small"><i>Prosophobia</i> letterhead, media release and registration form; 8.5 x 11in., 8.5 x 14in. and 8.5 x 11in., respectively / 2002</p>
<p>
Envelopes make such correspondence much easier to mail.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_envelopes.gif" alt="dpj_prosophobia_envelopes" title="dpj_prosophobia_envelopes" width="500" height="750" class="alignnone size-full wp-image-686" /><br />
</p>
<p class="small"><i>Prosophobia</i> No.10 commercial envelope (back / flap and front) and No.10 catalog envelope (back / flap and front with die-cut, crack-and-peel address label) / 2002</p>
<p>
Once the audiences&#8217; attention has been captured for a minute, they are directed to a promotional / informational web site, where the minute quickly disappears (and then so does more and more time). This flash of loss animates into the the primary content, where visitors could gain knowledge of the event, such as speaker bios, accommodations, and features, as well as register for the conference.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_site.gif" alt="dpj_prosophobia_site" title="dpj_prosophobia_site" width="500" height="409" class="alignnone size-full wp-image-715" /><br />
</p>
<p class="small"><i>Prosophobia</i> web site; 1024 x 768px.+; interactive Flash interface (shown here in an animated storyboard) / 2002</p>
<p>
As a symbolic celebration of Modernity&#8217;s rare but powerful triumphs, the conference was to be held in conjunction with the grand re-opening of the <i>MoMA</i> in New York after Yoshio Taniguchi&#8217;s architectural expansion / remodel in 2005. (Taniguchi was also to give the keynote address.) Seen here is a detail of way-finding signage in-situ.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_signage.gif" alt="dpj_prosophobia_signage" title="dpj_prosophobia_signage" width="500" height="500" class="alignnone size-full wp-image-693" /><br />
</p>
<p class="small"><i>Prosophobia</i> directional signage; vinyl on Plexiglas; 10 x 10 x .25in. (each) / 2002</p>
<p>
Once at the conference, attendees would be provided a number of things to help them kick the <i>Prosophobia</i>: A time table of all of the events they could plug into&#8230;<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_schedule.gif" alt="dpj_prosophobia_schedule" title="dpj_prosophobia_schedule" width="500" height="678" class="alignnone size-full wp-image-694" /><br />
</p>
<p class="small"><i>Prosophobia</i> program schedule tri-fold brochure (outside spread / inside spread); 3 x 6in. (finished), 9 x 6in. (flat) / 2002</p>
<p>
A DVD documenting the feature presentations, breakout sessions and round-table discussions&#8230;<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_dvd.gif" alt="dpj_prosophobia_dvd" title="dpj_prosophobia_dvd" width="500" height="500" class="alignnone size-full wp-image-695" /><br />
</p>
<p class="small"><i>Prosophobia</i> documentary DVD; standard dimensions / 2002</p>
<p>
And, of course, a commemorative watch, so attendees could always have the public interest at hand (it runs backwards).<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_watch.gif" alt="dpj_prosophobia_watch" title="dpj_prosophobia_watch" width="500" height="539" class="alignnone size-full wp-image-696" /><br />
</p>
<p class="small"><i>Prosophobia</i> commemorative wrist watch; reverse movement / 2002</p>
<p>
Don&#8217;t be late!</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/09/29/prosophobia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Matter of Dimension</title>
		<link>http://www.danielpjohnston.com/graphic-language/2009/08/29/a-matter-of-dimension/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2009/08/29/a-matter-of-dimension/#comments</comments>
		<pubDate>Sat, 29 Aug 2009 14:29:05 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Content / Architecture]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Type / Fonts]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=445</guid>
		<description><![CDATA[Takenobu Igarashi magazine spread retrospective; 24 x 18in. (spread) / 2002 A staple project of many university design programs is to create a poster or magazine spread or flyer or whatever that somehow highlights the work of a &#8220;famous&#8221; designer, and, for extra measure, to design it as they might have designed it. That is, [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/05/dpj_igarashi_poster.jpg" alt="dpj_igarashi_poster" title="dpj_igarashi_poster" width="500" height="375" class="alignnone size-full wp-image-492" /><br />
</p>
<p class="small">Takenobu Igarashi magazine spread retrospective; 24 x 18in. (spread) / 2002</p>
<p></p>
<p class="large">
A staple project of many university design programs is to create a poster or magazine spread or flyer or whatever that somehow highlights the work of a &#8220;famous&#8221; designer, and, for extra measure, to design it as they might have designed it. That is, to design the piece in said famous designer&#8217;s &#8220;style.&#8221; That we had this sort of a project in the VCD program at the University of Washington always struck me as very strange, as &#8220;style&#8221; was nearly as derided a word as <a href="http://www.linotype.com/535/hobo-family.html?gclid=CNOAkvGEyZwCFUxB5gods3FWLw" target="_blank">&#8220;Hobo&#8221;</a> in the UW VCD lexicon. After all, a good designer (let alone a &#8220;famous&#8221; one) shouldn&#8217;t have <i>a</i> style.
</p>
<p>
A good designer analyzes, digests and synthesizes various aspects of a particular project and distills from this process the most compelling way to communicate the intended message for that project. There is a not-so-subtle line to be drawn here, as using a particular vernacular can be very useful in communicating particular subject matter. For example, if designing a poster about how inner-city youth express their identity, using some element of graffiti might be a felicitous way to help illustrate this. However, if a designer used graffiti in every project, whether it be about inner-city youth or organic produce, then his approach no longer can be seen as appropriating a relevant style to communicate a message; he has now created his own &#8220;style&#8221; that is irrespective of the individual needs of particular projects. He is one-dimensional.<br />
<br />
Though I only know what I know about Takenobu Igarashi, a &#8220;famous&#8221; designer in the 1980s and my assigned muse for this project, from books and magazines and perhaps an article or two posted on the Internet, it did seem fairly easy to pick up on his &#8220;style.&#8221; But the issue wasn&#8217;t that his projects were one-dimensional. The issue was that his projects were all three-dimensional. Igarashi, in fact, transitioned his focus toward product design and then architectural sculpture as his career progressed, and, one could imagine, this was really where he wanted to be the whole time&#8230;<span id="more-445"></span><br />
<br />
Indeed, Igarashi&#8217;s sculpture is quite fetching, and, more interestingly, quite varied. Aside from an early, sharp bent toward the geometric, his three dimensional portfolio has moved the air and light around it in immeasurably varied currents. Monolithic, provincial, heavy, grounded, sharp, useful, clever, whimsical, delicate, charming, airy, diaphanous, breathtaking; it&#8217;s all there, in as many materials as you can imagine.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/08/igarashi_sculpture.jpg" alt="igarashi_sculpture" title="igarashi_sculpture" width="500" height="300" class="alignnone size-full wp-image-634" /><br />
</p>
<p class="small"><i>Redwood Forest</i>: a relief of various kinds of layered woods carved and partly colored with acrylic paint / 2005; and <i>Komorebi</i>: a sculpture with 1800 images cut out on a hollow, steel column / 2007; both designed by Takenobu Igarashi</p>
<p>
Between Igarashi’s graphic design and his more abstract sculpture lies what may be his most sagacious work: that of product design. Included in this portfolio is everything from traditional designer favorites such as clocks and lamps to more pedestrian subjects like notebooks and gardening kits. Every one of these pieces is designed with a specific purpose and inventive spirit, and all represent the striking clarity and modern austerity that Igarashi has espoused throughout his career.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/08/igarashi_cutlery.jpg" alt="igarashi_cutlery" title="igarashi_cutlery" width="500" height="500" class="alignnone size-full wp-image-627" /><br />
</p>
<p class="small">cutlery set; designed by Takenobu Igarashi / early 1990s</p>
<p>
In his graphic design material, however, he was famous for an interesting but quickly dimming shtick of hyper-complex, axonometrically drawn type constructions, grounded in International-Style content structure.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/08/igarashi_design_book.jpg" alt="igarashi_design_book" title="igarashi_design_book" width="500" height="500" class="alignnone size-full wp-image-630" /><br />
</p>
<p class="small"><i>Design, Igarashi Space Graphics</i> book; designed by Takenobu Igarashi / late 1980s</p>
<p>
For our project, there were a number of things we had to design off the list: the designer&#8217;s name, a timeline of their career, a written biography, images of the designer&#8217;s work with captions, and, of course, a picture of the man (or Paula Scher, if you got her). To seal the deal, we had to find a quote from the designer that epitomized their approach, their personality, their work. I could hardly believe I found this one; I just had to use it:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/05/dpj_igarashi_poster_detail_quote.jpg" alt="dpj_igarashi_poster_detail_quote" title="dpj_igarashi_poster_detail_quote" width="500" height="250" class="alignnone size-full wp-image-494" /><br />
</p>
<p class="small">Takenobu Igarashi magazine spread retrospective; 24 x 18in. spread (detail) / 2002</p>
<p>
That is a charming statement, but is he really serious? He couldn&#8217;t even keep his own portrait simple (the digital slash is all him, not me). More to the point, can anyone even read those words he made? They are stunning feats of geometry—really quite impressive, even beautiful at times—but completely incomprehensible. And, how is this shtick appropriate for an international Expo, a calendar, a shoe store <i>and</i> jazz and dance performances?<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/05/takenobu_igarashi_noh_poster.jpg" alt="takenobu_igarashi_noh_poster" title="takenobu_igarashi_noh_poster" width="500" height="349" class="alignnone size-full wp-image-499" /><br />
</p>
<p class="small"><i>UCLA Asian Performing Arts Institute 1981</i>; designed by Takenobu Igarashi; 40.5 x 28.7in. (103 x 73 cm) / 1981. I find this poster quite interesting, but I only know what it says because of the title set in Helvetica in the upper left corner, and I still have no idea what it means.</p>
<p>
Despite his sometimes confoundingly intricate axonometric typography and abstract sculpture, Takenobu Igarashi was and is today a professed Modernist, perhaps even minimalist. Igarashi has made a concerted effort to lead a simple life even after attaining great status and success. He has often spoken out against rampant consumerism and information pollution of cities like Tokyo. He even had a small house in the country (designed for him by an architect friend of his) just to get away from it all. He selects every item for his personal consumption just as he selects clients: very carefully and sparingly.<br />
<br />
Igarashi&#8217;s current web site actually seems to harmonize with his professed philosophy. I find the synthesis impressive and satisfying. He shows a gorgeous variety of sculpture, set in a calm, austere gallery. And, there&#8217;s not a hint of his graphic design work anywhere.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/05/takenobu_igarashi_web_site.jpg" alt="takenobu_igarashi_web_site" title="takenobu_igarashi_web_site" width="500" height="315" class="alignnone size-full wp-image-502" /><br />
</p>
<p class="small">Takenobu Igarashi&#8217;s current web site; note his self-proclaimed title (in red italics)</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/08/29/a-matter-of-dimension/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Don&#8217;t Let Money Change Ya</title>
		<link>http://www.danielpjohnston.com/graphic-language/2009/08/12/dont-let-money-change-ya/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2009/08/12/dont-let-money-change-ya/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 02:02:48 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Type / Fonts]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=505</guid>
		<description><![CDATA[Alright. You have a shade over $120 mil with which to hire one person on behalf of the world. Who&#8217;s it going to be? A boy-band-groomed pop star from the U.K. or a school teacher from Detroit? Seems like a pretty simple task, but, due to some mistake, they both got the millions at one [...]]]></description>
			<content:encoded><![CDATA[<p class="large">
Alright. You have a shade over $120 mil with which to hire one person on behalf of the world. Who&#8217;s it going to be? A boy-band-groomed pop star from the U.K. or a school teacher from Detroit? Seems like a pretty simple task, but, due to some mistake, they both got the millions at one point.
</p>
<p>
Robbie got his millions for probably singing us lessons of smooth, classic Garamond-y things like falling in love or getting his heart broken or falling in love again or just hooking up with lots of chicks.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/08/jb_workshop_news_robbie_dpj.jpg" alt="jb_workshop_news_robbie_dpj" title="jb_workshop_news_robbie_dpj" width="500" height="500" class="alignnone size-full wp-image-583" /><br />
</p>
<p class="small"><i>Robbie Williams Gets Millions in Record Deal</i> typographic composition; 8 x 8in. / 2002</p>
<p>
The teacher got his or her millions due to a Microgramma-tic computer glitch. Not for teaching square things like Mathematics or Wood Shop.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/08/jb_workshop_news_teach_dpj.jpg" alt="jb_workshop_news_teach_dpj" title="jb_workshop_news_teach_dpj" width="500" height="500" class="alignnone size-full wp-image-584" /><br />
</p>
<p class="small"><i>Anonymous Teacher Gets Millions due to Computer Glitch</i> typographic composition; 8 x 8in. / 2002</p>
<p>
One clue as to who should have made what can be found in the glaring disparity of said millions between their respective ledgers. Robbie, who was wildly popular in his home country but all-but-nothing in the U.S., got $125 million from his contract in 2002. The teacher, who may or may not have been popular in class—but completely anonymous to the world, received over $117 million less (before taxes). But the error is clear: The teacher should have received approximately $125 million less&#8230; <span id="more-505"></span><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/08/jb_workshop_news_juxt_dpj.jpg" alt="jb_workshop_news_juxt_dpj" title="jb_workshop_news_juxt_dpj" width="500" height="250" class="alignnone size-full wp-image-585" /><br />
</p>
<p class="small"><i>Money for Something</i> typographic juxtaposition; 16 x 8in. / 2002</p>
<p>
This typographic editorial juxtaposition project, given by guest lecturer Jean Benoit Lévy as one of several Advanced Typography projects in the design program at the University of Washington, was instrumental in teaching me the value of a good, honest typeface.</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/08/12/dont-let-money-change-ya/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>VCD Phone Home</title>
		<link>http://www.danielpjohnston.com/graphic-language/2009/04/30/vcd-phone-home/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2009/04/30/vcd-phone-home/#comments</comments>
		<pubDate>Fri, 01 May 2009 00:34:02 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Industrial / Product]]></category>
		<category><![CDATA[Type / Fonts]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=446</guid>
		<description><![CDATA[phone card set; series of four fronts (top); one back (bottom); 3.4in. x 2.125in. each / 2002 It seems that there are (or were) two major markets for long distance phone cards. One is (or was, I&#8217;m guessing) Europe, where long distance on a phone plan, in comparison to U.S. phone plans, would span relatively [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/04/dpj_phone_card_set_a.jpg" alt="dpj_phone_card_set_a" title="dpj_phone_card_set_a" width="500" height="502" class="alignnone size-full wp-image-462" /><br />
</p>
<p class="small">phone card set; series of four fronts (top); one back (bottom); 3.4in. x 2.125in. each / 2002</p>
<p></p>
<p class="large">
It seems that there are (or were) two major markets for long distance phone cards.
</p>
<p>
One is (or was, I&#8217;m guessing) Europe, where long distance on a phone plan, in comparison to U.S. phone plans, would span relatively little actual distance, and wanderlust runs rampant. In the days before near-ubiquitous mobile phone proliferation, I imagine there was much use for a card that would get you in touch with another country, or back in touch with home when you got there, without costly service charges from one&#8217;s domestic carrier. Even with a mobile, a roamer could easily outbound their domestic plan with a quick clip on the TGV.<br />
<br />
The other market I&#8217;ve seen for such cards is quite different, and still as vibrant as ever. Having lived in New York for several years now, I&#8217;ve been confronted by gangs of international phone cards, shouting at me from behind so many raised bodega counters, each garish explosion of bling and atrocious typography shouting louder than the next, like a traffic jam in the South Bronx. This city, it seems, has the requisite population of aliens without the means for a long distance plan (or even a phone, in many cases), needing to reach out and touch their homelands, such that the cacophony of prepaid, foil-stamped minutes is warranted.<br />
<br />
But, having lived in Seattle almost my entire life as of 2002, with its relatively scant collection of migrant workers (or Europeans), I&#8217;m not sure I&#8217;d ever even seen a phone card until I designed my own. This project, another in the <a href="http://www.danielpjohnston.com/graphic-language/2009/03/08/let-me-share-my-feelings-with-you/" target="_blank">Advanced Typography</a> class of the Visual Communication Design (VCD) program at the University of Washington, was the novel creation of our professor (fresh from an extended European vacation). Here, we were to design a series (or multiple series) of ten-Euro calling cards&#8230; <span id="more-446"></span><br />
<br />
Of course, being in a proper design program, my cards didn&#8217;t have any of that garish metallic noise, but I did try to convey, in abstract terms, traveling voices.<br />
<br />
I thought of listening in on what a phone call from a traveler might be like. Would it be colorful and loud, as from a pétit jaune fille talking about the cute jungen in Bonn? Every day, a new color, but the same airy bubble babble? Vieleicht. But even one short trip can have many flavors. For every bubble and squeak, there&#8217;s can be a piercingly sharp Swiss, or even a boring square of milk toast. They all leave a taste in the wanderer&#8217;s mouth to share.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/04/dpj_phone_card_set_d.jpg" alt="dpj_phone_card_set_d" title="dpj_phone_card_set_d" width="500" height="502" class="alignnone size-full wp-image-454" /><br />
</p>
<p class="small">phone card set; series of four fronts (top); one back (bottom); 3.4in. x 2.125in. each / 2002</p>
<p>
Sharing. Now that&#8217;s the essential je ne sais quoi of the phone card, non?. The traveler escapes the dia-a-dia from whence they came and their call recipients stay. The phone card allows them to connect provare even as their bodies derivare.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/04/dpj_phone_card_set_c.jpg" alt="dpj_phone_card_set_c" title="dpj_phone_card_set_c" width="500" height="502" class="alignnone size-full wp-image-458" /><br />
</p>
<p class="small">phone card set; series of four fronts (top); one back (bottom); 3.4in. x 2.125in. each / 2002</p>
<p>
Travel is fantastisk because you can always go back home, and home might sound more and more magnifico with every soothing word from the ones left there. But the traveler must keep an eye on the watch, because the trains don&#8217;t run often this time of night, and, ten Euros can susurrus into the airwaves in no time at all.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/04/dpj_phone_card_set_b.jpg" alt="dpj_phone_card_set_b" title="dpj_phone_card_set_b" width="500" height="502" class="alignnone size-full wp-image-461" /><br />
</p>
<p class="small">phone card set; series of four fronts (top); one back (bottom); 3.4in. x 2.125in. each / 2002</p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2009/04/30/vcd-phone-home/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Let Me Share My Feelings with You</title>
		<link>http://www.danielpjohnston.com/graphic-language/2009/03/08/let-me-share-my-feelings-with-you/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2009/03/08/let-me-share-my-feelings-with-you/#comments</comments>
		<pubDate>Sun, 08 Mar 2009 17:34:37 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Type / Fonts]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=418</guid>
		<description><![CDATA[After learning the intricacies of designing typefaces in the design program at the UW, we were led to the next typography class, where we first set out to see how compositions of type could communicate concepts, even without recognizable words. In these studies, we had only newspapers, scissors, glue and a photocopy machine to shape [...]]]></description>
			<content:encoded><![CDATA[<p class="large">After learning the <a href="http://www.danielpjohnston.com/graphic-language/2008/12/04/the-logical-type/" target="_blank">intricacies</a> of <a href="http://www.danielpjohnston.com/graphic-language/2008/12/28/moontalking/" target="_blank">designing</a> <a href="http://www.danielpjohnston.com/graphic-language/2009/01/29/tall-stark-and-handsome/" target="_blank">typefaces</a> in the design program at the UW, we were led to the next typography class, where we first set out to see how  compositions of type could communicate concepts, even without recognizable words. In these studies, we had only newspapers, scissors, glue and a photocopy machine to shape our expressions. I&#8217;m very excited to share them with you here!
</p>
<p>
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/03/dpj_typexpression_excited.jpg" alt="dpj_typexpression_excited" title="dpj_typexpression_excited" width="500" height="355" class="alignnone size-full wp-image-419" /><br />
</p>
<p class="small"><i>Excited</i> typographic expression study / 5.75 x 4in. / 2002</p>
<p>
I&#8217;m confident that you&#8217;ll find them to be creative and engaging representations of the feelings I&#8217;m trying to express&#8230;<span id="more-418"></span><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/03/dpj_typexpression_confident.jpg" alt="dpj_typexpression_confident" title="dpj_typexpression_confident" width="500" height="355" class="alignnone size-full wp-image-426" /><br />
</p>
<p class="small"><i>Confident</i> typographic expression study / 5.75 x 4in. / 2002</p>
<p>
Of course, if you don&#8217;t like them, you might say something coarse or even question my design skill. I&#8217;m pretty thick-skinned about that sort of thing, but if you were particularly mean about it, that could drag my mood down and could even make me depressed.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/03/dpj_typexpression_depressed.jpg" alt="dpj_typexpression_depressed" title="dpj_typexpression_depressed" width="500" height="355" class="alignnone size-full wp-image-427" /><br />
</p>
<p class="small"><i>Depressed</i> typographic expression study / 5.75 x 4in. / 2002</p>
<p>
Phew&#8230; I guess that&#8217;s all I have to say about that. I think it went well. I must admit, I&#8217;m relieved.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/03/dpj_typexpression_relieved.jpg" alt="dpj_typexpression_relieved" title="dpj_typexpression_relieved" width="500" height="355" class="alignnone size-full wp-image-422" /><br />
</p>
<p class="small"><i>Relieved</i> typographic expression study / 5.75 x 4in. / 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/2009/03/08/let-me-share-my-feelings-with-you/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tall, Stark and Handsome</title>
		<link>http://www.danielpjohnston.com/graphic-language/2009/01/29/tall-stark-and-handsome/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2009/01/29/tall-stark-and-handsome/#comments</comments>
		<pubDate>Fri, 30 Jan 2009 03:19:18 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Naming / Words]]></category>
		<category><![CDATA[Type / Fonts]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=362</guid>
		<description><![CDATA[Stark original typeface design / 2002 Ignore the Din and find a new Trade. Here comes another lean, monosyllabic hero of noir typography. He takes his briefcase locked, his drinks neat and his checks made out to &#8220;cash.&#8221; He takes wise guys to the cleaners and the birds take him just the way he is. [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/01/dpj_stark_title.jpg" alt="Stark typeface design by Daniel P. Johnston" title="dpj_stark_title" width="500" height="500" class="alignnone size-full wp-image-374" /></p>
<p class="small"><i>Stark</i> original typeface design / 2002</p>
<p></p>
<p class="large">
Ignore the <a href="http://www.fontfont.com/shop/index.ep?clist=PD,30793,13651&#038;cview=P13651" target="_blank"><i>Din</i></a> and find a new <a href="http://www.linotype.com/1546/tradegothic-family.html?gclid=CI7L1dOssJgCFQ-bnAodTHr5VA" target="_blank"><i>Trade</i></a>. Here comes another lean, monosyllabic hero of noir typography. He takes his briefcase locked, his drinks neat and his checks made out to &#8220;cash.&#8221; He takes wise guys to the cleaners and the birds take him just the way he is. He&#8217;s got a hardboiled manner and doesn&#8217;t care for idle banter, thank you, so you can keep the jibber-jabber to yourself. He&#8217;ll tell you what you need to know and nothing more. But he&#8217;s not just another working stiff. He&#8217;s got working class.
</p>
<p>
He&#8217;s got a cleft chin and a sordid past with which you need not concern yourself. All that matters is on the dotted lines. He stands tall but keeps a low profile. He&#8217;s sharp as nails and almost as kind. He doesn&#8217;t want to be your best friend but he&#8217;s probably the man you want on the case. He&#8217;s <i>Stark</i>&#8230; <span id="more-362"></span><br />
<br />
Stark is a long drink of water with a shadow to match. He stands up straight and keeps his cards sewn to his chest. He&#8217;ll light a cigarette in your office and wear it low on his lip as he tells your rags right from wrong. You can put this on the record because it&#8217;s official business of capital import:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/01/dpj_stark_caps.jpg" alt="Stark typeface by Daniel P. Johnston: caps" title="dpj_stark_caps" width="500" height="500" class="alignnone size-full wp-image-364" /><br />
</p>
<p class="small"><i>Stark</i> caps / 2002</p>
<p>
Well, if you&#8217;re going to stick around, you may as well take a seat, but don&#8217;t get too comfortable. After a long headline and a night-cap, Stark still wears his gaze under a slanted brim and he isn&#8217;t afraid to give a wink in casual setting. But if you give him the jumble, he&#8217;ll give you the hook. Pay attention, kid, because he&#8217;s never without a clipped counter in any exchange and he&#8217;s already seen plenty other pretty faces:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/01/dpj_stark_lc.jpg" alt="Stark typeface by Daniel P. Johnston: lower case" title="dpj_stark_lc" width="500" height="375" class="alignnone size-full wp-image-365" /><br />
</p>
<p class="small"><i>Stark</i> lower case / 2002</p>
<p>
Stark just deals in the facts, ma&#8217;am, and he&#8217;ll break the numbers to you—good or bad—with the same stamps of authority:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/01/dpj_stark_numerals.jpg" alt="Stark typeface by Daniel P. Johnston: numerals" title="dpj_stark_numerals" width="500" height="249" class="alignnone size-full wp-image-363" /><br />
</p>
<p class="small"><i>Stark</i> numerals / 2002</p>
<p>
When it comes to the end of the line, you can rest assured knowing Stark gave you a piece of his mind. Chances are, he&#8217;ll leave your punctuation hanging (but don&#8217;t quote me on that):<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/01/dpj_stark_punctuation.jpg" alt="Stark typeface by Daniel P. Johnston: numerals" title="dpj_stark_punctuation" width="500" height="249" class="alignnone size-full wp-image-366" /><br />
</p>
<p class="small"><i>Stark</i> selected punctuation / 2002</p>
<p>
Well, it looks like that&#8217;s another one for the books. Best to just keep on moving before you get yourself into trouble. Forget everything you just saw. But if you&#8217;ve got a tough file that you need straightened out, you know where to look. You&#8217;d better watch closely, though, sport; Stark may just have designs on your desk.<br />
<br /> <br />
The End</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="48px" /></p>
<h2>Behind the Scenes</h2>
<p>Some early sketches for <i>Stark</i> were published in <a href="www.amazon.com/Designing-Type-Karen-Cheng/dp/0300111509" target="_blank"><i>Designing Type</i></a> by Karen Cheng (the Professor under whom I studied type design at the University of Washington). You might want to do yourself a favor and pick up a copy. He&#8217;s on page 155. And the rest of the book is pretty good, too:<br />
<a href="www.amazon.com/Designing-Type-Karen-Cheng/dp/0300111509" target="_blank"><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/01/cheng_designing_type.jpg" alt="" title="cheng_designing_type" width="500" height="193" class="alignnone size-full wp-image-391" /><br />
</a><br />
</p>
<p class="small"><i>Designing Type</i> by Karen Cheng; cover and inside spread showing early sketches for <i>Stark</i> (on the right page); <a href="http://yalepress.yale.edu/yupbooks/book.asp?isbn=0300111509" target="_blank">Yale University Press</a> / 2006</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/01/29/tall-stark-and-handsome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Moontalking</title>
		<link>http://www.danielpjohnston.com/graphic-language/2008/12/28/moontalking/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2008/12/28/moontalking/#comments</comments>
		<pubDate>Mon, 29 Dec 2008 02:20:17 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Naming / Words]]></category>
		<category><![CDATA[Type / Fonts]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=324</guid>
		<description><![CDATA[Moon typeface / 2002 (setting of lyrics excerpted from &#8220;Space Oddity&#8221; by David Bowie) Spacey, technical, open and angular, functional close or far, and emotionally open, Moon is a typeface for the future. Or at least for writing about it. Although its geometry makes it modern and compelling in display setting, the strategically placed serif [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/12/dpj_moon_space_oddity_lyrics.jpg" alt="" title="dpj_moon_space_oddity_lyrics" width="500" height="500" class="alignnone size-full wp-image-330" /><br />
</p>
<p class="small"><i>Moon</i> typeface / 2002 (setting of lyrics excerpted from <a class="small" href="http://www.amazon.com/Space-Oddity-David-Bowie/dp/B00001OH7M/ref=pd_bbs_sr_2?ie=UTF8&#038;s=music&#038;qid=1230499174&#038;sr=8-2" target="_blank">&#8220;Space Oddity&#8221; by David Bowie</a>)</p>
<p></p>
<p class="large">
Spacey, technical, open and angular, functional close or far, and emotionally open, <i>Moon</i> is a typeface for the future. Or at least for writing about it. Although its geometry makes it modern and compelling in display setting, the strategically placed serif bits (technically, <i>Moon</i> would fall into the &#8220;semi-sans&#8221; category) flow together even dense columns of communiqué. Special touches and extras give this face an alluring <i>Hal</i>-like techno-emotional identity complex&#8230;<span id="more-324"></span>
</p>
<p>
When it comes to delivering critical messages, capital letters have long stood at the top of the world. Letter for letter, no other case brings more urgent credibility to your message than the cap. The more caps, the more determined. But, in so many faces, cap settings become such a bore in all their rectilinear monotony, like so much parental lecturing. <i>Moon&#8217;s</i> caps know what&#8217;s right and are not afraid to tell you what&#8217;s wrong, but the organic distribution of rounded and open forms, interacting with angular legs and serifs, allow enough engagement to discuss the matter:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/12/dpj_moon_caps.jpg" alt="" title="dpj_moon_caps" width="500" height="500" class="alignnone size-full wp-image-337" /><br />
</p>
<p class="small"><i>Moon</i> font: capital letters and lining numerals / 2002</p>
<p>
Lining numerals allow for proof to be delivered confidently as top-level information, but are open enough to persuade the cautiously skeptical.<br />
<br />
The lower case continues where the caps leave off, delivering the bulk of most standard communication with a rarified combination of technical precision and airy—dare I say, &#8220;friendly&#8221;?—humanity:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/12/dpj_moon_lc.jpg" alt="" title="dpj_moon_lc" width="500" height="500" class="alignnone size-full wp-image-339" /><br />
</p>
<p class="small"><i>Moon</i> font: lower case letters and text numerals / 2002, 2008</p>
<p>
The lines between computation and digression are further blurred by the choice of classically-inspired text numerals as an option for setting in prose.<br />
<br />
Speaking of digression&#8230; As typeface communication continues its rise to supremacy over human face communication, the fonts  of today reveal themselves to be increasingly threadbare in their attempt to keep up. While great writers can pull the most powerful emotional strings with an Apollo-era typewriter and a cerebral hand, this is not the mindset of the majority of today&#8217;s typists. The new communicator places a premium on expediency and response, and relies heavily on hopelessly inadequate typographic patches like <a href="http://messenger.msn.com/Resource/Emoticons.aspx" target="_blank">emoticons</a> to express their slashed words for them (and, by the way, how many people were really aching for a quicker way to express &#8220;Vampire bat&#8221;?).<br />
<br />
What if the typeface, itself, was more expressive? Though, presently, there is only one weight of <i>Moon</i> (<i>Roman Moon</i>), other weights were always part of the plan for the future (<i>Half Moon, Full Moon</i>, etc.), and would be essential tools to express emphasis or restraint. But what if temporal strain, too, could be captured in the extension of a letter-sound? As an additional spacey touch, super extended vowel forms allow for such techno-humanist expression:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/12/dpj_moon_exvowels_punc.jpg" alt="" title="dpj_moon_exvowels_punc" width="500" height="500" class="alignnone size-full wp-image-338" /><br />
</p>
<p class="small"><i>Moon</i> font: special extended vowels and standard punctuation / 2002</p>
<p>
This is, of course, one small step for typeface exploration. The possibilities to realize key-borne expression for the mankind of tomorrow are galactic. The centuries-old groundwork of typography is absolutely still relevant, but the needs of type are evolving. Current standards are being necessarily co-opted by a new world order of communicators, a practice quietly being ignored by typographers (guilty, but aware). <i>Moon</i> may just be another typeface, but I&#8217;d suggest its future is wide open.</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/12/28/moontalking/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Logical Type</title>
		<link>http://www.danielpjohnston.com/graphic-language/2008/12/04/the-logical-type/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2008/12/04/the-logical-type/#comments</comments>
		<pubDate>Fri, 05 Dec 2008 04:33:28 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Naming / Words]]></category>
		<category><![CDATA[Type / Fonts]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=315</guid>
		<description><![CDATA[Sylloge typeface (promotional collage) / 2002 All type says something more than that which has been written. Some writing is logical. Therefore, some typefaces can make prose seem more logical than it actually is. This is an example of syllogistic reasoning. This is Sylloge, an original typeface design&#8230; Sylloge typeface (elements) / 2002 (+) Click [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_sylloge_type_collage.jpg" alt="" title="dpj_sylloge_type_collage" width="500" height="500" class="alignnone size-full wp-image-317" /><br />
</p>
<p class="small"><i>Sylloge</i> typeface (promotional collage) / 2002</p>
<p></p>
<p class="large">
All type says something more than that which has been written. Some writing is logical. Therefore, some typefaces can make prose seem more logical than it actually is. This is an example of syllogistic reasoning. This is <i>Sylloge</i>, an original typeface design&#8230; <span id="more-315"></span>
</p>
<p>
<a href='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/12/dpj_sylloge_specimen.html' target="_blank"><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_sylloge_type_breakdown.jpg" alt="" title="dpj_sylloge_type_breakdown" width="500" height="250" class="alignnone size-full wp-image-318" /></a><br />
</p>
<p class="small"><i>Sylloge</i> typeface (elements) / 2002<br />
<a href='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/12/dpj_sylloge_specimen.html' target="_blank">(+) Click to enlarge and see complete character set.</a></p>
<p>
Its character is wise; believable; stable in its bracketed, serifed footing; distinguished by graceful nuance; considered in its humanistic stroke weight variation; resolute in its straight stance. This is the perfect face to put forth for one&#8217;s most ardent case.<br />
<br />
<a href='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/12/dpj_sylloge_specimen.html' target="_blank"><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_sylloge_numerals.jpg" alt="" title="dpj_sylloge_numerals" width="500" height="150" class="alignnone size-full wp-image-319" /></a><br />
</p>
<p class="small"><i>Sylloge</i> typeface (text numerals) / 2002<br />
<a href='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/12/dpj_sylloge_specimen.html' target="_blank">(+) Click to enlarge and see complete character set.</a></p>
<p>
Numbers like this don&#8217;t lie. Just think how comfortably they would sit even in the thick of the discussion. Not like those ruffian <a href="http://www.fontsite.com/Pages/RulesOfType/ROT1297.html" target="_blank">lining numerals</a> that shout so inappropriately at cap height all the time.<br />
<br />
But the designer must always be conscientious. One should never use a pretty face to say something disingenuous. What is written is still far more important than the typeface in which it is spelled. <a href="http://www.fallacyfiles.org/syllfall.html" target="_blank">Syllogistic fallacies</a> are not uncommon, and they still pass for logic.<br />
<br />
So here is <i>Sylloge</i>. Type carefully.</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/12/04/the-logical-type/feed/</wfw:commentRss>
		<slash:comments>0</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/uw_vcd_entrance.jpg" alt="" title="uw_vcd_entrance" class="alignnone size-full wp-image-302" /><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 />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_mof_inside_front.jpg" alt="" title="dpj_mof_inside_front" width="500" height="597" class="alignnone size-full wp-image-312" /><br />
</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 />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_mof_inside_back.jpg" alt="" title="dpj_mof_inside_back" width="500" height="597" class="alignnone size-full wp-image-313" /><br />
</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>
		<item>
		<title>Razzle Dazzle &#8216;Em</title>
		<link>http://www.danielpjohnston.com/graphic-language/2008/11/03/razzle-dazzle-em/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2008/11/03/razzle-dazzle-em/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 04:00:11 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Packaging / 3-Dimensional]]></category>
		<category><![CDATA[Print / Editorial]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=198</guid>
		<description><![CDATA[Amy and Joel / 2001 I think I was first introduced to Joel Brazil when I was 15, on an open bike ride that was organized by a local shop. The shop sponsored one of the top teams in the region, and obliged some of its members to help corral whatever ragtag assemblage of customers [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/amy_and_joel.jpg" alt="" title="amy_and_joel" width="500" height="251" class="alignnone size-full wp-image-287" /><br />
</p>
<p class="small">Amy and Joel / 2001</p>
<p></p>
<p class="large">
I think I was first introduced to Joel Brazil when I was 15, on an open bike ride that was organized by a local shop. The shop sponsored one of the top teams in the region, and obliged some of its members to help corral whatever ragtag assemblage of customers and shop dudes decided to show up on warm summer Wednesdays. Joel was one of the best amateur racers in the country at the time, but I knew nothing about him because he never talked to me. This was primarily because he whiled away most of those miles in a perpetual, nauseating debate with Joe, another member of the team, in which they would each try to explain to each other how and why the other was not good at bike racing.
</p>
<p>
In the years that followed, I happened to work for that bike shop, attend the same university as Joel, race for the same team (and get sucked into similarly nauseating debates with Joe), do work for the same company and take on the same bitter <i>arch nemesis</i> (not Joe). I even ended up living in the very same room that Joel had rented before me in a house with a couple that counted as great friends to both him and I. Still, it was years and years from our initial meeting to when I actually began to get to know Joel, and, for quite a while, I couldn&#8217;t stand him.<br />
<br />
As long as I knew or knew of Joel, he had been loud, brash, hyper-competitive, utterly exasperated by others&#8217; life choices, inordinately concerned with material possessions, flakey, and schmoozey—ostensibly, an obnoxious, superficial, inconsiderate jerk. His nickname was &#8220;Razzle-Dazzle Brazil&#8221; (that rhymes), and he loved it. He wanted to write a column on my web site at one point, so I set up a section for him, which I titled <i>Joell Report</i> (a riff on the ultra-snobby <a href="http://www.robbreport.com/" target="_blank"><i>Robb Report</i></a>), and subtitled &#8220;Tales of the World&#8217;s Most Fortunate Malcontent&#8221; (he never actually wrote an article).<br />
<br />
But, as more time went by, translations of Joel&#8217;s qualities became more lucid: He worked extremely hard to excel at life&#8217;s pursuits and was rewarded with the goods to prove it and the satisfaction with which to parade them. His derision of people&#8217;s decisions he deemed unwise was compensated for by his keen sense of their unique talent and fervent drive to tease out the potential thereof, at which he was actually quite gifted if given the opportunity.<br />
<br />
Although <i>Joell Report</i> never came to fruition, I did get the opportunity to work with him on one very important project. Indeed, it was the materialization of two of his greatest loves: music and Amy, his then-fiancé. <i>Amy+Joel</i>, a soundtrack album of their wedding reception, would be the product&#8230; <span id="more-198"></span><br />
<br />
True to form for the person everyone loves to hate, Joel wasn&#8217;t very good at any one thing; he was extremely good at many things. Indeed, before he reached the upper echelons of the amateur cycling ranks, he had been among the top of the amateur skiing ranks, with a place on the U.S. National team for some time. It was on the slopes, floating down powder runs at 90+MpH where his most solid, lasting friendships seemed to have been forged. It was only fitting, then, that his wedding be staged on a peak of the premier Whistler ski resort. In one concept (top-left below), a typo-photo collage melds the two in a blue and white palette that hints at the snowy venue. This atmosphere was most integrated into the concept on the top-right (below), where, the tilted peaks of the iconic location are limned of pluses, speaking to the bonding of Amy and Joel and the collecting of their friends and family:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_amy_joel_concepts1.jpg" alt="" title="dpj_amy_joel_concepts" width="500" height="482" class="alignnone size-full wp-image-294" /><br />
</p>
<p class="small"><i>Amy + Joel</i> Soundtrack cover concepts / 2001</p>
<p>
As I hinted at before, Joel was and is obsessed with music he likes (and, thus, disgusted and disdainful of anyone else&#8217;s musical taste). In another study (bottom-left above), based primarily on a photo of the couple taken at an after-party to one of our Joe-hosted bike team parties, meaningful lyrics from the songs reverberate between the two in their euphoria-drenched harmony.<br />
<br />
The chosen concept was the most raw and expressive. In this cover (bottom-right above), A posterized photograph of a simple kiss is sealed with a plus. The acidic palette and digital typography expressed a sort-of techno rawness that helped define the couple.<br />
<br />
From here, the composition was fettled to the essential elegance of the occasion: A more dramatic crop of the photo. A timeless, nuanced title. The burgundy palette of the event:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_amy_joel_cover.jpg" alt="" title="dpj_amy_joel_cover" width="500" height="436" class="alignnone size-full wp-image-292" /><br />
</p>
<p class="small"><i>Amy + Joel</i> wedding album cover; CD jewel case (front) / 2001</p>
<p>
The slopes support the special thanks on the back of the booklet. (Look, Ma! There&#8217;s my name!). A raucous dancing embrace is spotlighted on the CD, from which the soundtrack titles emanate:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_amy_joel_case_open.jpg" alt="" title="dpj_amy_joel_case_open" width="500" height="229" class="alignnone size-full wp-image-301" /><br />
</p>
<p class="small"><i>Amy + Joel</i> wedding album; CD jewel case (open, inside), audio CD / 2001</p>
<p>
The booklet opens up to the program of the event, set on an active posterized collage of people, places, products, and other ephemera that shaped the couple&#8217;s collective heritage and identity:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_amy_joel_inside_spread.jpg" alt="" title="dpj_amy_joel_inside_spread" class="alignnone size-full wp-image-295" /><br />
</p>
<p class="small"><i>Amy + Joel</i> wedding album program spread / 2001</p>
<p>
The pacing of the package foreshadowed that of the event, from the permanent bonding of Joel+Amy, to the party of people and events that made their lives together possible, to the music that served as inspiration for the emotional release and celebration, and crescendoing into the dance of the night:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/11/dpj_amy_case_back.jpg" alt="" title="dpj_amy_case_back" class="alignnone size-full wp-image-297" /><br />
</p>
<p class="small"><i>Amy + Joel</i> wedding album soundtrack; CD jewel case (back) / 2001</p>
<p>
In the nearly eight years since that night, Joel and Amy are still married, have moved their relationship to different states and continents, settling for the last several in London, where <a href="http://www.tipped.co.uk/users/24" target="_blank">she</a> and <a href="http://www.tipped.co.uk/users/9" target="_blank">he</a> both now write articles for the community-based critic <a href="http://www.tipped.co.uk/users/9" target="_blank">web site</a> that he started there. Their family is proud and sure to grow; Indeed, Amy + Joel may someday = three. All that, and he still finds time to pay attention to my web site, so I guess he&#8217;s a pretty decent bloke, after all.</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/03/razzle-dazzle-em/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Back to School Time</title>
		<link>http://www.danielpjohnston.com/graphic-language/2008/09/14/back-to-school-time/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2008/09/14/back-to-school-time/#comments</comments>
		<pubDate>Sun, 14 Sep 2008 18:27:19 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Type / Fonts]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=216</guid>
		<description><![CDATA[University of Washington School of Art, main entrance / photo taken 2008 Like most epiphanies, one of my most life-changing ideas came to me suddenly when I was in the bathroom. It was September 2nd, 2001. I had been working full-time as a designer since 1999. In July of that year, I had indulged in [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/uw_soa_entrance_bw.jpg" alt="University of Washington School of Art, main entrance" title="uw_soa_entrance" width="500" height="250" /><br />
</p>
<p class="small">University of Washington School of Art, main entrance / photo taken 2008</p>
<p></p>
<p class="large">
Like most epiphanies, one of my most life-changing ideas came to me suddenly when I was in the bathroom. It was September 2nd, 2001. I had been <a href="http://www.danielpjohnston.com/graphic-language/2008/01/29/stuck-in-the-middle/" target="_blank">working</a> full-time as a designer since 1999. In July of that year, I had indulged in a very expensive but amazing vacation, following the <a href="http://cyclingnews.com/results/2001/tour01/" target="_blank">Tour de France</a>. Three days after my trip, I returned to work to rumors of massive layoffs. Within a week, tours of the company&#8217;s one-year-new building revealed empty desks that quickly multiplied into empty floors. By August 20th, it was clear that the in-house design department, too, was going dark. September 14th was going to be my last day. I had no idea what I was going to do, and then I did.
</p>
<p>
Two years and change earlier, I had made a rather precarious <a href="http://www.danielpjohnston.com/graphic-language/2007/11/19/206/" target="_blank">exit</a> from the <a href="http://depts.washington.edu/designuw/VCD_overview.htm" target="_blank">Visual Communication Design (VCD)</a> program at the University of Washington. I was disheartened for a while, then embittered, then dismissive, then all-but-forgetful of the whole experience. And then, on that day in September, it came to me: I would go back and finish school. Or, rather, I would <i>try</i> to finish school. After all, I was going straight back to the horse that threw me, and, if anything, it was more fierce than ever (bad economies feed schools with lots of accomplished and motivated applicants). Any prior thoughts of repeating this wicked roulette were momentary lapses in sanity. But, upon my decision that day, my resolve was unshakable.<br />
<br />
About a week and a half after my decision, I took one of my final vacation days. An hour or so after I woke up, I checked my personal email program, which showed news stories in one of the frames. The Twin Towers and half of the Pentagon had been obliterated within the span of a few hours. Luckily, I did not know anyone personally who was involved in these catastrophes but it seems strange to tell a story about that time without mentioning it. To be honest, it was all quite disaffecting considering the ever more improbable absurdity the country had been subjected to in the year or so leading up to the events. It was all just more impervious steel turned to dust. My decision was unmoved&#8230; <span id="more-216"></span><br />
<br />
Back to school, then. I had paid approximately zero attention to the VCD program in my absence, but, ostensibly, the program turned out to be the same two years on. One still had to make it through two screening classes, still called 205 and 206 (even if one had made it through <a href="http://www.danielpjohnston.com/graphic-language/2007/10/31/205/" target="_blank">205</a> before, as I had, to try again required repeating the entire process). The classes still had three projects each, which were essentially the same as before. But the truth of the initial screening had become exposed, to the bone. The first time I went through, the competitive aspect was localized, as the class was broken into small studios and that never intertwined, and it was usually only spoken about vaguely (&#8220;a lot of applicants&#8221;). This time, they corralled the 200 candidates (up from about 150 my first time through) into a 200-seat lecture hall two days a week. About three weeks into the class, the professor asked how many people were aiming to make it into the 20 spots in the program (as opposed to just taking the class as an elective). I saw everyone raise their hand and look around, eyes wide. The professor knew that would be the result of the poll, and told us so. I sat in the very back row and spoke to no one. I didn&#8217;t even raise my hand. I still cannot believe my ensuing experience at the UW when I think of that day.<br />
<br />
Now, back to dust. I was living very temporarily on severance, then on meager unemployment benefits while enrolled in a formidable three-month-long test to see if I could get into another, more formidable three-month-long test, to see if I could go back to school full-time. If I didn&#8217;t look for a job, I would lose my benefits. If I got a job, I wouldn&#8217;t be able to focus on school. If I didn&#8217;t focus on school, I wouldn&#8217;t get into the next class, let alone the program. The only logical plan was to focus on school and casually apply only for fantasy jobs, like Global Creative Director for <a href="http://grahamwatson.com/gw/imagedocs.nsf/PhotosTest/05cipo-023000" target="_blank">Cannondale</a> or something, preferably in some exotic city, like Zürich (nicht wahrscheinlich). If I got one of those, then screw school. If I got into the program, I would go for student loans and/or scholarships because, when I finished the screening process, I would be completely broke. If I didn&#8217;t get into the program, then, well&#8230;<br />
<br />
Now, back to school. The first project of 2001&#8242;s 205 class was almost identical to the first project of 205 from 1999: Create a letter mark that represented some sort of action. The only difference is that they chose the word for you this time, which was probably a good thing, since I, like most of the students, spent way too much time coming up with crappy words before. My word this time was &#8220;Repel.&#8221;<br />
<br />
I sketched lots of options that showed the letter R repelling itself somehow:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_repel_mark_sketches.gif" alt="" title="dpj_repel_mark_sketches" width="500" height="500" class="alignnone size-full wp-image-226" /><br />
</p>
<p class="small"><i>Repel</i> mark sketches / 2001</p>
<p>
My breakthrough, so to speak, came in chopping the top of the capitol R letter form. This allowed the static, upright stem to be acted upon more overtly by the much more dynamic curve of the bowl and angular leg while still reading as a single character that pretty clearly represented the physical act of repelling (as in mountaineering). The arrow is a bit of a crutch, but it&#8217;s not too egregious. Sketches of the idea seemed to get a decent nod from the professor in critiques (no mean feat), so I figured I was in good shape:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_repel_mark_a.gif" alt="" title="dpj_repel_mark_a" width="500" height="250" /><br />
</p>
<p class="small"><i>Repel</i> letter mark / 2001</p>
<p>
About a week after turning our work in, we got a generic email telling us to pick up our projects. The class collected randomly in a cold room with only a series of alphanumerically-coded bins. Each project was graded with a simple check (fine), check-minus (bad), or check-plus (good). My R got a check-minus. I was devastated. I instantly and deeply regretted my attempt to redress VCD. My attention span ran in 3-second intervals. My steel resolve was ripped to ribbons in the stroke of a pencil and it was all I could do to stay standing.<br />
<br />
The next day, I went to office hours to ask the professor how or if there was any way I could &#8220;save&#8221; this broken project for re-submission before our final deadline at the end of the quarter. Ironically, my enervation was assuaged by his mild amusement at this state, and his (equally mild) surprise at my grade. Apparently, the work had been reviewed by some mystery panel, whose makeup I never learned. At any rate, he suggested that the mark would be better if it were more geometric, so I made it more geometric:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_repel_mark_b.gif" alt="" title="dpj_repel_mark_b" width="500" height="250" /><br />
</p>
<p class="small"><i>Repel</i> letter mark (revision) / 2001</p>
<p>
I still think the original is better.<br />
<br />
The next project was unconventional and provocative, as it charged the students with conceptualizing an editorial perspective based on the interpretation of a given word, which would also serve as the title for the piece. My given word was &#8220;space.&#8221; My editorial perspective sparked by the word was that cyberspace was an unnatural, blocky layer inserted into the space of human interaction. I think I was onto something with this:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_space_poster_concept.jpg" alt="" title="dpj_space_poster_concept" width="500" height="750" class="alignnone size-full wp-image-217" /><br />
</p>
<p class="small"><i>Space</i> mini-poster sketch / 6in. x 9in.</p>
<p>
The angular computation of personal communication is kind of amusing, and it is pretty easy to get as a concept. Somehow I lost confidence in the idea, though, and I ended up with this:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_space_poster.jpg" alt="" title="dpj_space_poster" width="500" height="500" class="alignnone size-full wp-image-220" /><br />
</p>
<p class="small"><i>Space</i> mini-poster, 6in. x 9in. / 2001</p>
<p>
I really don&#8217;t like this solution at all (despite featuring my good friend <a href="http://www.tipped.co.uk/users/9" target="_blank">Joel</a> and his <a href="http://www.tipped.co.uk/users/24" target="_blank">wife</a>). It just doesn&#8217;t explain itself very well, even if you think about it for a while. I almost like it formally, but not really.<br />
<br />
I think the last project was billed as a poster for a conference, but it was really much more like a book cover, since the only type on it was only to be the name of a particular academic subject (have you ever seen a poster that just said &#8220;Math&#8221; on it?&#8230; that wasn&#8217;t for a band called &#8220;Math&#8221;?). After my dubious &#8220;Genetics&#8221; book cover experiment from three years prior, I was now on to &#8220;Biology.&#8221; There was an oddly un-intellectual requirement added to the set of parameters around the project: It had to have at least one circle, one line, and one rectangle in the composition (The students assigned &#8220;Geometry&#8221; were either really lucky or really stifled, depending on their perspective).<br />
<br />
I hit the books, myself, ransacking the University&#8217;s incredibly diverse and widespread array of science libraries for what I figured would be a goldmine of visual source material for reference and inspiration: specialized photography, process diagrams, illustrations, etc. The big surprise was that, either I didn&#8217;t look hard enough, or there wasn&#8217;t much to be had. This was perhaps the most interesting lesson of the project: Graphic design is a powerful means to express an idea, be it commercial, political, scientific, or otherwise, but it is terribly under-appreciated and/or under-utilized by all but those that are savvy enough to realize this and also have the means to engage the process (read: big business). It is a shame that designers are not well enough represented in the academic world to make the subject matter more engaging and easier to understand for more people, thus advancing research that much faster. Alas, if the interest is there (from either side of the fence), the money is not, so most scientific research is confined within black walls of dense paragraphs, built with sesquipedalian jargon. On a tangential note, the understanding of national politics, too, could be greatly enhanced by a few well-considered charts and graphs, but, although the money is there, the desire to clarify situations, positions, and plans has never seemed to be the most striking idea to those in or seeking political office.<br />
<br />
Now back to my book. I decided that, if this book were to be used to take a closer look at biology, it should get really close. I did find some decent microscopy images of varying magnification and scientific colorization that I set in a molecular composition with abstracted slides that together juxtaposed the organic subject matter and the scientific study thereof:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_biology_cover.jpg" alt="" title="dpj_biology_cover" width="500" height="500" class="alignnone size-full wp-image-221" /><br />
</p>
<p class="small"><i>Biology</i> book cover, 10in. x 16in. / 2001</p>
<p>
Compared my Genetics book cover, it&#8217;s still a bit frightening, but more intriguing and straightforward, as opposed to sinister and political.<br />
<br />
Another element of the new screening process was that, in addition to the final projects and any revisions one may have made thereto, every student was to also compile a process book that showed the different iterations they had gone through to arrive at their final solutions. Some things never change, though, and I was at one of the two industrial print shops in the city that <a href="http://www.flickr.com/photos/liyin/20515260/" target="_blank">Wire-O bound</a> books within the hour all materials were due. Luckily, I didn&#8217;t get a flat on my <a href="http://www.youtube.com/watch?v=AyvwtOQYQ-E" target="_blank">time trial</a> back to school.<br />
<br />
The icing on the cold cake of the new process was that they had replaced the &#8220;interviews,&#8221; in which two professors would call students in one at a time to explain how they had or had not passed into 206, and offer at least a modicum of praise, encouragement, or consolation, as appropriate. In 2001, one of two form letters were mailed to the student&#8217;s officially recorded home address. About a week after my final submissions were left on the table in room ART 230, I received my letter. I stared at the envelope for a few minutes before I opened it, and then I did.<br />
<br />
I had made it into 206—for the second time. I exhaled for about seven seconds.</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/09/14/back-to-school-time/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>There is No &#8220;Inc.&#8221; in &#8220;Team&#8221;</title>
		<link>http://www.danielpjohnston.com/graphic-language/2008/07/06/there-is-no-inc-in-team/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2008/07/06/there-is-no-inc-in-team/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 02:49:40 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Content / Architecture]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Interactive / Web]]></category>
		<category><![CDATA[Packaging / 3-Dimensional]]></category>
		<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Uniforms / Apparel]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=199</guid>
		<description><![CDATA[UBC monogram mark for Union Bay Cycling / 2001 A competitive cycling team, like all other kinds of teams, is a of a group of people with a similar interest; in this case, the team&#8217;s chief objective is to win bike races. The primary vehicle of a cycling team&#8217;s identity is the uniform that team [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_ubc_monogram_mark.gif" alt="" title="dpj_ubc_monogram_mark" width="500" height="250" class="alignnone size-full wp-image-247" /><br />
</p>
<p class="small"><i>UBC</i> monogram mark for Union Bay Cycling / 2001</p>
<p></p>
<p class="large">
A competitive cycling team, like all other kinds of teams, is a of a group of people with a similar interest; in this case, the team&#8217;s chief objective is to win bike races. The primary vehicle of a cycling team&#8217;s identity is the uniform that team members wear out racing and training. This identity is complicated, however, by the fact that competitive cycling is one of the very few sports in the world based on a sponsorship model, whereby commercial interests pay for some aspect of team operations in return for visible recognition on these uniforms. Almost invariably, this leads to a team&#8217;s identity being inextricably intertwined with the identity of their lead sponsors, which can change relatively frequently.
</p>
<p>
For example, most people would say that Lance Armstrong raced the last season of his career with the <a href="http://grahamwatson.com/gw/imagedocs.nsf/PhotosTest/05tdfSt4-012000" target="_blank">Discovery Channel</a> team, and that, before that, he was on the <a href="http://grahamwatson.com/gw/imagedocs.nsf/PhotosTest/04tourSt4-011000" target="_blank">U.S. Postal Service</a> team for six years or so, even though these were, for all intents and purposes, the exact same team, managed by Tailwind Sports.<br />
<br />
Union Bay Cycling (UBC) is a large Northwest cycling organization built around an elite-level team that races in local, regional, and national events at the pro/am level. UBC has been around, with the same leadership and core group of riders, for over a decade, but major sponsorship changes had made it seem like three or four disparate and relatively short-lived teams. For UBC, I worked with the team director to develop a long-term solution: a core identity system that accommodates prominent and unique recognition for lead sponsors, but embodies the unique heritage and dynamism of the team riders and stays consistent even with major sponsor changes.<br />
<br />
I began with the UBC monogram mark (above) that would immediately identify all communication touchpoints of the team: stationery for proposals, press releases and other correspondence, the web site, T-shirts, gear bags, and so on, and, of course, the all-important team kit, including jerseys, shorts, socks, water bottles, gloves, helmet graphics, and several other tertiary clothing articles.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/07/dpj_ubc_jerseys_ashmead.jpg" alt="" title="dpj_ubc_jerseys_ashmead" width="500" height="375" class="alignnone size-full wp-image-204" /><br />
</p>
<p class="small">Union Bay Cycling jerseys (long-sleeve front | short-sleeve back) / 2003; I also happened to have designed the <a href="http://www.holcam.com" target="_blank"><i>Holcam</i></a> logo on the jersey shoulders (but not their web site) / 2001</p>
<p>
The blue grid, an established device of the team, was reworked and became the foundation of this flexible system. The title sponsor was rewarded not only with the most prominent logo presence, but also with an expressive element emerging from the grid (in this case, the hands of Ashmead College, School of Massage), and other sponsors fit into pre-established hierarchical slots based on their respective levels of contribution&#8230;<br />
<span id="more-199"></span><br />
Just behind the team uniforms, the next most critical touchpoint of the organization&#8217;s identity was the team web site, which I also designed and coded. As it was my first major foray into Flash, the concept of the site probably outshone the rather clunky execution. I know enough about Flash to elucidate an idea, but not enough to &#8220;optimize&#8221; the experience as specialist programmers can. The layout is a bit dodgy in some regards as well. Nevertheless, the site brought the dynamism and personality of the team to the Internet within the context of the sponsored team identity concept.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/07/dpj_ubc_site_1.jpg" alt="" title="dpj_ubc_site_1" width="500" height="318" class="alignnone size-full wp-image-214" /><br />
</p>
<p class="small">Union Bay Cycling web site / 2002</p>
<p>
Here, too, the hands of Ashmead College emerged from the grid. The dynamic visual hook here was that the hands would actually move across the screen to &#8220;massage&#8221; the site from one page to the next.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/07/dpj_ubc_site_transition.jpg" alt="" title="dpj_ubc_site_transition" width="500" height="175" class="alignnone size-full wp-image-212" /><br />
</p>
<p class=small>the Ashmead hands in action, transitioning from the home page to the &#8220;Meet the Riders&#8221; landing page</p>
<p>
In addition to the layout and interactive execution, I also developed and wrote most of the content, including pithy, spirited interviews of team members that brought the individual personalities out of the uniforms.<br />
<br />
Over the years, the team identity concept was indeed tested, as other lead sponsors were considered—everything from wineries to gyms to car dealerships—and we illustrated these possibilities in various mockup sketches as part of the proposals. I won&#8217;t show these online, as I wouldn&#8217;t want to jeopardize these professional relationships. Imagine, though, for instance, in the case of the winery, vines of grapes or a hand toasting a goblet emerging from the grid; web pages being poured into the site. The possibilities, as they say, are endless.<br />
<br />
But, as long as I was involved with the team, the Ashmead massage school (and their hands) remained committed to the team, which was great, as they were more than just a name on the jersey; they were highly engaged in realizing the mutual promotional and educational potential of the partnership. As a case in point, one element of the relationship provided for the racers to be worked on weekly by the massage trainees, which, in itself, proved to be valuable experience for both groups. Moreover, the Ashmead jersey is probably the only racing uniform that allows racers to raise more than just two hands after a well-deserved victory.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/06/ingy_victory.jpg" alt="" title="ingy_victory" width="500" height="500" class="alignnone size-full wp-image-201" /><br />
</p>
<p class="small">team rider Ingy taking one of many team victories (photographer unknown) / 2001</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/07/06/there-is-no-inc-in-team/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Fat and Invisible at the Same Time</title>
		<link>http://www.danielpjohnston.com/graphic-language/2008/06/08/fat-and-invisible-at-the-same-time/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2008/06/08/fat-and-invisible-at-the-same-time/#comments</comments>
		<pubDate>Sun, 08 Jun 2008 20:12:26 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Signage / Display]]></category>
		<category><![CDATA[Uniforms / Apparel]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/2008/06/08/fat-and-invisible-at-the-same-time/</guid>
		<description><![CDATA[FatPort logo / 2001, 2008 Though the Internet has been around, in one form or another, for many decades, it had little public awareness until about twenty years ago. By the mid 1990s, the World Wide Web had been plotted by a smattering of amateur &#8220;home pages,&#8221; which generally consisted of some &#8220;lite&#8221; personal information [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_fatport_logo_revised.gif' alt='FatPort logo (revised)' /><br />
</p>
<p class="small"><i>FatPort</i> logo / 2001, 2008</p>
<p></p>
<p class="large">
Though the Internet has been around, in one form or another, for many decades, it had little public awareness until about twenty years ago. By the mid 1990s, the World Wide Web had been plotted by a smattering of amateur &#8220;home pages,&#8221; which generally consisted of some &#8220;lite&#8221; personal information about the site&#8217;s owner (or &#8220;webmaster&#8221;) and their hobbies (one of those invariably being &#8220;the Internet&#8221;). By the late 1990s, these folksy homes were being overwhelmed by the sprawl of &#8220;dot-coms&#8221; from corporate startups and stalwarts flocking to the new marketplace, and Internet tools like email were beginning to make their way into everyday practice. But, until the early 2000s, the only place in the whole wide world that one would likely experience these sites and services was from the office, or through their droolingly slow modem at home, which made anything but the most formal or mundane tasks a bit difficult for most folks.
</p>
<p>
Soon enough, though, many public establishments started offering wireless Internet service, enabling the populace to get out into the world and peruse the Web at office-like speeds from their own laptops at places that they already liked going, like coffee shops or bookstores. This service is often referred to casually as &#8220;Wi-Fi,&#8221; which is a contraction of &#8216;Wireless&#8217;&#8230; um&#8230;&#8217;Fidelity&#8217;??, a name created by those wacky kids over at <a href="http://www.interbrand.com" target="_blank">Interbrand</a> for <a href="http://www.wi-fi.org" target="_blank">an actual alliance</a> supporting the &#8220;IEEE 802.11b Direct Sequence&#8221; specifications (I&#8217;m not making this stuff up).<br />
<br />
Whatever the protocol may be named (or numbered, or whatever), one of the first Wi-Fi service providers primarily for consumer usage in public establishments was FatPort, a Vancouver, B.C. startup established by a few programmers, including my good friend <a href="http://www.ingy.net" target="_blank">Ingy</a>, who hired me to help develop the venture&#8217;s visual identity (but left a relatively short time thereafter).<br />
<br />
Before I was brought in, the name of this service had been established by the founders. A &#8220;fat port&#8221; is sort of programmer-slang for a good, wide-open connection. Ingy actually had the idea for a &#8216;fat&#8217; radio tower mark, which I thought was good, so I basically just did it. I then set the type in &#8220;fat&#8221; and &#8220;open&#8221; weights to reinforce the idea in a distinctive word-mark. The strong, simple palette of red, white and black hints at the Canadian roots of the program and is highly versatile for any number of applications&#8230;<span id="more-184"></span><br />
<br />
This is one of only a few projects that I feel compelled to show a revision of, as I can&#8217;t figure out why I did what I did initially. Above, I show how the logo would look if the radio tower mark (unchanged from my initial design) was paired with type set in the quintessential Modern, geometric, sans-serif <i>Futura</i>, which echoes the weight and geometric nature of the radio tower quite nicely, if I do say so, myself. However, the original logo was set with modified weights of <i>Hoefler Text</i>, which is a perfectly fine serif face (particularly suited to lengths of copy, as the name suggests), but has very little correlation with the mark, and whose &#8220;fat&#8221; modification here borders on the comical. This didn&#8217;t come totally out of the blue, as the founders were not of the MBA set; they were an enterprising mix of fringe programmers (they called their mass consumer-facing business <i>FatPort</i>, after all). Their quirky quality is reflected in this setting, but the lockup is somewhat disjointed for the cause.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_fatport_logo.gif' alt='dpj_fatport_logo.jpg' /><br />
</p>
<p class="small">This is the original FatPort logo. The type on its own is actually pretty strong, overall, and works well with identity extensions like the &#8216;Network&#8217; logo below. It&#8217;s just that it clashes with and overwhelms the tower mark, which is the hero of the lockup. / 2001</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/06/dpj_fatport_network_logo.jpg' alt='dpj_fatport_network_logo.jpg' /><br />
</p>
<p class="small">FatPort Network lockup (reversed out of black). Here is an example of the flexible modularity of color usage between black, red and white.</p>
<p>
Nevertheless, the logo, even with the original type, was a powerful signal to the strength of the offering and the resolve of the entrepreneurs&#8217; belief in its market potential. It was also instantly meaningful and unique. (This came well before T-Mobile&#8217;s comparably weak wordmark for it&#8217;s <a href="http://hotspot.t-mobile.com/: target="_blank">&#8220;HotSpot&#8221;</a> service and countless other emanating wave marks for other such services since).<br />
<br />
Applications of the identity in signage, equipment badges and representative identification provided a clear beacon for business and retail consumers alike:<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/06/dpj_fatport_signage_b.jpg' alt='dpj_fatport_signage_b.jpg' /><br />
</p>
<p class="small">clockwise from top-left: FatPort <i>inside</i> clear window decal for service providers like coffee shops, bookstores, libraries, etc., 6in. x 8in.; small FatPort equipment label, 2in. x .5in.; alternate FatPort <i>inside</i> window decal, 4in. x 5.5in.; Fatport <i>inside</i> representative button, 2in.ø</p>
<p>
And, it also happened to look tough as crap on a T-shirt:<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/06/dpj_fatport_tshirt.jpg' alt='dpj_fatport_tshirt.jpg' /><br />
</p>
<p class="small">FatPort T-Shirt; [cropped] front and full back</p>
<p>
And it worked! The business was a huge success from the very start and has grown dramatically since, now serving as the leading wireless Internet service provider in Canada and spreading. I hear the sunset calling (or is it emailing?)&#8230;<br />
<br />
But, alas, as any bookworm knows (remember books?), happy endings are for kids, and we&#8217;re all adults here. FatPort <a href="http://fatport.com/" target="_blank">changed their logo</a> a few years ago—and not just the typography; we&#8217;re talking full-on throw-out-the-baby redesign. I must say, I admire them for wanting to be different from the growing ranks of look-a-like logos for Wi-Fi service, but the new logo just doesn&#8217;t make sense: Why are they working so hard to keep the doors closed on the fat port? And if the original typography was not perfect, at least it had character (so to speak), as opposed to their anemic usage of Helvetica. On top of all that, the new mark looks like it belongs in a kid&#8217;s book, which just doesn&#8217;t go with the plot of this story.</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/06/08/fat-and-invisible-at-the-same-time/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Coffee Table</title>
		<link>http://www.danielpjohnston.com/graphic-language/2008/03/02/the-coffee-table/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2008/03/02/the-coffee-table/#comments</comments>
		<pubDate>Sun, 02 Mar 2008 18:57:30 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Industrial / Product]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/2008/03/02/the-coffee-table/</guid>
		<description><![CDATA[Coffee Table anticipatory web announcement; 500px. x 250px. + / 2001 (Click to see the announcement as it appeared on my web site.) In my entire life, I have had the equivalent of about one cup of coffee, all before I was in high school. Lured by the sheer &#8220;adultness&#8221; of it, I wrapped paws [...]]]></description>
			<content:encoded><![CDATA[<p><a href='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_coffee_table_announcement.html' title='dpj_coffee_table_announcement.html' target="_blank"><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_coffee_table_teaser.gif" alt="" title="dpj_coffee_table_teaser" width="500" height="250" class="alignnone size-full wp-image-266" /></a><br />
</p>
<p class="small"><i>Coffee Table</i> anticipatory web announcement; 500px. x 250px. + / 2001 <a class="small" href='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/03/dpj_coffee_table_announcement.html' title='dpj_coffee_table_announcement.html' target="_blank">(Click to see the announcement as it appeared on my web site.)</a></p>
<p></p>
<p class="large">
In my entire life, I have had the equivalent of about one cup of coffee, all before I was in high school. Lured by the sheer &#8220;adultness&#8221; of it, I wrapped paws around a few of those thick ceramic handles but my young palette was far too immature to appreciate the bittersweet complexity of the fabled bean and never did I finish a pour. I also have an annoyingly low tolerance for burning my mouth on hot things, which basically sealed that deal. When I was older and more likely to enjoy it (<i>&#8220;coffee&#8221;</i> had easily become my favorite flavor for anything that named it), I refrained from the temptation, prophesizing that it could become an unwieldy daily expense, and boy, would I have been right.
</p>
<p>
Nevertheless, there is something so damn <i>cool</i> about coffee that I could never deny. Luckily for me, it has very little to do with the drink, itself. Coffee&#8217;s transcendence from mere beverage to cultural phenomenon is perhaps superseded only by that of alcohol, but coffee&#8217;s affect (and effect) bears a decidedly more conscious flavor: an enduring symbol of learned European Modernity, a catalyst for artists and philosophers exchanging roles in Bohemian cultural movements, an enabler of late-night epiphanies and an antidote for the mornings after. A solitary indulgence or a shared experience for the aware.<br />
<br />
The objective devotions to the ritual of coffee are as deliberate and rich as the blends. Enormous, industrial <a href="http://www.lamarzocco.com/" target="_blank">machines</a> used to whistle down the most potent formulae at a preciously drizzling pace, sculptural <a href="http://www.alessi.it/catalogo/oggetto//coffee+pot/1617/2447/" target="_blank">carafes</a> of glass, aluminum and plastic, and of course the myriad cups. But the piece most concretely symbolic of the dedication to all that coffee represents is its forum: the coffee table&#8230; <span id="more-163"></span><br />
<br />
In my young twenties, I moved into my own apartment for the first time, and beginners&#8217; luck showed brightly on me. Situated at the nexus of <a href="http://en.wikipedia.org/wiki/Belltown,_Seattle,_Washington" target="_blank">Belltown</a>, the urban class epicenter of Seattle, the tall, slender unit alit the southwest corner of a vintage brick building that itself crowned a steep hill down to the bay a few blocks below. The arched keystone windows let in beaming views of the water, the mountains, the city skyline, the historic <a href="http://seattletimes.nwsource.com/html/pikeplacemarket/" target="_blank">Pike Place Market</a>, the sunset and the multifarious reverberations of the dot-com-boom bustle below. If ever there was a time and a place that beckoned a coffee table, this was it.<br />
<br />
Aside from quality craftsmanship, the most elusive and expensive feature of any piece of furniture is a right-angle. The everlasting obsession with antiquity has allowed for the permeation of meaningless scrolls, patterns, cherubs, anthropomorphic legs and other superfluous decoration that, in most cases, does little more than make cheap furniture seem like it&#8217;s not. Thus, I&#8217;ve always loved those heavy Italian rectangles from <a href="http://www.bebitalia.it/collezioni/bebitalia-scelta.asp?lingua=en&#038;ID_Collezione=1&#038;ID_Tipologia=9" target="_blank">B&#038;B Italia</a>, <a href="http://www.cassinausa.com/tables.html" target="_blank">Cassina</a>, <a href="http://www.porro.com/default.htm" target="_blank">Porro</a>, and so on. But even if I could have afforded such extravagance, I&#8217;m not sure I would have bit. Alas, I had something a bit different in mind.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/03/dpj_coffee_table_plans.jpg' alt='dpj_coffee_table_plans.jpg' /><br />
</p>
<p class="small"><i>Coffee Table</i> plans: (clockwise from top-left: wide side view [at 90º], top view, front view, narrow side view) / 2001</p>
<p>
My apartment was small. Almost all of my furniture had to serve more than one purpose. My coffee table would have to serve me dinner as well any beverages and large-format books customarily associated with such a piece. The distinguishing extra angle piece, then, is primarily for my plate and silverware. But it also works well for magazines, laptops, new albums, or whatever else may need close attention at the moment. When dinner is through, one can easily slide over a few inches and walk out freely from the table without ever having to move it. Two people can sit close in the opening or each can use the table differently. The extra angle also works well to keep a glass close at hand when relaxing crosswise on the neighboring sofa.<br />
<br />
Of course, I have a million kooky ideas like this. The only reason this particular plan ever came to fruition is because <i>IGT Heavy Industries</i> (my dad) graciously took on the task to actually build the thing. It&#8217;s constructed primarily of plywood, with a perfect <a href="http://formica.com/" target="_blank">Formica</a> top surface to keep it clean. The wood is all painted white, except for the black feet, meant to ground the piece and visually lower its profile.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/03/dpj_coffee_table_c.jpg' alt='dpj_coffee_table_c.jpg' /><br />
</p>
<p class="small"><i>Coffee Table</i>; plywood, Formica, fastening hardware; 48in. x 24in. x 16in. / 2001 (photo taken 2008)</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/03/dpj_coffee_table_b.jpg' alt='dpj_coffee_table_b.jpg' /><br />
</p>
<p class="small">Coffee Table (detail) / 2001 (photo taken 2008)</p>
<p>
There were tentative plans to build a complete system, including a desk and even a loft bed (that had to serve more than its named purpose, too). For the desk, the extra angle would serve as a mouse range, while my Mac G4 would sit within the base. On the bed, the angle would have served as a night stand platform, from which climbing rungs would have hung.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/03/dpj_desk_plan_a.jpg' alt='dpj_desk_plan_a.jpg' /><br />
</p>
<p class="small"><i>Desk (A)</i> plans (clockwise from top-left: narrow side view [at 90º], top view, wide side view [at 90º], back view, front view); In this version, my computer would sit completely within the desk structure, which would have small ports for cooling and access to peripherals. / 2001</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/03/dpj_desk_plan_b.jpg' alt='dpj_desk_plan_b.jpg' /><br />
</p>
<p class="small"><i>Desk (B)</i> plans (clockwise from top-left: narrow side view [at 90º], top view, wide side view [at 90º], back view, front view); In this version, a hidden platform would have sunken the computer partially into the rear portion of the desk. / 2001</p>
<p>
The other pieces in the system might have been interesting, but they wouldn&#8217;t have had the life of the coffee table. With each move from my Belltown flat, my spaces have shifted significantly, and the tailored set wouldn&#8217;t have made as much sense in subsequent apartments.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/03/dpj_coffee_table_a.jpg' alt='dpj_coffee_table_a.jpg' /><br />
</p>
<p class="small"><i>Coffee Table</i> (detail) / 2001 (photo taken 2008)</p>
<p>
But, since I took delivery of the coffee table from the showroom (my parents&#8217; house), I&#8217;ve moved three times and across the country, and I have acquired a few choice, museum-quality pieces from <a href="http://www.vitra.com/" target="_blank">Vitra</a> and the like. But my coffee table is still my favorite piece of furniture. It&#8217;s (multi-) functional, it&#8217;s unique, it&#8217;s well-built, and it makes for a great point of discussion, which seems pretty cool to me, even if it never sees an actual cup of coffee.</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/03/02/the-coffee-table/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
