<?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>flow14 &#187; design</title>
	<atom:link href="http://blog.flow14.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.flow14.com</link>
	<description>reflections on design, creativity, web development and more!</description>
	<lastBuildDate>Thu, 28 Apr 2011 03:25:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Staying Creative</title>
		<link>http://blog.flow14.com/2008/staying-creative/</link>
		<comments>http://blog.flow14.com/2008/staying-creative/#comments</comments>
		<pubDate>Fri, 05 Dec 2008 04:08:41 +0000</pubDate>
		<dc:creator>Kyle</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[leadership]]></category>
		<category><![CDATA[management]]></category>

		<guid isPermaLink="false">http://www.flow14.com/?p=568</guid>
		<description><![CDATA[I recently started a group for Creative Directors over on LinkedIn (the group is a precursor to yet-to-be unveiled project I&#8217;m developing) and I&#8217;ve been pleasantly surprised by the quality of the discussions. A recent discussion started with the question &#8230; <a href="http://blog.flow14.com/2008/staying-creative/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I recently started a group for Creative Directors over on <a href="http://www.linkedin.com">LinkedIn</a> (the group is a precursor to yet-to-be unveiled project I&#8217;m developing) and I&#8217;ve been pleasantly surprised by the quality of the discussions. A recent discussion started with the question of how to maintain your creative spark when you&#8217;re pulled out of a creative environment and dealing with left-brained folks all day.</p>
<p>I won&#8217;t include anyone else&#8217;s comments (although they&#8217;re welcome to comment here), but here&#8217;s my $.02 on the subject (slightly modified from my original comment on LinkedIn):</p>
<blockquote><p>1) I can&#8217;t picture a day when I&#8217;d want to step away from designing and the creative process. BUT the thing that&#8217;s constantly kicking my butt is the fact that I get pulled in so many different directions — meetings, emails, hallway meetings, mediation/counseling—the fun never ends. Don&#8217;t get me wrong, I truly enjoy what I do, but the trade-off is I can&#8217;t always give my projects as much attention as I&#8217;d like. I haven&#8217;t found (and don&#8217;t see) a design/management/leadership balance yet. </p>
<p>2) The first (and best) piece of advice I received when I was starting my career in the design world was to &#8216;hire people better than you&#8217;. Coming from the guy who just hired me, that sounded like really smart advice. : ) It&#8217;s something that I&#8217;ve tried to do since I put on a hiring hat (7 years ago—time flies), and it&#8217;s served me well. To earlier point(s), it&#8217;s humbling to get your butt kicked by a creative dyamo, but the good part is I learn a lot in the process and it pushes me to do better work.</p></blockquote>
<p>This is either a cautionary tale or good advice (I hope) for those looking to grow in their careers. What do you think? If you manage people, how do you maintain balance? If you&#8217;re a creative, how do keep your spark sparkin&#8217;?</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.flow14.com/2008/staying-creative/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fennec &#8211; the little things</title>
		<link>http://blog.flow14.com/2008/fennec-the-little-things/</link>
		<comments>http://blog.flow14.com/2008/fennec-the-little-things/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 02:33:42 +0000</pubDate>
		<dc:creator>Kyle</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[emotion]]></category>
		<category><![CDATA[fennec]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[mobile web]]></category>

		<guid isPermaLink="false">http://www.flow14.com/?p=520</guid>
		<description><![CDATA[I downloaded a copy of Fennec today &#8212; Mozilla&#8217;s experimental mobile browser optimized for touch screen mobile devices. If you&#8217;re either TK or one of the .00001% of the rest of the population who owns a Nokia N810, you can &#8230; <a href="http://blog.flow14.com/2008/fennec-the-little-things/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.mozilla.org/projects/fennec/1.0a1/releasenotes/"><img src="http://www.flow14.com/wordpress/wp-content/uploads/fennec-firstrun.jpg" alt="" title="Mozilla Fennec" width="150" height="103" class="alignnone size-full wp-image-522" /></a></p>
<p>I downloaded a copy of <a href="http://www.mozilla.org/projects/fennec/1.0a1/releasenotes/">Fennec</a> today &#8212; Mozilla&#8217;s experimental mobile browser optimized for touch screen mobile device<strike>s</strike>.</p>
<p>If you&#8217;re either <a href="http://tkartistatwork.blogspot.com/">TK</a> or one of the .00001% of the rest of the population who owns a <a href="http://www.amazon.com/Nokia-N810-Portable-Internet-Tablet/dp/B000Y4AH3C/ref=sr_1_1?ie=UTF8&#038;s=electronics&#038;qid=1224640218&#038;sr=8-1">Nokia N810</a>, you can test the browser in a real mobile environment.</p>
<p>For the rest of us, Mozilla&#8217;s been kind enough to <a href="http://www.mozilla.org/projects/fennec/1.0a1/releasenotes/#start">offer downloads</a> of Fennec that work in Windows, OS X and Linux.</p>
<p>It&#8217;s actually pretty aggravating to use a touch screen-optimized browser with a mouse and keyboard, but I was happy to see the thought they&#8217;ve put into the user experience.</p>
<p>Case in point, the settings screen:<br />
<a href="http://www.mozilla.org/projects/fennec/1.0a1/releasenotes/"><img src="http://www.flow14.com/wordpress/wp-content/uploads/fennec-settings.png" alt="" title="Mozilla Fennec - Settings Screen" width="630" height="399" class="alignnone size-full wp-image-525" /></a><br />
If you can&#8217;t read these, the items include gems like:<br />
<strong>Load images</strong> &#8211; Makes websites pretty<br />
<strong>Enable Javascript</strong> &#8211; Makes websites flashy<br />
<strong>Enable Plugins</strong> &#8211; Makes websites annoying</p>
<p>At SXSWi &#8217;08, there was a great panel called, &#8220;<a href="http://gettingemotional.com/">From Frustration to Elation</a>&#8221; that made the case that injecting emotions (like humor, happiness, empathy, etc.) into products, software and services helps people make positive connections with the experience, which can contribute to the difference between a successful product and a failure.</p>
<p>In an arena with a growing number of players (like <a href="http://www.torchmobile.com/">this</a>, <a href="http://www.operamini.com/">this</a> and <a href="http://www.apple.com/iphone/features/safari.html">this</a>), little things can have a big impact.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.flow14.com/2008/fennec-the-little-things/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Joe the Plumber?</title>
		<link>http://blog.flow14.com/2008/joe-the-plumber/</link>
		<comments>http://blog.flow14.com/2008/joe-the-plumber/#comments</comments>
		<pubDate>Thu, 16 Oct 2008 05:43:49 +0000</pubDate>
		<dc:creator>Kyle</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[joe the plumber]]></category>
		<category><![CDATA[mccain]]></category>
		<category><![CDATA[obama]]></category>
		<category><![CDATA[parody]]></category>
		<category><![CDATA[politics]]></category>

		<guid isPermaLink="false">http://www.flow14.com/?p=511</guid>
		<description><![CDATA[Continuing the recent thread of politically-themed design posts, I&#8217;ve created a campaign sign for Joe the Plumber, a new d-list celebrity introduced to the public by John McCain in the 3rd and final Presidential debate. As with another recent post, &#8230; <a href="http://blog.flow14.com/2008/joe-the-plumber/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="column span-8 prepend-4 append-4 last" style="margin-bottom:1.5em;"><a href="http://www.flow14.com/wordpress/wp-content/uploads/joe-the-plumber.jpg"><img src="http://www.flow14.com/wordpress/wp-content/uploads/joe-the-plumber.jpg" alt="" title="Joe the Plumber for President?" width="315" height="236" class="alignnone size-full wp-image-510" /></a></div>
<p>Continuing the recent thread of politically-themed design posts, I&#8217;ve created a campaign sign for <a href="http://news.google.com/news?hl=en&#038;ned=&#038;q=joe+the+plumber&#038;btnG=Search+News">Joe the Plumber</a>, a new d-list celebrity introduced to the public by John McCain in the 3rd and final Presidential debate.</p>
<p>As with another <a href="http://www.flow14.com/blog/2008/10/09/rethinking-republicans/">recent post</a>, I&#8217;m releasing this design with a Creative Commons license, so that anyone can grab the artwork and use it for any non-commercial endeavor (or at least come up with a cleverer slogan).</p>
<p><a href="http://www.flow14.com/wordpress/wp-content/uploads/joe-the-plumber-final.zip" onClick="javascript: pageTracker._trackPageview('/files/joetheplumber-vector');">Vector</a> <em>(.ai)</em>, <a href="http://www.flow14.com/wordpress/wp-content/uploads/joe-the-plumber-large.jpg" onClick="javascript: pageTracker._trackPageview('/files/joetheplumber-jpeg');">large jpeg</a></p>
<p><a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/us/88x31.png" /><br /></a>Licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/us/">Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 United States License</a>.</p>
<p>For my fellow font nerds, the Obama-like font is <a href="http://www.veer.com/search/results.aspx?keyword=avenir&#038;producttype=TYP">Avenir</a>, as I don&#8217;t have a copy of <a href="http://www.typography.com/fonts/font_overview.php?productLineID=100008">Gotham</a> handy.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.flow14.com/2008/joe-the-plumber/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>That Design is Money!</title>
		<link>http://blog.flow14.com/2008/that-design-is-money/</link>
		<comments>http://blog.flow14.com/2008/that-design-is-money/#comments</comments>
		<pubDate>Sat, 07 Jun 2008 01:03:32 +0000</pubDate>
		<dc:creator>Kyle</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[brands]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[nice]]></category>

		<guid isPermaLink="false">http://www.flow14.com/blog/?p=196</guid>
		<description><![CDATA[A really interesting and thorough look at the new Wells Fargo ATM interface (designed by Pentagram). Lots of good UI tidbits to be found here.]]></description>
			<content:encoded><![CDATA[<p>A <a href="http://physicalinterface.com/view/that-design-is-money">really interesting and thorough look</a> at the new Wells Fargo ATM interface (designed by <a href="http://www.pentagram.com/">Pentagram</a>). <strong>Lots</strong> of good UI tidbits to be found <a href="http://physicalinterface.com/view/that-design-is-money">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.flow14.com/2008/that-design-is-money/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Of Interest &#8211; May 8</title>
		<link>http://blog.flow14.com/2008/of-interest-may-8/</link>
		<comments>http://blog.flow14.com/2008/of-interest-may-8/#comments</comments>
		<pubDate>Thu, 08 May 2008 05:56:14 +0000</pubDate>
		<dc:creator>Kyle</dc:creator>
				<category><![CDATA[advertising]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[brands]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.flow14.com/blog/?p=189</guid>
		<description><![CDATA[Information Design Patterns &#8211; a nice collection of common information design approaches; includes detailed descriptions, usage and examples. QR codes are paving a way to share and hide media &#8211; I don&#8217;t think QR codes have really caught on in &#8230; <a href="http://blog.flow14.com/2008/of-interest-may-8/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://niceone.org/infodesign/">Information Design Patterns</a> &#8211; a nice collection of common information design approaches; includes detailed descriptions, usage and examples.</p>
<p><a href="http://hellyeahdude.com/articles/qr-codes-are-paving-a-way-tlo-share-and-hide-media/">QR codes are paving a way to share and hide media</a> &#8211; I don&#8217;t think QR codes have really caught on in the States, but I think they offer a lot of potential for unobtrusive mobile/real-world advertising.</p>
<p><a href="http://www.elsonue.com/2008/03/best-atm-interface-yet.html">Best ATM Interface Yet</a> &#8211; a nice write-up of the new Wells Fargo ATM interface &#8212; with pictures!</p>
<p><a href="http://brightkite.com/">Brightkite</a> &#8211; I&#8217;ve been using <a href="http://brightkite.com/">brightkite</a> for a few weeks now; I&#8217;m still trying to get a handle on the possibilities it offers &#8212; I&#8217;d like to see location-enabled integration with Yelp, Upcoming and other local-centric services and advertising. I think it could really take off with GPS-enabled phones and/or automated updates. If you&#8217;re looking for an invite, hit me up on <a href="http://twitter.com/flow14">twitter</a> or <a href="http://www.flow14.com/contact.html">e-mail</a>.</p>
<p>Speaking of twitter, <a href="http://jonathanfields.com/blog/jetblue-twitter-customer-service-or-to-spy/">Is JetBlue using twitter to spy on its customers…or blow their minds?</a> is a good read &#8212; describing one guy&#8217;s personalized big brother-type experience with a notable brand. I can envision a day when this approach becomes unmanageable for big companies (like when the lawyers get involved).  For now, it&#8217;s really exciting to see this kind of interaction with customers. </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.flow14.com/2008/of-interest-may-8/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>AnimalHavenKC.org redesign</title>
		<link>http://blog.flow14.com/2008/animalhavenkcorg-redesign/</link>
		<comments>http://blog.flow14.com/2008/animalhavenkcorg-redesign/#comments</comments>
		<pubDate>Sun, 03 Feb 2008 23:16:25 +0000</pubDate>
		<dc:creator>Kyle</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[flow14]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.flow14.com/blog/2008/02/03/animalhavenkcorg-redesign/</guid>
		<description><![CDATA[I am happy to announce the recent launch of a new website for Animal Haven, a fantastic Kansas City-area animal shelter. Animal Haven&#8217;s mission is to provide a higher quality of life for homeless pets through adoption, education and collaboration &#8230; <a href="http://blog.flow14.com/2008/animalhavenkcorg-redesign/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href='http://www.flow14.com/wordpress/wp-content/postimages/home_page-sm.jpg' title='Redesigned Animal Haven homepage' rel='lightbox'><img class='postImage' src='http://www.flow14.com/wordpress/wp-content/postimages/home_page-sm.thumbnail.jpg' alt='Redesigned Animal Haven homepage' /></a>I am happy to announce the recent launch of a new website for <a href="http://www.animalhavenkc.org">Animal Haven</a>, a fantastic Kansas City-area animal shelter. Animal Haven&#8217;s mission is to provide a higher quality of life for homeless pets through adoption, education and collaboration with the animal welfare community. They&#8217;ve been around since 1968, working hard to place homeless pets in good homes.</p>
<p><a href='http://www.flow14.com/wordpress/wp-content/postimages/old_homepage.jpg' title='Old Animal Haven homepage' rel='lightbox'><img class='postImage' src='http://www.flow14.com/wordpress/wp-content/postimages/old_homepage.thumbnail.jpg' alt='Old Animal Haven homepage' /></a> A friend of mine connected me with the staff at Animal Haven a few months ago. At the time, they had a website that was hard to maintain, difficult to navigate and not focused on their goal: adoptions. After talking with the staff and learning where they wanted to take the organization and the website, I was able to design a site that better addressed their audience and their mission.</p>
<p>The homepage was revamped to prominently feature adoptions; random photos of their adoptable pets (courtesy of <a href="http://www.petfinder.com">PetFinder.com</a>) are immediately visible, and visitors can view all of Animal Haven&#8217;s <a href="http://www.animalhavenkc.org/adoptions/view_adoptable_pets/">adoptable pets</a> without leaving the site. I integrated tools they were already using, like Google Calendar for <a href="http://www.animalhavenkc.org/blog/calendar_of_events/">events</a> and Google Checkout for donations. Thanks to the new content management system, they can easily manage the site and incorporate content from <a href="http://www.animalhavenkc.org/about_us/">YouTube</a> and <a href="http://www.animalhavenkc.org/ways_to_help/volunteer/">PhotoBucket</a>. Last but not least, I added a <a href="http://www.animalhavenkc.org/blog/">blog</a> to help them share their success stories, shelter news, event information and more.</p>
<p>I&#8217;m really happy with the results; special thanks to the staff at Animal Haven for all of their input and effort. If you&#8217;re in the Kansas City area and you&#8217;d like to adopt a pet, <a href="http://www.animalhavenkc.org">AnimalHavenKC.org</a> is the place to go.</p>
<p><strong>Results:</strong><br />
Since launching the site two weeks ago, overall visits have increased 38.5%. Pageviews have increased 180%. The bounce rate has dropped over 72% &mdash; from 66% to 18%,  the average time spent on the site has increased 144%, and blog subscriptions have been increasing every day.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.flow14.com/2008/animalhavenkcorg-redesign/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>TripAdvisor redesigns (beta)</title>
		<link>http://blog.flow14.com/2007/tripadvisor-redesigns-beta/</link>
		<comments>http://blog.flow14.com/2007/tripadvisor-redesigns-beta/#comments</comments>
		<pubDate>Sat, 20 Oct 2007 03:03:33 +0000</pubDate>
		<dc:creator>Kyle</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[nice]]></category>

		<guid isPermaLink="false">http://www.flow14.com/blog/2007/10/19/tripadvisor-redesigns-beta/</guid>
		<description><![CDATA[TripAdvisor, the travel site that has never let me down, has cracked the lid on their new site &#8212; see it here. Overall, it&#8217;s a huge improvement — the effort and planning involved are evident in the information design and &#8230; <a href="http://blog.flow14.com/2007/tripadvisor-redesigns-beta/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://beta.tripadvisor.com/">TripAdvisor</a>, the travel site that has never let me down, has cracked the lid on their new site &mdash; <a href="http://beta.tripadvisor.com/">see it here</a>. Overall, it&#8217;s a huge improvement — the effort and planning involved are evident in the information design and user experience. It&#8217;s much easier on the eyes thanks to the wider layout, increased whitespace, rounded corners and more. Congrats to the design team, whoever you are. </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.flow14.com/2007/tripadvisor-redesigns-beta/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lovely laser cuts</title>
		<link>http://blog.flow14.com/2007/lovely-laser-cuts/</link>
		<comments>http://blog.flow14.com/2007/lovely-laser-cuts/#comments</comments>
		<pubDate>Fri, 19 Oct 2007 05:11:35 +0000</pubDate>
		<dc:creator>Kyle</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[nice]]></category>

		<guid isPermaLink="false">http://www.flow14.com/blog/2007/10/18/lovely-laser-cuts/</guid>
		<description><![CDATA[Refill7 is a very cool project from Refill Magazine (I&#8217;m not afraid to admit I&#8217;ve never heard of it.) &#8212; they&#8217;ve asked 50 artists to design their own decks by lasering through 7 layers of plywood. There&#8217;s a ginormous gallery &#8230; <a href="http://blog.flow14.com/2007/lovely-laser-cuts/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.refillseven.com/" title="Refill7">Refill7</a> is a very cool project from <a href="http://www.refillmag.com/" title="Refill Magazine">Refill Magazine</a> (I&#8217;m not afraid to admit I&#8217;ve never heard of it.) &mdash; they&#8217;ve asked 50 artists to design their own decks by lasering through 7 layers of plywood.</p>
<p>There&#8217;s a <a href="http://www.flickr.com/photos/7259223@N05/sets/72157594580141913/">ginormous gallery</a> of the decks at Flickr that highlights the <a href="http://www.flickr.com/photos/7259223@N05/417303158/in/set-72157594580141913/">really cool</a> and <a href="http://www.flickr.com/photos/7259223@N05/522992351/in/set-72157594580141913/">highly detailed</a> <a href="http://www.flickr.com/photos/7259223@N05/417267634/in/set-72157594580141913/">designs</a> with Laser cutting by <a href="http://www.p2020.com.au/">Precision 20|20.</a></p>
<p><em><a href="http://www.veer.com/ideas/">via Veer</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.flow14.com/2007/lovely-laser-cuts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Puma&#8217;s Wit &amp; Wisdom</title>
		<link>http://blog.flow14.com/2007/pumas-wit-wisdom/</link>
		<comments>http://blog.flow14.com/2007/pumas-wit-wisdom/#comments</comments>
		<pubDate>Thu, 18 Oct 2007 01:36:18 +0000</pubDate>
		<dc:creator>Kyle</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[brands]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[nice]]></category>

		<guid isPermaLink="false">http://www.flow14.com/blog/2007/10/17/pumas-wit-wisdom/</guid>
		<description><![CDATA[I finally made it to the new Puma store at my local mall to grab a fresh pair of kicks and when I got them home I was pleasantly surprised to find this clever message on the bottom of my &#8230; <a href="http://blog.flow14.com/2007/pumas-wit-wisdom/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I finally made it to the new Puma store at my local mall to grab a <a href="http://store.puma.com/pumaUSStore/product.asp?catalog%5Fname=PumaUS&#038;category%5Fname=MensNewStuffFootwear&#038;product%5Fid=30150901&#038;productType=Footwear&#038;mainCategory=Men&#038;shopBy=style&#038;siteid=1">fresh pair of kicks</a> and when I got them home I was pleasantly surprised to find this clever message on the bottom of my shopping bag:</p>
<p><a rel="lightbox" href='http://www.flow14.com/wordpress/wp-content/postimages/puma-sack-lg.jpg' title='Puma’s shopping bag'><img src='http://www.flow14.com/wordpress/wp-content/postimages/puma-sack-lg.jpg' width='450' height='249' alt='Puma’s shopping bag - click to enlarge' /></a></p>
<p>It reads:<br />
&#8220;CAUTION: THIS IS NOT A TOY. Obviously, it&#8217;s just a bag. OK, we didn&#8217;t really think you would mistake it for a games consol. [sic] All we mean is don&#8217;t fool around and put it on your head, you&#8217;ll just look silly.&#8221;</p>
<p>It&#8217;s always fun to find little bits of unexpected humor in seemingly mundane places&#8230; kudos to the copywriter! Shame on the proofreader though&#8230; unless there&#8217;s an alternate spelling for &#8220;console&#8221; that I&#8217;m not aware of.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.flow14.com/2007/pumas-wit-wisdom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 steps to subtle suede</title>
		<link>http://blog.flow14.com/2007/7-steps-to-subtle-suede/</link>
		<comments>http://blog.flow14.com/2007/7-steps-to-subtle-suede/#comments</comments>
		<pubDate>Thu, 02 Aug 2007 04:40:41 +0000</pubDate>
		<dc:creator>Kyle</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.flow14.com/blog/2007/08/01/7-steps-to-subtle-suede/</guid>
		<description><![CDATA[There&#8217;s a new soon-to-be-overused web design technique making its way across the internets. I don&#8217;t know if it has a name yet, so I&#8217;ll dub it&#8230; subtle suede. (Sandpaper would have worked too, but it doesn&#8217;t sound as sexy.) I &#8230; <a href="http://blog.flow14.com/2007/7-steps-to-subtle-suede/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s a new soon-to-be-overused web design technique making its way across the internets. I don&#8217;t know if it has a name yet, so I&#8217;ll dub it&#8230; subtle suede. <em>(Sandpaper would have worked too, but it doesn&#8217;t sound as sexy.)</em> I first used it on a <a href="http://developer.garmin.com">work project</a>, then <a href="http://www.flow14.com/blog/">this blog</a>, but I think the technique received its widest acclaim thanks to <a href="http://www.blueflavor.com/">Blue Flavor&#8217;s</a> tasty <a href="http://getleaflets.com">Leaflets</a> site.</p>
<p>It super easy to create&#8230; all you need is Photoshop and a few minutes to kill. Here&#8217;s the how-to: <span id="more-117"></span></p>
<p>1. Create your canvas. This texture repeats fairly seamlessly, so size doesn&#8217;t matter. I&#8217;ve selected 100&#215;100 to make things easy to see here.</p>
<p><img src='http://www.flow14.com/blog/wp-content/postimages/step01.jpg' alt='subtle-suede-step01' /></p>
<p>2. Fill your background layer with your favorite color.</p>
<p><img src='http://www.flow14.com/blog/wp-content/postimages/step02.jpg' alt='subtle-suede-step02' /></p>
<p>3. Add a new layer and fill that with any ol&#8217; color.</p>
<p><img src='http://www.flow14.com/blog/wp-content/postimages/step03.jpg' alt='subtle-suede-step03' /></p>
<p>4. With your new layer highlighted, make some noise. Go to Filter &gt; Noise &gt; Add Noise&#8230;</p>
<p><img src='http://www.flow14.com/blog/wp-content/postimages/step04.jpg' alt='subtle-suede-step04' /></p>
<p>5. Leave Monochromatic checked, then tweak the Amount and Distribution values to your liking. My favorite values are picture here.</p>
<p><img src='http://www.flow14.com/blog/wp-content/postimages/step05.jpg' alt='subtle-suede-step05' /></p>
<p>6. Time to make it subtle&#8230; set your blend mode to Soft Light and crank the opacity way down. I usually set mine to 8% — anything over 15% and the subtlety is lost.</p>
<p><img src='http://www.flow14.com/blog/wp-content/postimages/step06.jpg' alt='subtle-suede-step06' /></p>
<p>7. Done. If you&#8217;re using this for a background, add it to your stylesheet and repeat appropriately. See the finished result <a href="http://www.flow14.com/examples/subtle-suede.html">here</a> and <a href="http://www.flow14.com/examples/suede-gradient.html">here</a>.</p>
<p><img src='http://www.flow14.com/blog/wp-content/postimages/step07.jpg' alt='subtle-suede-step07' /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.flow14.com/2007/7-steps-to-subtle-suede/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

