<?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>TYPESETT &#187; General</title>
	<atom:link href="http://www.typesett.com/category/general/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.typesett.com</link>
	<description>Your AMUSING Resource for Useful Design, Typography and Web Dev Articles</description>
	<lastBuildDate>Thu, 25 Mar 2010 07:05:21 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How To Properly Archive Your Design Work</title>
		<link>http://www.typesett.com/2009/05/how-to-properly-archive-your-design-work/</link>
		<comments>http://www.typesett.com/2009/05/how-to-properly-archive-your-design-work/#comments</comments>
		<pubDate>Wed, 13 May 2009 06:08:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Archiving]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Print Design]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.typesett.com/?p=755</guid>
		<description><![CDATA[<strong>Archiving my past projects is something that I do not do well.</strong> It all somehow ends up in a box that I shove somewhere — and when I need it, I pray that it's still presentable. That's quite pathetic. However, I promise to change my ways and anybody who has the same issues can learn from my mistakes. <strong>Here's a simple five step guide to archiving your work:</strong>]]></description>
			<content:encoded><![CDATA[<p><strong>Archiving my past projects is something that I did not do well.</strong> It all somehow ends up in a box that I shove somewhere — and when I need it, I pray that it&#8217;s still in presentable shape. That&#8217;s quite pathetic on my part. However, I&#8217;ve changed my ways due to lack of space and anybody who has the same issues can learn from my recent archiving adventures. <strong>Here&#8217;s a simple five step guide to archiving your work reliably and efficiently:</strong></p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/how-to-archive-design-work.jpg" alt="Old Boxes" /><br />
<span id="more-755"></span></p>
<h5>1 — Keep Work That Has Lasting Value</h5>
<p><strong>The meaning of &#8220;important&#8221; is different for everybody but if you want to keep an efficient archive where you can easily find your work, don&#8217;t be afraid to part ways with non-essentials. </strong>Many people believe that their archives serve as an overview of their work and careers. <em>Does having three versions of the same postcard you designed at your first job really deserve a spot in your Hall of Fame? </em><br />
<img style="float: right; padding:5px;" src="http://www.typesett.com/wp-content/uploads/2009/05/step1.jpg" alt="Ford truck" /><br />
Having said that, keep other items from that project that shed more light on the actual design process such as sketches, print-outs, client testimonials and Polaroids. For those iffy items whose fate you just can&#8217;t decide upon — scrap the physical version and make sure you have it on disk to make your heart feel a little better. <em>Don&#8217;t worry, those postcards are in a better place and will live on in our hearts forever.</em></p>
<h5>2 — Logically Group Your Work Together</h5>
<p><strong><br />
This depends on what type of designer you are — whether you&#8217;re an in-house, freelance or design studio employee.</strong> When I was a in-house designer, I grouped everything by year and all I had to do was go to the year and the piece would usually be chronologically ordered (by stacking newest on oldest). Freelancers often group their projects by clients but under circumstances they like to group by type of project.<br />
<img style="float: right; padding:5px;" src="http://www.typesett.com/wp-content/uploads/2009/05/step2.jpg" alt="Cupcakes" /><br />
For example, my friend is a screen print designer and prefers to organize by apparel, paper medium and weird stuff like Frisbees. Now that I work in a studio atmosphere, I prefer to actually archive by year and type of project. So in the future, all I&#8217;d need to remember is the year and I should be able to find the type of project because they are grouped together (different than when I was in-house because grouping by client was more easier as their projects were similar in tone and subject matter). <strong>Do what makes most logical sense for your individual needs but year, client and category are good places to start.</strong></p>
<h5>3 — Store Your Work In Trusted Archive Quality Containers</h5>
<p><strong><em>There is no way around this one.</em> You&#8217;ll need to get your mitts on suitable vessels for your work to ensure longevity.</strong> Go online and get yourself some acid and lignin-free archive safe folders, boxes, tubes and what have you. Paper is often treated with acid because it aids writing but over time it breaks down paper.<br />
<img style="float: right; padding:5px;" src="http://www.typesett.com/wp-content/uploads/2009/05/step3.jpg" alt="Parachute" /><br />
That can translate to making your work brittle and yellow. Lignins are a natural substance found in wood (and therefore paper) that breaks down over time to create acid&#8230; which means brittle and yellow once again. If you&#8217;re in a bind but want to archive on a budget, buy some acid-free paper and cut it up to buffer your most valued pieces while in storage. <em>You can invest in some proper containment units when you have the means to do so.</em></p>
<h5>4 — Label It</h5>
<p><strong>You scoff at this suggestion now but we&#8217;ll laugh last when you&#8217;re confronted with several seemingly identical boxes staring you in the face when you need it most.</strong> For all the all-star lazies out there — take some post-it notes, capture the year, client and project of as many pieces you can muster and slap it onto the inside box lid, tape it to the exterior of the tube or someplace easy to spot. That&#8217;s the minimum you need to achieve to have some semblance of find-ability later on. Hopefully, if you organized your work logically, you&#8217;ll be able to find work contextually despite not doing careful inventory.<br />
<img style="float: right; padding:5px;" src="http://www.typesett.com/wp-content/uploads/2009/05/step4.jpg" alt="Hand Label" /><br />
 <strong>For every one else</strong>, take the time to label the box with what&#8217;s inside and perhaps even devise a simple system you can document. For example, you can have 3 boxes labeled A, B and C. Each letter can represent a year, a range of clients or a category of projects. The first box (or whichever vessel is most accessible) can be accompanied by a documented key explaining how the system works. Anybody who has ever had to remotely ask a wife, parent, sibling or roommate to search for something while you are away will see the value in this step. <strong>The amount of work you put in towards labeling will directly correlate into how easy you can find things later on (especially as the archive grows).</strong></p>
<h5>5 — Store It Somewhere Safe Away From Sunlight &#038; Water</h5>
<p><strong>Sunlight and water are the two arch enemies you must avoid at all costs.</strong> That means using your best judgment in keeping away from washing machines in the basement, anywhere near aquariums of any kind, a closet that has any appearance of water damage or anywhere else that has even a hint of danger.<br />
<img style="float: right; padding:5px;" src="http://www.typesett.com/wp-content/uploads/2009/05/step5.jpg" alt="Steel Safe" /><br />
If where you&#8217;re currently residing doesn&#8217;t offer a safe and hospitable environment for your archive think about leaving it in storage. Whether that be paid storage if you&#8217;re in a urban city like NYC or yo&#8217; mama&#8217;s house if that&#8217;s an option for you. <strong>It&#8217;s a risk you don&#8217;t want to take because these items are often irreplaceable. </strong></p>
<h5>6 (Bonus) — Digital Archives?</h5>
<p><strong><br />
Data media is cheap compared to the past, I keep my work on hard drives and back it up on DVD. </strong>Experts suggest that you keep equipment so that you can still access the old digital files but my personal preference is to export a high-res PDF and leave it at that (for closed projects and clients that are not coming back [thanks, Nick]). If I desperately needed something from an old project, a high-res PDF will suffice almost all of the time. <em>I would not keep an old computer or a zip-drive around anymore for the sake of backwards compatibility and instead focus on transferring them to new technology.</em></p>
<h5>Other articles of interest:</h5>
<p><a href="http://www.typesett.com/2009/04/demystifying-the-use-of-service-agreements/">Demystifying the Use of Service Agreements</a><br />
<a href="http://www.typesett.com/2009/05/a-practical-designers-guide-to-copyright/">A Designer’s Guide to Copyright</a></p>
<h5>Your comments are appreciated! </h5>
]]></content:encoded>
			<wfw:commentRss>http://www.typesett.com/2009/05/how-to-properly-archive-your-design-work/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>A Designer&#8217;s Guide to Copyright</title>
		<link>http://www.typesett.com/2009/05/a-practical-designers-guide-to-copyright/</link>
		<comments>http://www.typesett.com/2009/05/a-practical-designers-guide-to-copyright/#comments</comments>
		<pubDate>Wed, 06 May 2009 05:43:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Ethics]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.typesett.com/?p=701</guid>
		<description><![CDATA[<strong>I think most designers can stand to know more about copyright and how it pertains to their work.</strong> Here's a practical guide written just for designers with information from <a href="http://www.aiga.org/content.cfm/design-business-and-ethics">AIGA's Design and Business page</a> as well as from my first-hand experiences as a freelance designer, advertising agency production mule, in-house and design firm employee.]]></description>
			<content:encoded><![CDATA[<p><strong>I think most designers can stand to know more about copyright and how it pertains to their work.</strong> Here&#8217;s a quick practical guide written just for designers with information from <a href="http://www.aiga.org/content.cfm/design-business-and-ethics">AIGA&#8217;s Design and Business page</a>, <a href="http://www.copyright.gov/">U.S. Copyright Office Website</a> and my first-hand experiences as a freelance designer, advertising agency production mule, in-house and design firm employee.</p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/copyright-traffic-light.gif" alt="Copyright Traffic Illustration"><br />
<span id="more-701"></span></p>
<h5>So what&#8217;s copyrightable?</h5>
<p><strong>Any project you work on that is original and creative is copyrightable.</strong> While you can&#8217;t copyright things like an idea or a style because they lack a specific finished form, specific finished expressions of an idea or style can be copyrighted.</p>
<h5>What can you do with it?</h5>
<p><strong>The designer who owns the copyright has exclusive rights to license, reproduce and make derivatives from it.</strong> You can ask anyone who infringes on your copyright to stop and or take legal action against them. For you to be able to collect statuary damages though, you need to have the work registered with the Copyright Office before the infringement happened.</p>
<h5>Can I ever lose it?</h5>
<p><strong>You can transfer ownership of a copyright through a written agreement signed by the designer.</strong> When you die, you can transfer the ownership of the copyright to someone else and it will continue for another <em>70</em> years.</p>
<h5>Do I need to put copyright notices on everything now?</h5>
<p><strong>Designers are designated the copyright owner of their work as soon as it is created. </strong>However, putting the notice on your work has advantages&#8230; legal advantages. When you put your copyright on your work it informs the public that it is owned by somebody and that they can be liable if they choose to infringe. You can weigh the pluses and minuses and decide for yourself what is and what is not worthwhile to put a copyright notice.</p>
<h5>What is a copyright notice supposed to look like?</h5>
<p><strong>A copyright notice is composed of three elements:</strong></p>
<ul style="padding:0px; padding-left:15px;">
<li>It begins with the alert: &#8220;Copyright&#8221;, &#8220;Copr.&#8221; or &#8220;&copy;&#8221;
<li>
<li>The designer&#8217;s name (or what they are known as to the public)</li>
<li>The year of publication</li>
</ul>
<p>Fully constructed it looks like this: <strong>Copyright Joe Smith 2009</strong></p>
<h5>Do I need to register my work as well?</h5>
<p><strong>Registration is an official acknowledgment by the Copyright Office that you have an exclusive copyright.</strong> It will be most useful to you if you need to sue. Otherwise, the application fee is $30 and you&#8217;d have to make an individual decision if your work requires that type of protection.</p>
<h5>How does Fair Use apply to designers?</h5>
<p><strong>There are instances when using other people&#8217;s copyrighted work is not necessarily harmful and that&#8217;s what Fair use is.</strong> When debated in court, they look at many factors like if profit was made, the amount, the nature of the work and does it have a real effect on the value of the original copyright work.</p>
<h5>As an in-house employee for a company, do I own copyright of my work there?</h5>
<p>Human resources will usually have you sign a work-for-hire document that specifies that the work you produce is property of the company. So unless you have a written agreement that states otherwise, the company retains the copyright exclusivity.</p>
<h5>What if I work for a design firm?</h5>
<p>A design firm employee is no different than any other employee, so the same rules apply unless you have been allowed to retain copyright ownership. Furthermore, design firm partners are considered employees so they too require an agreement or the same rules will apply to them.</p>
<h5>What if I&#8217;m a freelancer?</h5>
<p>Once again, it&#8217;s considered work-for-hire so freelancers do not retain copyright. Companies who frequently work with freelancers usually make this clear when hiring. For freelancers working with smaller businesses, they should include copyright ownership language in their service agreements to prevent miscommunication.</p>
<p><em>If you have any specific issues with copyright, you should seek professional guidance. This article is meant to be a brief guide to help quickly educate designers on the importance of their copyrights. Visit the <a href="http://www.copyright.gov/">Official Copyright Office Website</a> for up to date documented copyright information.</em></p>
<h5>Other articles you may be interested in:</h5>
<p><a href="http://www.typesett.com/2009/04/demystifying-the-use-of-service-agreements/">Demystifying the Use of Service Agreements</a></p>
<h5>Did this article help you at all? let me know in the comments!</h5>
]]></content:encoded>
			<wfw:commentRss>http://www.typesett.com/2009/05/a-practical-designers-guide-to-copyright/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>50 Beautiful Gig Posters (Flatstock) For Your Inspiration</title>
		<link>http://www.typesett.com/2009/05/50-beautiful-gig-posters-flatstock-for-your-inspiration/</link>
		<comments>http://www.typesett.com/2009/05/50-beautiful-gig-posters-flatstock-for-your-inspiration/#comments</comments>
		<pubDate>Mon, 04 May 2009 05:59:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Print Design]]></category>

		<guid isPermaLink="false">http://www.typesett.com/?p=687</guid>
		<description><![CDATA[<strong>For those of us who ~heart~ music and art — gig posters are sometimes more beautiful than any Mona Lisa or Picasso painting.</strong> It's the combination of your favorite band with unbridled creative originality that usually does us in. "<em>Flatstock</em>" (as it's called in the industry) is most often small run/limited edition silk screen art work to promote a musical gig. The designers/studios these days gather up at an event and sell prints (such as at the SXSW or Pitchfork Music Festival for instance). <strong>Here is a sampling of 50 from some of the best studios around:</strong>]]></description>
			<content:encoded><![CDATA[<p><strong>For those of us who ~heart~ music and art — gig posters are sometimes more beautiful than any Mona Lisa or Picasso painting.</strong> It&#8217;s the combination of your favorite band with unbridled creative originality that usually does us in. &#8220;<em>Flatstock</em>&#8221; (as it&#8217;s called in the industry) is most often small run/limited edition silk screen art work to promote a musical gig. The designers/studios these days gather up at an event and sell prints (such as at the SXSW or Pitchfork Music Festival for instance). <strong>Here is a sampling of 50 from some of the best studios around:</strong></p>
<h5><a href="http://clintonreno.com/">Clinton Reno</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/cr-poster-2.jpg" alt="Clinton Reno" /><br />
<span id="more-687"></span><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/cr-poster-1.jpg" alt="Clinton Reno" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/cr-poster-3.jpg" alt="Clinton Reno" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/cr-poster-4.jpg" alt="Clinton Reno" /></p>
<h5><a href="http://bossconstruct.com/index.php">Boss Construct</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/bc-poster-1.jpg" alt="Boss Construct" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/bc-poster-2.jpg" alt="Boss Construct" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/bc-poster-3.jpg" alt="Boss Construct" /></p>
<h5><a href="http://thesmallstakes.com/">The Small Stakes</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/tss-poster-1.jpg" alt="The Small Stakes" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/tss-poster-2.jpg" alt="The Small Stakes" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/tss-poster-3.jpg" alt="The Small Stakes" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/tss-poster-4.jpg" alt="The Small Stakes" /></p>
<h5><a href="http://tinymediaempire.com/">Tiny Media Empire</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/tme-poster-1.jpg" alt="Tiny Media Empire" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/tme-poster-2.jpg" alt="Tiny Media Empire" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/tme-poster-3.jpg" alt="Tiny Media Empire" /></p>
<h5><a href="http://douze.de/">Douze</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/d-poster-1.jpg" alt="Douze" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/d-poster-2.jpg" alt="Douze" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/d-poster-3.jpg" alt="Douze" /></p>
<h5><a href="http://www.popfuel.com/">Pop Fuel</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/pf-poster-1.jpg" alt="Pop Fuel" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/pf-poster-2.jpg" alt="Pop Fuel" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/pf-poster-3.jpg" alt="Pop Fuel" /></p>
<h5><a href="http://deliciousdesignleague.com/">Delicious Design League</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/ddl-poster-1.jpg" alt="Delicious Design League" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/ddl-poster-2.jpg" alt="Delicious Design League" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/ddl-poster-3.jpg" alt="Delicious Design League" /></p>
<h5><a href="http://doublenaut.com/">Doublenaut</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/dn-poster-1.jpg" alt="Doublenaut" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/dn-poster-2.jpg" alt="Doublenaut" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/dn-poster-3.jpg" alt="Doublenaut" /></p>
<h5><a href="http://furturtle.com/">Furturtle</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/ft-poster-1.jpg" alt="Furturtle" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/ft-poster-2.jpg" alt="Furturtle" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/ft-poster-3.jpg" alt="Furturtle" /></p>
<h5><a href="http://gigart.com/">Gigart</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/ga-poster-1.jpg" alt="Gigart" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/ga-poster-2.jpg" alt="Gigart" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/ga-poster-3.jpg" alt="Gigart" /></p>
<h5><a href="http://www.heroandsound.com/">Hero Design Studio</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/hds-poster-1.jpg" alt="Hero Design Studio" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/hds-poster-2.jpg" alt="Hero Design Studio" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/hds-poster-3.jpg" alt="Hero Design Studio" /></p>
<h5><a href="http://luredesigninc.com/">Lure Design</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/ld-poster-1.jpg" alt="Lure Design" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/ld-poster-2.jpg" alt="Lure Design" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/ld-poster-3.jpg" alt="Lure Design" /></p>
<h5><a href="http://thedecoderring.com/">The Decoder Ring</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/tdr-poster-1.jpg" alt="The Decoder Ring" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/tdr-poster-2.jpg" alt="The Decoder Ring" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/tdr-poster-3.jpg" alt="The Decoder Ring" /></p>
<h5><a href="http://www.powerslidedesign.com/">Powerslide Design</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/psd-poster-1.jpg" alt="XYZ" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/psd-poster-2.jpg" alt="XYZ" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/psd-poster-3.jpg" alt="XYZ" /></p>
<h5><a href="http://strawberryluna.com/index-main.html">Strawberry Luna</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/sl-poster-1.jpg" alt="Strawberry Luna" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/sl-poster-2.jpg" alt="Strawberry Luna" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/sl-poster-3.jpg" alt="Strawberry Luna" /></p>
<h5><a href="http://spikepress.com/index.htm">Spike Press</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/05/sp-poster-1.jpg" alt="Spike Press" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/sp-poster-2.jpg" alt="Spike Press" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/05/sp-poster-3.jpg" alt="Spike Press" /></p>
<h5>Other Music Related Articles:</h5>
<h5><a href="http://www.typesett.com/2009/03/top-30-indie-band-websites/">Top 30 Indie Band Website Designs</a></h5>
<h5><a href="http://www.typesett.com/2009/03/30-awesome-designerly-band-t-shirts/">30 Awesome Designerly Band T-Shirts</a></h5>
<h5><a href="http://www.typesett.com/2009/04/25-inspiring-indie-band-websites/">25 Inspiring Indie Band Websites</a></h5>
<h5>Which was your favorite? Let me know in the comments!</h5>
]]></content:encoded>
			<wfw:commentRss>http://www.typesett.com/2009/05/50-beautiful-gig-posters-flatstock-for-your-inspiration/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Demystifying the Use of Service Agreements</title>
		<link>http://www.typesett.com/2009/04/demystifying-the-use-of-service-agreements/</link>
		<comments>http://www.typesett.com/2009/04/demystifying-the-use-of-service-agreements/#comments</comments>
		<pubDate>Wed, 29 Apr 2009 06:06:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Professional Standards]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.typesett.com/?p=656</guid>
		<description><![CDATA[<strong>One of the most popular questions designers ask are concerning payment and client relations pertaining to that subject.</strong> A few popular scenarios that may sound familiar:]]></description>
			<content:encoded><![CDATA[<p><strong>One of the most popular questions designers ask are concerning payment and client relations pertaining to that subject.</strong> A few popular scenarios that may sound familiar:</p>
<ul>
<li>&#8220;I completed 75% of the project but my client hasn&#8217;t paid the down payment yet!&#8221;</li>
<li>&#8220;My clients changed their minds and refuses to pay until the project has been completed!&#8221;</li>
<li>&#8220;The client claims the project was unsuccessful and refuses to pay!&#8221;</li>
<li>&#8220;My client is converting my print brochure into a website and other collateral!&#8221;</li>
</ul>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/aiga-service-agreement.jpg" alt="The Way To Great Client Relations" /><br />
<span id="more-656"></span><br />
<strong>This may seem callous but — you can&#8217;t blame a client for breaking an agreement if you didn&#8217;t have one formally in place!</strong> There was nothing to break. This article dismisses some mythical perceptions some people may have about service agreements. <em>Hopefully you will be convinced to use them in the future for your own protection.</em></p>
<h5>Myth #1 — Clients are Scared of &#8220;Contracts&#8221;</h5>
<p>Why would a client be scared of signing a service agreement? <strong>The fact that you are legally obligated to perform your professional duty to the best of your ability should be a clear signal that you are a competent, reliable and consummate professional.</strong> Granted, you may have to take extra care in how you present a service agreement to a client so that they understand its importance but it&#8217;s worth the effort as you can take this opportunity to gain more trust. If a client refuses to sign one, you have two options. <em>Take the risk or don&#8217;t but at least you know where you stand. </em></p>
<h5>Myth #2 — I Don&#8217;t Know Jack About Legal Mumbo Jumbo</h5>
<p><strong>Neither do I!</strong> That&#8217;s why we turn to professional resources such as the <a href="http://www.aiga.org">AIGA</a>. For those of you that don&#8217;t know, the AIGA is the professional association for design. They are a non-profit that has chapters all around the US and offers several levels of membership. Although membership has its perks, anybody can use their &#8220;AIGA Standard Form of Agreement for Design Services&#8221; as their official mission is to &#8220;advance design&#8221;.</p>
<h5>Myth #3 — It&#8217;s Just Too Hard</h5>
<p><strong>I&#8217;ve had my share of client relation issues</strong> and let me tell you, the aggravation and emotional distress involved far outweighs the hour or so you invest into making your personal service agreement. Do yourself a favor and protect yourself and your work.</p>
<p>Download the <a href="http://www.aiga.org/content.cfm/standard-agreement">AIGA Standard Form of Agreement for Design Services</a>.</p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/aiga-diagram.jpg" alt="The Way To Great Client Relations" /><strong><br />
This is an example of a basic structure of the document that AIGA recommends. </strong>Depending on the type of clientele you work with, I can see why some would skip the Cover Letter all together and have a very abbreviated Proposal Content section. It&#8217;s up to you, my personal inclination is for everybody to use some type of service agreement rather than none at all.</p>
<ul><strong>Overview:</strong></p>
<li>1. Cover Letter</li>
<li>2. Proposal Contents</li>
<li>3. Basic Terms and Conditions</li>
</ul>
<p>In my experience, client interaction is one of the most crucial aspects of a successful project. I would use the cover letter to quickly reaffirm why we&#8217;re a perfect fit for each other and try to mildly excite the client to be working on this project with me. </p>
<ul><strong>1 — Cover Letter:</strong></p>
<li>1. Greeting</li>
<li>2. Short and Professional Acknowledgment of Opportunity Presented</li>
<li>3. Signature</li>
</ul>
<p>Depending on how experienced your client is working with designers, this section&#8217;s depth should be adjusted. Use this opportunity to teach them a little about what actually goes on in your design process as well as showing your client how much you understand their challenge. It will help them realize that you are a valuable asset.</p>
<ul><strong>2 — Proposal Contents:</strong></p>
<li>1. Project Overview</li>
<li>2. Basic Objectives</li>
<li>3. Process</li>
<li>4. Milestones</li>
<li>5. Fees/Expenses</li>
<li>6. Work and Billing Schedules</li>
</ul>
<p>AIGA provides a well designed, easy to read PDF for you to peruse. It is written in plain English and very easy to scan/read through. If you can get through a jQuery tutorial, you can get through this PDF. After reading, copy and paste the Basic Terms and Conditions from the file as they suggest and you&#8217;re done.</p>
<ul><strong>3 — Basic Terms and Conditions</strong></p>
<li>1. Read the &#8220;AIGA Standard Form of Agreement for Design Services&#8221; </li>
<li>2. Customize the AIGA Template enclosed</li>
</ul>
<p>Let the client know at the end of your initial meeting that you require them to sign a basic services agreement and explain to them how it protects the both of you and ensures responsible professional service. It&#8217;s a really a no-brainer and it will save you from being that person you see in forums whining about their latest billing predicament.</p>
<h5>Myth Busted! &#8230;ummm &#8230;Demystified! Do you have any tips you&#8217;d like to share concerning agreements/contracts?!</h5>
]]></content:encoded>
			<wfw:commentRss>http://www.typesett.com/2009/04/demystifying-the-use-of-service-agreements/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>10 Smashingly Dapper Brewery Websites</title>
		<link>http://www.typesett.com/2009/04/10-smashingly-dapper-brewery-websites/</link>
		<comments>http://www.typesett.com/2009/04/10-smashingly-dapper-brewery-websites/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 04:48:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Best of Industry]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.typesett.com/?p=645</guid>
		<description><![CDATA[Drunk designer that I often am, beer coasters really catch my eye sometimes. Which got me thinking of how effectively breweries are marketing themselves online. To my surprise, virtually all of the beer companies I know of and wandered through in my research are very competent. There are some that offer exceptional examples either aesthetically, being innovative or in its overall presentation.]]></description>
			<content:encoded><![CDATA[<p><strong><em>Drunk designer that I often am</em>, beer coasters really catch my eye sometimes.</strong> Which got me thinking of how effectively breweries are marketing themselves online. To my surprise, virtually all of the beer companies I know of and wandered through in my research are very competent. <strong>There are some that offer exceptional examples either aesthetically, being innovative or in its overall presentation.</strong></p>
<h5><a href="http://www.brooklynbrewery.com/home/">Brooklyn Brewery</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/brooklyn-brewery.jpg" alt="Brooklyn Brewery Website Screen Shot" /><br />
<em>I admit some favoritism</em>, but the overall experience and energy of the website was executed very well.<br />
<span id="more-645"></span></p>
<h5><a href="http://www.pyramidbrew.com/">Pyramid Brewery</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/pyramid-brewery.jpg" alt="Pyramid Brewery Website Screen Shot" /><br />
Very simple and not very flashy in terms of technology but it is very well done overall and the ease of use is top notch. VERY un-annoying.</p>
<h5><a href="http://www2.guinness.com/en-GB/Pages/home.aspx">Guinness</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/guinness-brewery.jpg" alt="Guinness Website Screen Shot" /><br />
Guinness being a huge brewery managed to put together a neat well-crafted website — something the big American breweries couldn&#8217;t do. (Although Budweiser did come closest.)</p>
<h5><a href="http://www.bluemoonbrewingcompany.com/">Blue Moon Brewing Company</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/blue-moon-brewery.jpg" alt="Blue Moon Website Screen Shot" /><br />
Blue Moon and Rolling Rock both tried to capture the local/small town flavor of their brand. The little &#8220;Easter eggs&#8221; for everyone to find are a fun touch.</p>
<h5><a href="http://www.rollingrock.com/">Rolling Rock</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/rolling-rock-brewery.jpg" alt="Rolling Rock Website Screen Shot" /><br />
Rolling Rock tried to capture a small town newsletter feel which I felt offered it a unique look.</p>
<h5><a href="http://www.stellaartois.com/site#/en_US/">Stella Artois</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/stella-artois-brewery.jpg" alt="Stella Artois Website Screen Shot" /><br />
Stella Artois does a good job appearing as a premium brand. </p>
<h5><a href="http://www.pabstblueribbon.com/">Pabst Blue Ribbon</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/pabst-brewery.jpg" alt="Pabst Blue Ribbon Website Screen Shot" /><br />
&#8220;PBR&#8221; as people call it is essentially a cheap beer but they separate themselves by marketing a reaching out to their &#8220;following&#8221;.</p>
<h5><a href="http://www.peroniitaly.com/us/magazine/index.aspx">Peroni</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/peroni-brewery.jpg" alt="Peroni Website Screen Shot" /><br />
My former co-worker called this the &#8220;Budweiser of Italy&#8221; — I have no idea if that&#8217;s true or not but the website is pretty unique from all the others. It feels like some design portfolio websites I&#8217;ve been to.</p>
<h5><a href="http://us.redstripebeer.com/vending_home.htm">Red Stripe</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/red-stripe-brewery.jpg" alt="Red Stripe Website Screen Shot" /><br />
I think of Red Stripe as a hip party beer and I think it does a good job of portraying itself that way. </p>
<h5><a href="http://www.duvelusa.com/beer.php">Duvel</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/duvel-brewery.jpg" alt="Duvel Website Screen Shot" /><br />
Duvel is a premium beer like some of the others but they really believe in the &#8220;less is more&#8221; approach.</p>
<h5>Like this article? Raise a glass in the comments!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.typesett.com/2009/04/10-smashingly-dapper-brewery-websites/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>20 Astonishingly Intricate International Metro Maps</title>
		<link>http://www.typesett.com/2009/04/20-astonishingly-intricate-international-metro-maps/</link>
		<comments>http://www.typesett.com/2009/04/20-astonishingly-intricate-international-metro-maps/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 04:57:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Print Design]]></category>

		<guid isPermaLink="false">http://www.typesett.com/?p=628</guid>
		<description><![CDATA[<strong>Born and raised in Brooklyn, I grew up on the Orange lines of the NYC MTA.</strong> I used to stare deeply into the huge maps at each station waiting for my train to show up and have always been in awe of how much detail is in each square inch. <strong><em>Here are some of the most beautiful metro/transit maps from around the world. </em></strong>]]></description>
			<content:encoded><![CDATA[<p><strong>Born and raised in Brooklyn, I grew up on the orange lines of the NYC MTA.</strong> I used to stare deeply into the huge maps at each station waiting for my train to show up and have always been in awe of how much detail is in each square inch. <strong><em>Here are some of the most beautiful metro/transit maps from around the world. </em></strong></p>
<p><em>(I tried to focus on the most simplified &#8220;quick-view&#8221; versions meant for scanning on stations rather than intricate street combo versions. These versions have their own unique challenges like — <strong>readability</strong>, that I felt made them especially designerly.)</em></p>
<h5>Japan</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/3-japan-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/3-japan-sm.gif" alt="Japan Metro Map" />Click to Enlarge</a><br />
<span id="more-628"></span></p>
<h5>New York City</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/1-nyc-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/1-nyc-sm.gif" alt="New York City Metro Map" />Click to Enlarge</a></p>
<h5>London</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/2-london-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/2-london-sm.gif" alt="London Metro Map" />Click to Enlarge</a></p>
<h5>Hong Kong</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/4-hongkong-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/4-hongkong-sm.gif" alt="Hong Kong Metro Map" />Click to Enlarge</a></p>
<h5>Chicago</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/5-chicago-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/5-chicago-sm.gif" alt="XXX Metro Map" />Click to Enlarge</a></p>
<h5>Paris</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/6-paris-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/6-paris-sm.gif" alt="Chicago Metro Map" />Click to Enlarge</a></p>
<h5>Moscow</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/7-moscow-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/7-moscow-sm.gif" alt="Moscow Metro Map" />Click to Enlarge</a></p>
<h5>Montreal</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/8-montreal-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/8-montreal-sm.gif" alt="Montreal Metro Map" />Click to Enlarge</a></p>
<h5>Melbourne</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/9-melbourne-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/9-melbourne-sm.gif" alt="Melbourne Metro Map" />Click to Enlarge</a></p>
<h5>Munich</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/10-munich_lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/10-munich_sm.gif" alt="Munich Metro Map" />Click to Enlarge</a></p>
<h5>Oslo</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/11-oslo-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/11-oslo-sm.gif" alt="Oslo Metro Map" />Click to Enlarge</a></p>
<h5>Zurich</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/12-Zurich-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/12-Zurich-sm.gif" alt="Zurich Metro Map" />Click to Enlarge</a></p>
<h5>Madrid</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/13-madrid-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/13-madrid-sm.gif" alt="Madrid Metro Map" />Click to Enlarge</a></p>
<h5>Washington, D.C.</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/14-washington-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/14-washington-sm.gif" alt="Washington, D.C. Metro Map" />Click to Enlarge</a></p>
<h5>Boston</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/15-boston-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/15-boston-sm.gif" alt="Boston Metro Map" />Click to Enlarge</a></p>
<h5>Berlin</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/16-berlin-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/16-berlin-sm.gif" alt="Berlin Metro Map" />Click to Enlarge</a></p>
<h5>Barcelona</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/17-barcelona-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/17-barcelona-sm.gif" alt="Barcelona Metro Map" />Click to Enlarge</a></p>
<h5>Switzerland</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/18-switzerland-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/18-switzerland-sm.gif" alt="Switzerland Metro Map" />Click to Enlarge</a></p>
<h5>Milan</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/19-milan-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/19-milan-sm.gif" alt="Milan Metro Map" />Click to Enlarge</a></p>
<h5>Singapore</h5>
<p><a href="http://www.typesett.com/wp-content/uploads/2009/04/20-singapore-lg.gif"><img src="http://www.typesett.com/wp-content/uploads/2009/04/20-singapore-sm.gif" alt="Singapore Metro Map" />Click to Enlarge</a></p>
<p>I apologize for any mistakes due to language barriers. Please alert me to any mistakes so I can make corrections!</p>
<h5>What&#8217;s your favorite? I&#8217;m sure I missed some good ones, let me know in the comments!</h5>
]]></content:encoded>
			<wfw:commentRss>http://www.typesett.com/2009/04/20-astonishingly-intricate-international-metro-maps/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Comparing Websites of Rival Companies</title>
		<link>http://www.typesett.com/2009/04/comparing-websites-of-rival-companies/</link>
		<comments>http://www.typesett.com/2009/04/comparing-websites-of-rival-companies/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 05:38:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Comparison]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.typesett.com/?p=593</guid>
		<description><![CDATA[I was deciding between two places to eat today and had both websites side by side in browser tabs. I could have gone either way in terms of what I wanted to eat but the convenience factor of finding the location and/or being persuaded along the way of data finding made all the difference. As [...]]]></description>
			<content:encoded><![CDATA[<p><strong>I was deciding between two places to eat today and had both websites side by side in browser tabs. </strong>I could have gone either way in terms of what I wanted to eat but the convenience factor of finding the location and/or being persuaded along the way of data finding made all the difference. As usability theories predict, I patronized the company that didn&#8217;t waste my time. So I thought applying that same exercise to major rivals in the business world would be interesting. </p>
<p><em>This is NOT a in-depth design review of the websites. Judging based on usability, creativity and overall impression based actual task performance on the websites — I choose a &#8220;victor&#8221;.</em></p>
<h5><a href="http://www.adidas.com/us/homepage.asp">Adidas</a> vs. <a href="http://www.nike.com/nikeos/p/nike/en_US/?">Nike</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/adidas.jpg" alt="Adidas Website Screen Shot" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/04/nike.jpg" alt="Nike Website Screen Shot" /><br />
<span id="more-593"></span><br />
<strong>Usability:</strong> <em>Nike.</em><br />
Both cutting edge — but Nike is more organized and is more consistent moving between their content.<br />
<strong>Creativity:</strong> <em>Nike.</em><br />
Adidas&#8217;s website may be more &#8220;innovative&#8221; but Nike is actually doing more with sports community like with their <a href="http://www.nike.com/nikeos/p/nikebasketball/en_US/ballers">&#8220;Ballers Network&#8221;</a> social network. To me, that&#8217;s being more creative than fancy Flash graphics.<br />
<strong>Overall:</strong> <em>Nike.</em><br />
Adidas&#8217;s website would actually annoy me if I had to visit it on a regular basis.</p>
<h5><a href="http://fender.com/">Fender</a> vs. <a href="http://www2.gibson.com/Gibson.aspx">Gibson</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/fender.jpg" alt="Fender Website Screen Shot" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/04/gibson.jpg" alt="Gibson Website Screen Shot" /><br />
<strong>Usability:</strong> <em>Gibson.</em><br />
Their website utilizes white space better. Scanning the content is easier when there are contrasting sections of positive and negative space.<br />
<strong>Creativity:</strong> <em>Gibson.</em><br />
They both show their beautiful guitars well but Gibson is more web savvy in attempting to build a community behind their products by allowing a ranking system and comments for the products.<br />
<strong>Overall:</strong> <em>Gibson.</em><br />
Fender&#8217;s website feels like it&#8217;s on the cusp of being out dated especially compared to their rival. </p>
<h5><a href="http://apple.com/">Apple</a> vs. <a href="http://www.microsoft.com">Microsoft</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/apple.jpg" alt="Apple Website Screen Shot" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/04/microsoft.jpg" alt="Microsoft Website Screen Shot" /><br />
<strong>Usability:</strong> <em>Apple.</em><br />
Microsoft just completely overloads you with options and is overwhelming. Apple does a better job of moving you closer to where you want to be.<br />
<strong>Creativity:</strong> <em>Apple.</em><br />
Apple is superior aesthetically in a functional way but also makes you feel excited about the products they sell.<br />
<strong>Overall:</strong> <em>Apple.</em><br />
Microsoft is a bigger company and serves a bigger market and my impression is that they do a good job trying to figure out how to serve their viewers. However, no excuses — the Apple experience extends to the website.</p>
<h5><a href="http://www.usa.canon.com/home">Canon</a> vs. <a href="http://nikonusa.com/">Nikon</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/canon.jpg" alt="Canon Website Screen Shot" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/04/nikon.jpg" alt="Nikon Website Screen Shot" /><br />
<strong>Usability:</strong> <em>Nikon.</em><br />
Nikon is much easier to use, find products and to surf in general. Canon is confusing, glitch-ey and unimpressive.<br />
<strong>Creativity:</strong> <em>Nikon.</em><br />
Your first impression of Canon is that it&#8217;s not that dated but the more you use it, the more it feels like they are a website generation behind Nikon.<br />
<strong>Overall:</strong> <em>Nikon.</em><br />
Canon is a international brand and although it must be difficult and expensive for them to operate, much less update — your competition is blowing you out of the water.</p>
<h5><a href="http://www.google.com">Google</a> vs. <a href="http://yahoo.com/">Yahoo</a></h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/google.jpg" alt="Google Website Screen Shot" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/04/yahoo.jpg" alt="Yahoo Website Screen Shot" /><br />
<strong>Usability:</strong> <em>Google.</em><br />
My personal preference for a utility website that I frequently visit is for it to be as singularly focused on that specific function as possible without the fluff. When I&#8217;m doing a search at work it just doesn&#8217;t feel professional to perform that task on a homepage with cheesy Yahoo Travel images of beach goers holding hands.<br />
<strong>Creativity:</strong> <em>Google.</em><br />
Neither could be accused of being &#8220;creative&#8221; in a aesthetic sense but Google did pioneer the sparse, minimalistic look we often see in other websites. Yahoo appears almost&#8230; dated.<br />
<strong>Overall:</strong> <em>Google.</em><br />
You can argue whether who has better search results but I personally prefer Google.</p>
<h5>What can we take away from this?</h5>
<p>A website user&#8217;s impression of usability, creativity and overall impression is <strong>not mutually exclusive</strong>. They are factors that come together as a package deal in a good website. I&#8217;ve never heard of this in a usability test but if your company is hiring impartial volunteers in a blind test — <strong>set up a test for your competition&#8217;s website as well.</strong> Then you will know how you stack up in a direct website to website comparison.</p>
<h5>Which websites did you prefer? Give me your picks in the comments!</h5>
]]></content:encoded>
			<wfw:commentRss>http://www.typesett.com/2009/04/comparing-websites-of-rival-companies/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Salty! — Morton Salt&#8217;s Umbrella Girls</title>
		<link>http://www.typesett.com/2009/04/salty-mortons-umbrella-girls/</link>
		<comments>http://www.typesett.com/2009/04/salty-mortons-umbrella-girls/#comments</comments>
		<pubDate>Mon, 06 Apr 2009 04:39:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.typesett.com/?p=516</guid>
		<description><![CDATA[One of the most famous examples of a brand's identity being forever tied with a illustration is Morton Salt's Umbrella Girl.</strong> They adopted it originally in 1914 because of their tag line; "When it Rains, It Pours". For those of you who don't know, the table salt we use today has a chemical in it that keeps it from clumping. Back in the day before they pioneered that solution, salt used to clump up all the time. That's where Morton Salt came in <em>with this innovative idea and clever marketing scheme.</em>]]></description>
			<content:encoded><![CDATA[<h5>Beautiful Illustration + Mod Feel = I&#8217;m in Love.</h5>
<p><strong><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/04/morton-salt-girl-close-up.jpg" alt="Morton Salt Girl - Preset Day Close Up" /><br />
One of the most famous examples of a brand&#8217;s identity being forever tied with a illustration is Morton Salt&#8217;s Umbrella Girl.</strong> They adopted it originally in 1914 because of their tag line; &#8220;<em>When it Rains, It Pours</em>&#8220;. For those of you who don&#8217;t know, the table salt we use today has a chemical in it that keeps it from clumping. Back in the day before they pioneered that solution, salt used to clump up all the time. That&#8217;s where Morton Salt came in <em>with this innovative idea and clever marketing scheme.</em><br />
<span id="more-516"></span></p>
<h5>Timeline — They Grow Up So Fast</h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/morton-salt-girl-timeline.jpg" alt="Morton Salt Girl - Timeline" /><br />
<strong>Early versions looked similar to Shirley Temple</strong> <em>— although in reality, the Morton Salt creation preceded Shirley Temple&#8217;s birth by almost a decade.</em> The golden age of the Umbrella Girl (1914-1940) does not stand out to me and looks dated even though it built the company&#8217;s image for a quarter of a decade. They lack the personality that I have come to love in the newer versions.<br />
<strong><br />
The 1941 revamp brought a significant change that would lead to the Umbrella Girl we know today.</strong> The improved printing techniques allowed them to use a bright yellow to offset that deep indigo. Also, the Umbrella Girl <em>now has longer hair in pig-tails and is literally glowingly happy in her expression.</em></p>
<h5>Lucia Lerner</h5>
<p>Leif Peng from <a href="http://todaysinspiration.blogspot.com/2007/09/lucia-lerner-commercial-artist.html">Today&#8217;s Inspiration Blog</a> writes that Lucia, who was an artist for a art studio in Chicago was responsible for the redesign. She transcended the 1941 illustration and brought the simple elegance of what I feel is the best Umbrella Girl. The Umbrella Girl needed to exist in a simpler line-art/outline style for the packaging first and that&#8217;s what Lucia probably was hired to do for them as Lucia excelled at that type of illustration. Once that was established, Morton Salt could hire any ad agency (and any art studio they chose) to provide appropriate advertising illustrations for the media requested. </p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/morton-salt-girl-1951.jpg" alt="Morton Salt Girl - 1951" /><br />
Leif suspects this ad came out of the same studio as the &#8220;Coppertone Tone Girl&#8221;. </p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/morton-salt-girl-1957.jpg" alt="Morton Salt Girl - 1957" /><br />
This is a style that any number of art studios at that time could have provided. This is probably my single most favorite image of the Umbrella Girl.</p>
<h5>Still Fresh</h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/04/morton-salt-girl-present.jpg" alt="Morton Salt Girl - Present" /><br />
<strong>The present day Umbrella Girl that was created in 1968.</strong> Even though I <em>love love love</em> 1950s era version, the newest iteration has massive visual appeal as well. It needed to be updated because the look that 1950s style quickly went out of style as the fifties and sixties came and went. <strong>Think of the shiny and happy Beatles when they first came on the scene in the mid-1950s versus the eternally mod and hip Beatles of the late 1960s.</strong></p>
<p>The Morton Salt Umbrella Girl is a fine example of how branding transcends itself through the years. <em>We better enjoy the packaging while we can because the next version will probably have her in Crocs, talking on a iPhone with a Chihuahua. </em></p>
<h5>Like the flavor of this article? We savor comments, so please serve up your thoughts!</h5>
<p>And yes, I&#8217;d appreciate it if you&#8217;d build in as many food puns into your comment as humanly possible.</p>
<p><a href="http://todaysinspiration.blogspot.com/2007/09/lucia-lerner-commercial-artist.html">Major thanks to Leif Peng from today&#8217;s inspiration blog! Go check it out!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.typesett.com/2009/04/salty-mortons-umbrella-girls/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>3 Beautiful Retro Photographic Manuals</title>
		<link>http://www.typesett.com/2009/03/3-beautiful-retro-photographic-manuals/</link>
		<comments>http://www.typesett.com/2009/03/3-beautiful-retro-photographic-manuals/#comments</comments>
		<pubDate>Tue, 31 Mar 2009 05:50:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.typesett.com/?p=447</guid>
		<description><![CDATA[<strong>When I used to live in NYC, I used to visit the Strands near Union Square all the time just to flip through old books. </strong>They just have a certain easy flair to them that just makes sense no matter what the subject matter is. <em>From the old-school science fiction illustrations to the out-of-date typography, they all have a certain flavor that the computer age pretty much ended.</em> <strong>I came across some old photographic manuals and I took some photos of the covers featuring some great examples of sans-serif typography and wonderful textbook-like interior diagrams:</strong>]]></description>
			<content:encoded><![CDATA[<p><strong><em>When I used to live in NYC</em>, I used to visit the Strands near Union Square all the time just to flip through old books. </strong>They just have a certain easy flair to them that just makes sense no matter what the subject matter is. From the old-school science fiction illustrations to the out-of-date typography, they all have a certain flavor that the computer age pretty much ended. Here are some old photographic manuals I came across that I took some photos of. <strong>The covers feature some great examples of sans-serif typography and wonderful textbook-like interior diagrams:</strong></p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/cover1.jpg" alt="Build Your Own Home Darkroom" /><br />
Wonderful, beautiful Helvetica&#8230; <em>My precious&#8230;</em><br />
<span id="more-447"></span><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/03/page1.jpg" alt="Diagram" /></p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/cover2.jpg" alt="Cinematagraphy" /><br />
Franklin Gothic with it&#8217;s awesome condensed versions featured on this cover. Notice how the &#8220;big C&#8221; has the end slope off in different directions?</p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/page2.jpg" alt="Diagram" /></p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/page3.jpg" alt="Diagram" /></p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/cover3.jpg" alt="Basic Photography Materials and Processes" /><br />
<strong>This one is a bit tougher</strong> — can anybody guess? <em>King of this post to the first to answer it correctly!</em></p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/page4.jpg" alt="Diagram" /><br />
A photograph of a photograph of the definition of a photograph&#8230;</p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/page5.jpg" alt="Diagram" /></p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/page6.jpg" alt="Diagram" /></p>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/page7.jpg" alt="Diagram" /></p>
<p><em>Don&#8217;t you love those lovely <strong>damaged edges</strong> on these books and that slightly <strong>sun damaged yellowed</strong> paper?!</em></p>
<h5>How do you like my photography skills? Let me know in the comments!</h5>
]]></content:encoded>
			<wfw:commentRss>http://www.typesett.com/2009/03/3-beautiful-retro-photographic-manuals/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Comparing Product Colors</title>
		<link>http://www.typesett.com/2009/03/comparing-product-colors/</link>
		<comments>http://www.typesett.com/2009/03/comparing-product-colors/#comments</comments>
		<pubDate>Mon, 30 Mar 2009 06:00:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Colors]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.typesett.com/?p=395</guid>
		<description><![CDATA[<strong>My original iPod Nano has been refusing to work correctly for awhile now (the forward button no longer responds) so I've been looking for it's replacement as of late.</strong> The new iPod Nanos come in ten colors compared to the two that I had to choose from back in 2005 (black and white i think). I thought the color offerings were solid but being a nosy designer I curiously went to the Zune website (even though there was no way I'd buy one) to see what colors they offered. <strong>Not knowing what to expect, I was kind of surprised the Zune colors were actually in a pretty different range than the iPods.</strong>]]></description>
			<content:encoded><![CDATA[<p><strong>What is the color of <em>stuff</em> these days?</strong>  What do companies do with color offerings when in competition with each other? Do they strive for uniqueness or is it better to not stray too far from the pack? <strong>Let&#8217;s take a informal look at some popular consumer products and see if we can learn anything from how they approach color.</strong> At the very least, it&#8217;s fun to pull the palette colors into a set and view it in a disassociated way <em>(like Adidas for example)</em>.</p>
<h5>iPod Nano <em>vs.</em> Microsoft Zune</h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/ipod.jpg" alt="Ipod Color Swatches" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/03/zune.jpg" alt="Zune Color Swatches" /><br />
<span id="more-395"></span><br />
The iPod Nano and Zune color offerings are very different as the Zune team decides to offer less &#8220;pop&#8221; and go with a slightly more mature feel. Honestly, the iPod colors are more appealing to me. <strong>For a product that is mostly used for entertainment, I think having a more &#8220;trendy&#8221; feel is actually appropriate.</strong> The iPod red is my favorite of the bunch. </p>
<h5>Nikon Coolpix  <em>vs.</em> Canon SD1100</h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/nikon.jpg" alt="Nikon Color Swatches" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/03/canon.jpg" alt="Canon Color Swatches" /><br />
The Nikon shares a similar palette with the Zune but Canon goes for a more pastel set. My guess is that these pocket cameras are aimed more towards the female demographic and that&#8217;s why Canon went that way. <strong>They look like bra colors to me.</strong></p>
<h5>Palm Centro  <em>vs.</em>  Nokia E63</h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/palm.jpg" alt="Palm Color Swatches" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/03/nokia.jpg" alt="Nokia Color Swatches" /><br />
<strong>These two popular &#8220;mid-range&#8221; smart phones break the trend and offer similar colors. </strong>Probably because with phones, features are vastly more important than superficial colors. Of the products so far, these are often used as business tools. The Centro offers unique colors to specific carriers. <em>Which kind of sucks for the consumer who is picky about their carrier.</em></p>
<h5>Gap &#8220;Summer T&#8221; <em>vs.</em> American Apparel &#8220;Summer T-Shirt&#8221;</h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/gap.jpg" alt="Gap Color Swatches" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/03/american-apparel.jpg" alt="American Apparel Color Swatches" /><br />
<strong>Breaking away from consumer electronics</strong> — Gap seems a little conservative compared with American Apparel (AA). I see a lot more trendy color offerings with AA. The brown, dark blue, dark teal, slate purple are staples of super trendy indie music t-shirts. <a href="http://www.typesett.com/2009/03/30-awesome-designerly-band-t-shirts/">See here for reference</a></p>
<h5>Reebok Classic <em>vs.</em> Adidas Superstar</h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/reebok-classic.jpg" alt="Reebok Classic Color Swatches" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/03/adidas-superstar.jpg" alt="Adidas Superstar Color Swatches" /><br />
Then I wondered about less recently trendy colors and compared apparel that&#8217;s been around awhile. With classic sneakers, the basic colors stay the same — black, navy, white and they come out with trendy colors every so often. <strong>With Adidas, they have a rich &#8220;football&#8221; tradition and unless I&#8217;m drunk again, it&#8217;s no surprise the palette shown here is akin to many South American country flag colors.</strong></p>
<h5>Mini Cooper <em>vs.</em> Volkswagen Beetle</h5>
<p><img src="http://www.typesett.com/wp-content/uploads/2009/03/mini-cooper.jpg" alt="Mini Cooper Color Swatches" /><br />
<img src="http://www.typesett.com/wp-content/uploads/2009/03/vw-beetle.jpg" alt="VW Beetle Color Swatches" /><br />
<strong>That led me to think if longevity had anything to do with it.</strong> So i tried to choose two similar cars that are hip and would be more likely to offer unique colors. <strong>It appears that they do try to avoid trendiness</strong> as the colors for both are very palatable although the Beetle colors do skew a bit feminine to me.</p>
<h5>So what did we learn today? Here are some practical ideas we can consider:</h5>
<p><strong><em>If you&#8217;re designing something&#8230;</em></strong><br />
<strong>new</strong>, you may want to stand out color-wise from the status quo to visually distinguish yourself .</p>
<p><strong><em>If you&#8217;re designing something&#8230;</em></strong><br />
<strong>meant to compete in the same space</strong> — skewing your colors to attract your bread and butter demographic might help.</p>
<p><strong><em>If you&#8217;re designing something&#8230;</em></strong><br />
<strong>where function is more important than form,</strong> maybe you can offer colors as a special incentive. </p>
<p><strong><em>If you&#8217;re designing something&#8230;</em></strong><br />
<strong>with s short shelf-life</strong>, it may allow you to be more trendy.</p>
<p><strong><em>If you&#8217;re designing something&#8230;</em></strong><br />
<strong>with longevity</strong>, you can offer special editions to generate interest/stay relevant as time passes.</p>
<p><strong><em>If you&#8217;re designing something&#8230;</em></strong><br />
<strong>with longevity but meant to be hip</strong>, you can stay conservative overall but be trendy skewing to the desired demographic.</p>
<h5>Was it good for you? Comment!</h5>
]]></content:encoded>
			<wfw:commentRss>http://www.typesett.com/2009/03/comparing-product-colors/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
