<?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>cmpatrick.com &#187; web design</title>
	<atom:link href="http://cmpatrick.com/category/design/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://cmpatrick.com</link>
	<description></description>
	<lastBuildDate>Thu, 24 Jun 2010 02:34:40 +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>this digital life</title>
		<link>http://cmpatrick.com/2009/05/07/thisdigitallife/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=thisdigitallife</link>
		<comments>http://cmpatrick.com/2009/05/07/thisdigitallife/#comments</comments>
		<pubDate>Thu, 07 May 2009 16:26:00 +0000</pubDate>
		<dc:creator>Craig Michael Patrick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://cmpatrick.com/?p=139</guid>
		<description><![CDATA[<p>In 1989, a television show called Dugee Howser, M.D., aired on the American Broadcast Network (<span class="caps">ABC</span>). Dugee was written to be a genius, acquiring his medical degree at age 14. In the show, Dugee kept a digital diary,&#8230;</p>]]></description>
			<content:encoded><![CDATA[	<p>In 1989, a television show called Dugee Howser, M.D., aired on the American Broadcast Network (<span class="caps">ABC</span>). Dugee was written to be a genius, acquiring his medical degree at age 14. In the show, Dugee kept a digital diary, marking the conclusion of every episode. This journal was broadcast into the homes of millions of people, sharing his thoughts, ideas, his&nbsp;story.</p>
	<p>In 1990, Tim Berners-Lee, an independent contractor at <span class="caps">CERN</span> - The European Organization for Nuclear Research - proposed a project he called hypertext. Today, we call them <em>links,</em> words with a visual cue to facilitate the sharing of information. Click it and they will&nbsp;come.</p>
	<p>1991: America Online shifted its focus to Internet services for the Windows operating system. <span class="caps">AOL</span> would make communicating on the Internet easy to use, simple to understand, and affordable for most households. But the Internet <em>demands</em> change, a massive gravity that creates perpetual motion. Bloated, cumbersome corporations are rarely capable of such action. Now, <span class="caps">AOL</span> is a dinosaur in a world of&nbsp;mammals.</p>
	<p>The <span class="caps">MP3</span> format becomes available in 1994. <span class="caps">MPEG</span> Layer 3 allows music to be compressed into tiny file sizes. The recording industry, plump on a 100% profit margin from <span class="caps">CD</span> sales is concerned, but unwavering in its business model. Recording industry administrative executives cannot agree on a plan so a “stay the course” mentality is&nbsp;maintained.</p>
	<p> 1999: Napster is born to the Internet, allowing data sharing from one computer to another. Almost overnight, a dozen other entities offer similar services. The <span class="caps">MP3</span> digital music format goes completely viral. Music is commoditized. The Internet devours a raw, bloody chunk of its first business model - physical&nbsp;distribution. </p>
	<p>By 2003 a number of studies are conducted on the Internet’s effect on socializing. In this same year, Facebook and MySpace are launched, simplifying the creation of personal web space with an added social component. Mark Zuckerberg, the creator of Facebook, was trying to get a girl off his mind by blogging. People begin to reach out, connect, and re-connect on the Web in a way e-mail cannot allow. User-empowerment defines the&nbsp;Internet.</p>
	<p>In 2004, Flickr, the online photo repository, is launched. The Internet now has a face, generally uncorrected in Photoshop, and it’s beautiful. Millions of smiles, tears, and fishing trips are shared&nbsp;online.</p>
	<p>Democratization of video comes to the Web in 2005 with YouTube, in part due to affordable personal digital video equipment. Desktop video editing software is both affordable and powerful enough to create decent quality digital movies. It’s only a matter of time before someone creates a low-budget movie that gets the attention of&nbsp;Hollywood.</p>
	<p>2006: <a href="http://www.twitter.com">Twitter</a> is born, an entirely usable short message service (<span class="caps">SMS</span>) for the rest of the Internet. Brevity is the mother of invention and 140 character messages spawn the concept of&nbsp;micro-blogging.</p>
	<p>This is our digital life&#8230;<!-- PHP 5.x -->
</p>
]]></content:encoded>
			<wfw:commentRss>http://cmpatrick.com/2009/05/07/thisdigitallife/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>imperfect circles</title>
		<link>http://cmpatrick.com/2009/03/21/imperfect-circles/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=imperfect-circles</link>
		<comments>http://cmpatrick.com/2009/03/21/imperfect-circles/#comments</comments>
		<pubDate>Sat, 21 Mar 2009 13:49:54 +0000</pubDate>
		<dc:creator>Craig Michael Patrick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[print design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://cmpatrick.com/?p=104</guid>
		<description><![CDATA[<p>As I write this, the Dell machine in my University office is droning incessantly, its fan sounding like an irritated refrigerator that can’t or <em>won’t</em> keep up to the sweltering summer temperatures. She’s old, my Dell, and bloated and&#8230;</p>]]></description>
			<content:encoded><![CDATA[	<p>As I write this, the Dell machine in my University office is droning incessantly, its fan sounding like an irritated refrigerator that can’t or <em>won’t</em> keep up to the sweltering summer temperatures. She’s old, my Dell, and bloated and can’t quite focus on the task at hand. Her processor clicks at me through the speakers when I Adobe my way through a design project, complying, slowly, yet protesting all the while. Binary&nbsp;complaints.</p>
	<p>Fortunately, at home, I work with something less <a href="http://www.microsoft.com/windows/">Rosanne</a> <a href="http://www.imdb.com/name/nm0001683/">Barr</a>, more <a href="http://www.apple.com/macpro/">Monica</a>&nbsp;<a href="http://www.imdb.com/name/nm0000899/">Bellucci</a>.</p>
	<p>Recently, I was contacted by Ron Mitchell, President of MTec Systems, for a logo redesign. MTec Systems is a turn-key organization, leveraging hardware, software, network communications, and Internet development. Ron requested that I nudge their branding a bit, modernize it. The new logo should&nbsp;be:</p>
	<ul>
	<li>Flexible, allowing for multiple media outlets (t-shirts, print collateral, web media,&nbsp;etc.).</li>
	<li>Present a platform from which the company can springboard to build its new&nbsp;brand.</li>
	<li>As always, work well in either color or black/white (meaning we will not be exploring 3-dimensional logo options like <a href="http://www.xerox.com/">Xerox</a> or <a href="http://www.att.com/gen/"><span class="caps">AT</span>&amp;T’s</a> new logos,&nbsp;respectively).</li>
	</ul>
	<p>Nothing new here, really. The above guidelines should apply to all logo design&nbsp;work.</p>
	<p>After looking at some of MTec’s promotional material and Web site, I scribbled down a number of metaphors (in my trusty <a href="http://www.moleskine.com">Moleskine</a>) to explore with the logo&nbsp;mark.</p>
	<ul>
	<li>Web&nbsp;development</li>
	<li>Firewalls</li>
	<li>Wireless&nbsp;Connectivity</li>
	<li>Networking</li>
	<li>Integration</li>
	</ul>
	<p>All of those seemed like worthwhile approaches, but after a number of sketches and conversations with myself, to myself, in the company of others, I chose to explore the concept of <span class="caps"><span class="caps">INTEGRATION</span></span>. It’s the raw, bloody heart of any networked computer system, it has an exceptionally marketable, positive message, and allows for a flexible&nbsp;approach.</p>
	<p>I view this part of the design process very much like finding the borders of a thousand piece jigsaw puzzle. To solve the puzzle, you need a framework to operate within. Once that framework is established, decisions may come very quickly, but finding the heart of your approach is key to any successful design&nbsp;project.</p>
	<p>Context is&nbsp;king.</p>
	<p>Exploring typographic options tend to take the most of my time once the context of the logo mark is discovered. I whittle away the hours of the evening at <a href="http://www.typography.com/home/">Hoefler <span class="amp">&amp;</span> Frere-Jones</a>, looking for that typeface that properly communicates the context for which I’m&nbsp;searching.</p>
	<p>In this instance, the choices came fairly quickly, but the decision took a bit of work. I wanted a generally approachable sans-serif typeface – friendly and light weight yet corporate. <a href="http://en.wikipedia.org/wiki/Caslon">Caslon</a> was in the running, as was <a href="http://en.wikipedia.org/wiki/Futura_(typeface)">Futura</a>. Ultimately, I chose to work with <a href="http://en.wikipedia.org/wiki/Gill_Sans">Gill Sans</a>. I felt the cut of the stem of the lowercase ‘t’ was particularly interesting and worked well with my theme of integration. Unfortunately, the ‘m’ didn’t want to play well in&nbsp;context.</p>
	<p>Hence, artistic license. I cut the stem of the ‘m’ to complement the ‘t’ and create a manner of consistency between the two&nbsp;letterforms.</p>
	<p>The next step in my design process is creating form from the previous foundation work. Having established my context from company research, chosen the iconography of my typefaces (and whatever variations to that typeface required to complement the context), I pursue the word mark, the icon, that will further complement the logo design. All letterforms, shapes, and spaces are game in this step of my&nbsp;process.</p>
	<p>Exploring the context of <span class="caps"><span class="caps">INTEGRATION</span></span>, I‘ve uploaded the important steps of this process to my <a href="http://www.flickr.com/photos/cmp839/sets/72157605579620900/">Flickr account</a> to better embellish on the flexibility, the malleability of this step. While the sketches do not clearly indicate my type choice (a conscious decision on my part to avoid restraint beyond the context I am working within), they should clearly denote my progression from one topic to another as I try to hone in on the&nbsp;mark.</p>
	<p>Integration, yet simplicity. Networking. A number of computer components working in tandem, fluidly, to provide an information rich environment. One point connecting to another connecting to&nbsp;another.</p>
	<p>A perfect circle colliding with the letterforms. No, not colliding. <em>Integrating</em> with the letterforms, yet not so much as to obscure the readability of the&nbsp;letterforms.</p>
	<p>Color is the next step in my design process. There’s not much I can add here that hasn’t been stated or re-stated in one form or another on countless other design web logs. I keep color solutions simple to ensure cross media needs (clothing, print, web,&nbsp;etc.).</p>
	<p>After offering a number of options to the client, exploring several approaches, we landed on squarely on blue. Cool blue with a hint of red. <span class="caps"><span class="caps">PMS</span></span>&nbsp;288.</p>
	<p>And that’s my process. Structured, but flexible, allowing for special considerations with those picky clients. In this case, however, Ron was very satisfied with the final logo&nbsp;design.</p>
	<p>To better supplement this post, I’ve included a few links below of various other logo design techniques and approaches you may want to explore when you have a moment. While I don’t necessarily agree with their respective approaches, it’s worth exploring to be informed. Finding your own rhythm is the beauty of communication&nbsp;design.</p>
	<ul>
	<li><a href="http://justcreativedesign.com/2008/01/08/how-to-design-a-logo/">How to Design a Logo</a> from Just&nbsp;Creative</li>
	<li><a href="http://www.blog.spoongraphics.co.uk/tutorials/how-to-design-a-logotype-from-conception-to-completion">How to Design a Logo from Concept to Completion</a> from Spoon&nbsp;Graphics</li>
	<li><a href="http://www.peachpit.com/articles/article.aspx?p=677444">Find Your Identity</a> from&nbsp;Peachpit</li>
	</ul>
	<p>That’s a wrap. My Dell’s reluctantly silent now. I’m going to defragment her this weekend to see if this adjusts her attitude. Who knows? Maybe she’s just churning for retirement.<!-- PHP 5.x -->
</p>
]]></content:encoded>
			<wfw:commentRss>http://cmpatrick.com/2009/03/21/imperfect-circles/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
