<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Charfish Design</title>
	
	<link>http://www.charfishdesign.com</link>
	<description>Logo, Graphic and Web Design</description>
	<lastBuildDate>Tue, 03 Nov 2009 16:32:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/CharfishDesign" type="application/rss+xml" /><feedburner:emailServiceId>CharfishDesign</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>Ebook Design Myth: If I pay to get my ebook designed, I’m instantly losing money</title>
		<link>http://feedproxy.google.com/~r/CharfishDesign/~3/SqcMQExmnV4/</link>
		<comments>http://www.charfishdesign.com/professionalism/ebook-design-myth-if-i-pay-to-get-my-ebook-designed-i%e2%80%99m-instantly-losing-money/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 07:52:03 +0000</pubDate>
		<dc:creator>Charlie</dc:creator>
				<category><![CDATA[Case Studies]]></category>
		<category><![CDATA[Ebook Design]]></category>
		<category><![CDATA[Professionalism]]></category>

		<guid isPermaLink="false">http://www.charfishdesign.com/?p=324</guid>
		<description><![CDATA[Let me tell you a story&#8230;
At the end of 2007 I gave away a free ebook to my customers over at IgniteLiving.com, another site of mine. At the time, the site was only a couple months old and had exactly 17 RSS subscribers.
My plan was to offer a great ebook that would attract some visitors [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.charfishdesign.com/wp-content/uploads/2009/07/humansGuide.png" alt="humansGuide" title="humansGuide" width="260" height="240" class="alignright size-full wp-image-531" /></p>
<p><span class="dropcap">L</span>et me tell you a story&#8230;</p>
<p>At the end of 2007 I gave away a free <a href="http://www.igniteliving.com/goodies/" target="_blank">ebook</a> to my customers over at <a href="http://www.igniteliving.com" target="_blank">IgniteLiving.com</a>, another site of mine. At the time, the site was only a couple months old and had exactly 17 RSS subscribers.</p>
<p>My plan was to offer a great ebook that would attract some visitors and possibly some business. So, I wrote the book and designed the hell out of it. I gave it a slick cover, nice fonts and typography, a cool color scheme and made it available for free download.</p>
<p>When the post went live, a whole lot of nothing happened. Which is sort of what you&#8217;d expect of a site with 17 subscribers. But within a few days the ebook had been download dozens and dozens of times and my RSS subscriber count was going out the roof. </p>
<p>Even better, and far more important, were the comments and emails that started coming in. Relationships were blossoming all over the place, and before I knew it I’d made fast friends with quite a lot of people. And as will happen anywhere real relationships are born, a few of those connections were very valuable and are providing income to this very day.</p>
<p>All of that from one 30-page ebook that I published almost two years ago to a handful of people.</p>
<p>Of course, I designed it myself so it didn’t cost me a dime, but even if I’d paid $500 for it, it would have been well worth the price. (Oh, and don’t worry&#8230;$500 is NOT what I charge to design a 30-page book <img src='http://www.charfishdesign.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Now, let’s ask the obvious question. Would all that profit have happened, would all those relationships have been made if my ebook had been some hideous beast? No way in the furthest reaches of the icy plains of Hell.</p>
<p>So, read this and remember it well:</p>
<p><strong>Every single thing you produce right now, whether it&#8217;s an ebook or something else, free or not, <em>IS</em> a pre-launch to any future project you have.</p>
<p>The quality of what you do and produce right now is a barometer and compelling factor (good <em>or</em> bad) for anything you sell down the road.</strong></p>
<p>So, yes, be productive and be proactive. Get your stuff out there, but make it good, because people DO judge books by their covers.</p>
<p>And if you need help making it good, <a href="http://www.charfishdesign.com/contact/">contact me</a> and I’ll certainly help you out. You will probably get famous and end up on TV.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/CharfishDesign?a=SqcMQExmnV4:j41TRfMwkhQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/CharfishDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/CharfishDesign?a=SqcMQExmnV4:j41TRfMwkhQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/CharfishDesign?i=SqcMQExmnV4:j41TRfMwkhQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/CharfishDesign?a=SqcMQExmnV4:j41TRfMwkhQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/CharfishDesign?i=SqcMQExmnV4:j41TRfMwkhQ:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/CharfishDesign/~4/SqcMQExmnV4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.charfishdesign.com/professionalism/ebook-design-myth-if-i-pay-to-get-my-ebook-designed-i%e2%80%99m-instantly-losing-money/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		<feedburner:origLink>http://www.charfishdesign.com/professionalism/ebook-design-myth-if-i-pay-to-get-my-ebook-designed-i%e2%80%99m-instantly-losing-money/</feedburner:origLink></item>
		<item>
		<title>19 Free hand-drawn sketch icons</title>
		<link>http://feedproxy.google.com/~r/CharfishDesign/~3/APUjpOutEQ0/</link>
		<comments>http://www.charfishdesign.com/goodies/19-free-hand-drawn-sketch-icons/#comments</comments>
		<pubDate>Thu, 23 Apr 2009 05:21:05 +0000</pubDate>
		<dc:creator>Charlie</dc:creator>
				<category><![CDATA[Goodies]]></category>
		<category><![CDATA[Icons]]></category>

		<guid isPermaLink="false">http://www.charfishdesign.com/?p=450</guid>
		<description><![CDATA[<span class="dropcap">I</span>'ve been seeing a lot of sketch-type web designs around recently, as well more and more hand-drawn fonts. I don't think that's a big surprise.

Web 2.0 style, which is/was great in its own right, gave us a lot of slick glossiness that was almost too perfect. It's only natural that a new style would emerge, one that would act as a counterpoint to all that. ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.charfishdesign.com/wp-content/uploads/2009/04/sketchicons.jpg" alt="sketchicons" title="sketchicons" width="262" height="243" class="alignright size-full wp-image-453" /><span class="dropcap">I</span>&#8216;ve been seeing a lot of sketch-type web designs around recently, as well more and more hand-drawn fonts. I don&#8217;t think that&#8217;s a big surprise.</p>
<p>Web 2.0 style, which is/was great in its own right, gave us a lot of slick glossiness that was almost too perfect. It&#8217;s only natural that a new style would emerge, one that would act as a counterpoint to all that. </p>
<p>That&#8217;s where these sketch icons come in. They&#8217;re the perfect contrast for any Web 2.0 design you may have, and they&#8217;ll fit right in with anything you&#8217;re working on that needs a more organic feel.</p>
<h2>About the hand-drawn icons</h2>
<p>These were all drawn by me. On paper. With a pen. Then I scanned them in and cleaned them up (but not too much) in Illustrator. </p>
<p>Each icon is a jpeg and comes in two sizes: 48&#215;48 and 96&#215;96 pixels. Each is dark greyish on a white background. You want more info than that, you&#8217;ll just have to download them!</p>
<p>I hope you enjoy these and are able to add some human touch to your design projects. And when you do use them, feel free to send me a link and I&#8217;ll feature your work (if it&#8217;s awesome).</p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2009/04/box_download_48.png" alt="box_download_48" title="box_download_48" width="48" height="48" class="alignleftoff size-full wp-image-455" /><a href="http://www.charfishdesign.com/download-manager.php?id=2">Download Your Free Sketch Icons Here!</a><br />
Downloaded  6363  times</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/CharfishDesign?a=APUjpOutEQ0:EsSjZhDP944:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/CharfishDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/CharfishDesign?a=APUjpOutEQ0:EsSjZhDP944:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/CharfishDesign?i=APUjpOutEQ0:EsSjZhDP944:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/CharfishDesign?a=APUjpOutEQ0:EsSjZhDP944:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/CharfishDesign?i=APUjpOutEQ0:EsSjZhDP944:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/CharfishDesign/~4/APUjpOutEQ0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.charfishdesign.com/goodies/19-free-hand-drawn-sketch-icons/feed/</wfw:commentRss>
		<slash:comments>44</slash:comments>
		<feedburner:origLink>http://www.charfishdesign.com/goodies/19-free-hand-drawn-sketch-icons/</feedburner:origLink></item>
		<item>
		<title>After Effects Experiment – The Birds</title>
		<link>http://feedproxy.google.com/~r/CharfishDesign/~3/1iqy5KkH4O8/</link>
		<comments>http://www.charfishdesign.com/after-effects/after-effects-experiment-the-birds/#comments</comments>
		<pubDate>Tue, 13 Jan 2009 21:16:45 +0000</pubDate>
		<dc:creator>Charlie</dc:creator>
				<category><![CDATA[After Effects]]></category>

		<guid isPermaLink="false">http://www.charfishdesign.com/?p=347</guid>
		<description><![CDATA[<span class="intro">The first of what will no doubt be <del>dozens</del> <del>hundreds</del> gazillions of experiments I'll share with you here at Charfish. This one is "Hitchcock Meets Charfish" and is a mere glimpse into the incredible things After Effects and a few minutes of time can produce.</span>

<span class="dropcap">B</span>een playing around in After Effects a bit recently, and it is the bee's knees I tell you. Brilliant program with which you can make pretty much anything look entirely bitchin. You put in some lousy pictures, add your dumb ideas and push the "Make Something Awesome" button and stuff like this is what comes out.]]></description>
			<content:encoded><![CDATA[<p><span class="intro">The first of what will no doubt be <del>dozens</del> <del>hundreds</del> gazillions of experiments I&#8217;ll share with you here at Charfish. This one is &#8220;Hitchcock Meets Charfish&#8221; and is a mere glimpse into the incredible things After Effects and a few minutes of time can produce.</span></p>
<p><a href="http://www.charfishdesign.com/wp-content/themes/depo-clean/vids/birds.mp4" rel="shadowbox;height=480;width=720" title="The Birds"><img src="http://www.charfishdesign.com/wp-content/uploads/2009/01/ae1.jpg" alt="ae1" title="ae1" width="525" height="281" class="alignnone size-full wp-image-373" /></a></p>
<p><span class="dropcap">B</span>een playing around in After Effects a bit recently, and it is the bee&#8217;s knees I tell you. Brilliant program with which you can make pretty much anything look entirely bitchin. You put in some lousy pictures, add your dumb ideas and push the &#8220;Make Something Awesome&#8221; button and stuff like this is what comes out. Just click the image above to watch the animation. It&#8217;s about 3MB and may take a sec to load.</p>
<p>Have a look-see and let me know what you think. Oh, and as a warning there is sound in this file, so if you&#8217;re at work or next to a sleeping baby, take note.</p>
<h3>Technical stuff for those who I know will be curious:</h3>
<ul>
<li>All animations were done in After Effects.</li>
<li>The flock of birds is actually just one static bird vector designed in Illlustrator. Brought into After Effects, that single bird acts as a particle which is continuously emitted using Trapcode Particular. And then some mathematical trig-like expressions control the randomity of the flapping and the flock as a whole, so they don&#8217;t all fly as one and look too contrived.</li>
<li>&#8220;Music&#8221; or sound effects or whatever that is was composed in Reason and keyed in After Effects.</li>
</ul>
<p>Hope you like. Much more of this stuff to come.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/CharfishDesign?a=LwRkNE15"><img src="http://feeds.feedburner.com/~f/CharfishDesign?d=41" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=EnHptbhc"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=EnHptbhc" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=yULQdW0R"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=yULQdW0R" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/CharfishDesign/~4/1iqy5KkH4O8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.charfishdesign.com/after-effects/after-effects-experiment-the-birds/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		<feedburner:origLink>http://www.charfishdesign.com/after-effects/after-effects-experiment-the-birds/</feedburner:origLink></item>
		<item>
		<title>Professional Ebook and Document Design</title>
		<link>http://feedproxy.google.com/~r/CharfishDesign/~3/W7x8eZjBoIA/</link>
		<comments>http://www.charfishdesign.com/ebook-design/professional-ebook-and-document-design/#comments</comments>
		<pubDate>Wed, 24 Dec 2008 06:36:39 +0000</pubDate>
		<dc:creator>Charlie</dc:creator>
				<category><![CDATA[Ebook Design]]></category>

		<guid isPermaLink="false">http://www.charfishdesign.com/?p=336</guid>
		<description><![CDATA[<strong><span class="dropcap">E</span>book designs</strong> are nothing new to this site. We’ve been doing them for a while and have had pretty extraordinary results. But at first glance, you might not even know we do ebook design here, what with all the talk about web design.

But the truth is, ebooks are our specialty.

Now, if you're anything like me, you've bought a few ebooks and downloaded even more free ones over the years. With all this exposure, I bet we could agree on this fact:

<strong>All ebooks are not created equal</strong>]]></description>
			<content:encoded><![CDATA[<p><strong><span class="dropcap">E</span>book designs</strong> are nothing new to this site. We’ve been doing them for a while and have had pretty extraordinary results. But at first glance, you might not even know we do ebook design here, what with all the talk about web design.</p>
<p>But the truth is, ebooks are our specialty.</p>
<p>Now, if you&#8217;re anything like me, you&#8217;ve bought a few ebooks and downloaded even more free ones over the years. With all this exposure, I bet we could agree on this fact:</p>
<p><strong>All ebooks are not created equal</strong></p>
<p>The vast majority of ebooks I&#8217;ve seen are either hideous or just adequate. Very very rarely have I seen one that was professional enough, in my opinion, to market.</p>
<p>Well, hideous doesn&#8217;t work. And just adequate isn&#8217;t going to earn you a lot of customers either.</p>
<p>So I&#8217;m announcing, right here in bold type:</p>
<h2>The Charfish Ebook and Document Design Service!</h2>
<p>What’s the difference between your average ebook and a professional one? I’ll show you.</p>
<p>Here&#8217;s the average ebook:</p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/12/average_ebook1.jpg" alt="average_ebook1" title="average_ebook1" width="520" height="400" class="aligncenter size-full wp-image-339" /></p>
<p>The average ebook looks a lot like that one, right? It’s black on white and looks like the author just chose a standard Word template and called it a day. No color, no visual cues to pull the reader along, nothing. Just&#8230;.blah.</p>
<p>Anyone can make an ebook like that. Which is exactly why you shouldn&#8217;t.</p>
<p>Here&#8217;s what you need, <strong>a professional ebook designed by Charfish!</strong></p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/12/charfish_ebook.jpg" alt="charfish_ebook" title="charfish_ebook" width="520" height="400" class="aligncenter size-full wp-image-340" /></p>
<p>Now, <strong>that&#8217;s an ebook!</strong> And those improvements are only a handful of the dozens that are possible.</p>
<p>We&#8217;ve got more posts, more examples and more information about this service coming up soon, but consider this our official announcement. Charfish is here, and from what our clients are saying, we&#8217;re dominating the ebook design field.</p>
<p>If you have any questions or any projects on the cooker, we are here for you and ready to get started on your ebook design. <a href="http://www.charfishdesign.com/contact/">Contact us</a> now to reserve a spot for the new year!</p>
<p>And if you want more info about our design services, <a href="http://feeds.feedburner.com/CharfishDesign">Subscribe Now</a> to get our posts hot off the press.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/CharfishDesign?a=q4Mxf5A2"><img src="http://feeds.feedburner.com/~f/CharfishDesign?d=41" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=vw7EvitW"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=vw7EvitW" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=Iw0TqXhJ"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=Iw0TqXhJ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/CharfishDesign/~4/W7x8eZjBoIA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.charfishdesign.com/ebook-design/professional-ebook-and-document-design/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.charfishdesign.com/ebook-design/professional-ebook-and-document-design/</feedburner:origLink></item>
		<item>
		<title>How proper line height will improve the look and stickiness of your site</title>
		<link>http://feedproxy.google.com/~r/CharfishDesign/~3/qbv1zuOmjdM/</link>
		<comments>http://www.charfishdesign.com/how-to/how-proper-line-height-will-improve-the-look-and-stickiness-of-your-site/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 20:17:47 +0000</pubDate>
		<dc:creator>Charlie</dc:creator>
				<category><![CDATA[Design Principles]]></category>
		<category><![CDATA[How-to]]></category>

		<guid isPermaLink="false">http://www.charfishdesign.com/?p=291</guid>
		<description><![CDATA[<span class="intro">This is Part 2 of the 10 Ways to Make Your Website Look Better series.</span>

<span class="dropcap">I</span>f content, as they say, is king, then the readability of that content must be a close second. After all, it doesn't matter how good your content is if it can't or won't be read.

If you're using default line spacing on your website, you might be doing your readers a disservice. Default line spacing sucks. It looks cramped and constipated and that's no good.

If your site is suffering such ills, this post is your Pepto. Drink up and watch your site stats soar!]]></description>
			<content:encoded><![CDATA[<p><span class="intro">This is Part 2 of the 10 Ways to Make Your Website Look Better series.</span></p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/12/tape.jpg" alt="tape" title="tape" width="240" height="300" class="alignright size-full wp-image-300" /><span class="dropcap">I</span>f content, as they say, is king, then the readability of that content must be a close second. After all, it doesn&#8217;t matter how good your content is if it can&#8217;t or won&#8217;t be read.</p>
<p>So here you are. You&#8217;ve written the blog post to end all blog posts. Or the sales letter that will surely make you six-figures over night. You post it online, sit back to watch the readers flood in, and KAZAAM! Nothing. No sales, no reader comments, no bump in subscribers, nothing.</p>
<p>You look at your site to troubleshoot it. It looks good. The text size is big enough to be read. The content is great; no typos. You already fixed the problems of having chartreuse, mauve and bile colored fonts all in the same paragraph. It all looks good.</p>
<p>But&#8230;there is something, isn&#8217;t there? Something a bit funky is catching your eye, and you may not quite be able to put your finger on it.</p>
<p>What&#8217;s the culprit? Very possibly it&#8217;s line height.</p>
<p>Okay, so that intro was a bit dramatic. I don&#8217;t know if line height alone is going to destroy your site and create a zero-sales situation. But it <em>is</em> going to wreck your site&#8217;s legibility. And if your site can&#8217;t be read <strong>comfortably</strong>, then, yeah. You&#8217;re going to lose readers and money.</p>
<h2>100% on the line height test means you fail</h2>
<p>If you go into your site&#8217;s style sheets and search for &#8220;line-height&#8221; you may not find it. This isn&#8217;t a good sign, as it means your text is defaulting to 100% line height.</p>
<p>I know, 100% sounds <em>good</em>, right? &#8220;Hey, Mom! I got 100% on my tests! And I still have 100% of my body parts!&#8221;</p>
<p>Well, I assure you, if your line height is 100%, you get a big F on this test. In fact, you&#8217;ll probably get suspended from school when the dean finds the <em>101 Surefire Ways to Have Lousy Typography on Your Site</em> book you have hidden in your locker.</p>
<p>Default, 100% line height sounds good and like it must be right. But in this case, it means that you&#8217;re settling for some odd standard that was probably set a gazillion years ago by some guy who carved out stone tablets. </p>
<p>Standard default line height on the web looks awful. It&#8217;s cramped, constipated, blocky and doesn&#8217;t breathe.</p>
<p>Want proof? Here&#8217;s what all the text on this site would look like if I&#8217;d left it at default.</p>
<p><span style="line-height: 100%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pede magna, porta non, tincidunt vel, ultricies non, nisl. Ut porttitor enim quis lacus. In risus. Proin at tortor ac ligula malesuada varius. Praesent ipsum erat, iaculis quis, condimentum vitae, placerat quis, tortor. Proin sagittis lobortis massa.</span></p>
<p><span style="line-height: 100%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pede magna, porta non, tincidunt vel, ultricies non, nisl. Ut porttitor enim quis lacus. In risus. Proin at tortor ac ligula malesuada varius. Praesent ipsum erat, iaculis quis, condimentum vitae, placerat quis, tortor. Proin sagittis lobortis massa.</span></p>
<p>Yuck, right? </p>
<h2>So what is a good line height?</h2>
<p>So now we come to the solution portion of the post, where we discuss how much line height we really need. Too little line height, as we&#8217;ve seen, is not a good thing. But too much of it is also a bad thing. </p>
<p>You want enough space between lines so that your text isn&#8217;t cramped, but not so much space that each sentence looks like its own new paragraph.</p>
<p><strong>A good rule of thumb is to set the line-height of your web copy to 140% or so.</strong></p>
<p>The text you&#8217;re reading right now is at 145%. (It may be different if you&#8217;re reading this in an RSS reader, I don&#8217;t know.) I chose 145% over 140% on purpose and for a couple reasons. </p>
<p>First, my body text uses a serif font called Georgia. Serifs inherently make the letters seem slightly bigger, tighter and more busy. Sans-serif fonts aren&#8217;t quite as busy visually, so you may not need quite as much line height.</p>
<p>Second, Charfish is a spacious site. I wanted even the text to breathe well and have plenty of white space, which suits the somewhat minimal design. The eye isn&#8217;t confused here by closely-packed sentences or dangly letters that run into the lines below. It just works. And that&#8217;s what proper web design is all about.</p>
<p>And speaking of proper web design, we&#8217;ve still got eight more posts coming up in this <strong>Better Website Series</strong>. <a href="http://feeds.feedburner.com/CharfishDesign">Subscribe now</a> and you won&#8217;t miss a single one of them!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/CharfishDesign?a=EM0FIIQT"><img src="http://feeds.feedburner.com/~f/CharfishDesign?d=41" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=H4zEtQeD"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=H4zEtQeD" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=jW1Wvr8k"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=jW1Wvr8k" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/CharfishDesign/~4/qbv1zuOmjdM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.charfishdesign.com/how-to/how-proper-line-height-will-improve-the-look-and-stickiness-of-your-site/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<feedburner:origLink>http://www.charfishdesign.com/how-to/how-proper-line-height-will-improve-the-look-and-stickiness-of-your-site/</feedburner:origLink></item>
		<item>
		<title>10 ways to make your website better, Part 1 – Effective eye trails</title>
		<link>http://feedproxy.google.com/~r/CharfishDesign/~3/9ewRHnlY7XY/</link>
		<comments>http://www.charfishdesign.com/how-to/10-ways-to-make-your-website-better-part-1-effective-eye-trails/#comments</comments>
		<pubDate>Tue, 25 Nov 2008 19:30:03 +0000</pubDate>
		<dc:creator>Charlie</dc:creator>
				<category><![CDATA[Design Principles]]></category>
		<category><![CDATA[How-to]]></category>

		<guid isPermaLink="false">http://www.charfishdesign.com/?p=240</guid>
		<description><![CDATA[<span class="intro">The episode in which the Charfish explains the simplicity of effective websites, pays homage to Google and then rips the pants off of Yahoo! in front of everyone.</span>

<span class="dropcap">B</span>efore we get rolling on this post, let's define what an eye trail is. No, it's not where you take your eyes out for a nature walk. Nor is an eye trail what Hansel and Gretel left in the woods to find their way back home from the witch's house.

<strong>An eye trail is the path your eye takes as it's lead from visual element to visual element.</strong>]]></description>
			<content:encoded><![CDATA[<p><span class="intro">The episode in which the Charfish explains the simplicity of effective websites, pays homage to Google and then rips the pants off of Yahoo! in front of everyone.</span></p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/11/maze.jpg" alt="maze" title="maze" width="300" height="225" class="alignright size-full wp-image-268" /><span class="dropcap">B</span>efore we get rolling on this post, let&#8217;s define what an eye trail is. No, it&#8217;s not where you take your eyes out for a nature walk. Nor is an eye trail what Hansel and Gretel left in the woods to find their way back home from the witch&#8217;s house.</p>
<p><strong>An eye trail is the path your eye takes as it&#8217;s lead from visual element to visual element.</strong></p>
<p>Note the passive sense of that: your eye is being <em>lead</em>. It&#8217;s not necessarily what your eye is looking <em>for</em>.</p>
<h2>Let&#8217;s look at some eye trails</h2>
<p>I&#8217;m going to show you some screenshots, and as you look at them note what your eye does and where it goes. It&#8217;ll all happen pretty much on auto-pilot so pay close attention. Here&#8217;s the first one.</p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/11/cf_without.jpg" alt="cf_without" title="cf_without" width="424" height="271" class="aligncenter size-full wp-image-253" /></p>
<p>Hopefully that first screenshot looked really really familiar. If not, please take a moment to ensure that your eyes are, in fact, in the open position. When you looked at the Charfish screenshot, there&#8217;s a high probability that your eye traveled the following trail. </p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/11/cf_with.jpg" alt="cf_with" title="cf_with" width="424" height="271" class="aligncenter size-full wp-image-256" /></p>
<p>Am I close? Did your eyes follow that trail? I certainly hope so, as I designed this site to do just that, and if it doesn&#8217;t I&#8217;m an abject failure. I wanted the eye to go immediately to the biggest/boldest element: the header. Why? That&#8217;s my brand. It&#8217;s who this site is and is the most readily recognizable and stable element. When people come back to this site they see the brand and think, &#8220;I&#8217;m at Charfish.&#8221; Or maybe they say, &#8220;Wait a second, how&#8217;d I end up here? I <em>hate</em> Charfish.&#8221; Either way, the brand is recognizable and I win.</p>
<p>Then the eye goes over to the sidebar and the RSS icon. That&#8217;s perfectly fine with me as I want people to know (1) how to navigate, and (2) that they can subscribe. Subscribers build community and ultimately make this a better and more useful site for all involved.</p>
<p>Then there&#8217;s the content itself, with the post&#8217;s image probably being the first way-stop for your eyes. And again, that&#8217;s fine. If you choose an effective image, it will interest the reader and they&#8217;ll want to find out what your post is all about. And it&#8217;s easy to find the post as the headline is a different color and bolder than the rest of the copy.</p>
<p>Now here&#8217;s a different sort of screenshot. Again, pay attention to where your eye is automatically lead.</p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/11/boxes_without.jpg" alt="boxes_without" title="boxes_without" width="424" height="227" class="aligncenter size-full wp-image-258" /></p>
<p><span class="pullquote">Your visitor&#8217;s eyes will go to the biggest, darkest or most vibrant element first. Then the next one and the next one.</span> I know, that&#8217;s not much of a screenshot. It&#8217;s just a bunch of grey boxes of different sizes, but I did this on purpose to make a point: <strong>this isn&#8217;t confusing stuff</strong>.</p>
<p>You don&#8217;t need to find color combos that are NASA-approved, or mathematically determine the proportions of every single font on your site, or calculate what the air pressure will be at 8:30 in the morning in Tonga to figure out where your visitor&#8217;s eyes are going to go. They&#8217;ll go to the biggest/darkest/most vibrant element first. Then the next one and the next one.</p>
<p>Now, here&#8217;s the third screenshot.</p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/11/google_without.jpg" alt="google_without" title="google_without" width="424" height="150" class="aligncenter size-full wp-image-261" /></p>
<p>I&#8217;m sure you recognize that screenshot. If not, please check in immediately with your doctor as you may very well be dead. I choose Google&#8217;s homepage for a very good reason: it&#8217;s damn near blank and there&#8217;s really only one big element on it. </p>
<p>And, yup, there&#8217;s still an eye trail.</p>
<p>I&#8217;ll bet your eye traveled this well-planned path while looking at the Google site:</p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/11/google_with.jpg" alt="google_with" title="google_with" width="424" height="150" class="aligncenter size-full wp-image-260" /><br />
Actually, I just had a great idea. You&#8217;re about to get an extra bonus.</p>
<p>Let&#8217;s compare Google&#8217;s homepage with that of their rival Yahoo!. </p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/11/yahoo_without.jpg" alt="yahoo_without" title="yahoo_without" width="424" height="227" class="aligncenter size-full wp-image-263" /></p>
<p>Um&#8230;yeah. Nice job, Yahoo!. Their eye trail would be perfect if my eyes were training for the Ironman triathlon. Did your eyes make a path like mine did?</p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/11/yahoo_with.jpg" alt="yahoo_with" title="yahoo_with" width="424" height="227" class="aligncenter size-full wp-image-262" /></p>
<p>That&#8217;s why Google is reigning king of search engines, and why I personally never go to Yahoo! Unless I&#8217;m taking screenshots with which to make to fun of them. I look at Yahoo!&#8217;s home page and ask myself this question, which is a good question you should ask of your own websites:</p>
<p><strong>What the hell am I supposed to be doing?</strong></p>
<p>Yahoo!&#8217;s page is almost entirely navigation. There isn&#8217;t really any content. When I was making this experiment for the first time, the <em>only</em> element my eye was drawn to read was a headline explaining that Hugh Jackman is the sexiest man alive.</p>
<p>Now, while Hugh might very well be sexier than me, Yahoo! is making a pretty bold assumption that I give a shit. Moreover, their entire homepage, as evidenced by their tortuous eye trail, makes the assumption that I don&#8217;t have a clue what I&#8217;m looking for, so they might as well just show me everything.</p>
<p>Google on the other hand knows we&#8217;re smart and leaves it up to us to find what we want. Google figured out a long time ago that all we really need is a search box. And the eye trail is also their proof.</p>
<h2>The practical application of eye trails</h2>
<p>So what do we do with all this information? And why do we care if we&#8217;re not a search engine, or if we&#8217;re just trying to get some average traffic to our average site?</p>
<p>Well, it matters in a few different ways.</p>
<h3>Page views per visitor</h3>
<p>Whatever stat/analytics program you use (you <em>are</em> using one, right?) you should note what your total page views per visitor is currently. Is it low? Say below 2?</p>
<p>Low page views per visitor can really only mean a couple things:</p>
<ul>
<li>Your content sucks</li>
<li>Your content is discursive and covers too many topics</li>
<li>Your content is great, but people are having trouble getting around in it</li>
</ul>
<p>I mean, think about it. If your content is excellent and on topic, there&#8217;s no reason why someone wouldn&#8217;t play around in your site for longer and find even more great content. If you currently find yourself saying, &#8220;My content is great but people don&#8217;t really seem to stick around much,&#8221; you may have found the culprit: eye trails. Without an eye trail, your site is hard to read, hard to get around in.</p>
<h3>Time spent on site</h3>
<p>Again, we&#8217;re assuming here that your content is itself pretty solid. But if you&#8217;re seeing high bounce rates and low time-on-site stats, your content isn&#8217;t the issue. Ease of use is.</p>
<h3>Marketers</h3>
<p><span style="color: red;">Money-making alert!</span> Lousy click rates, low sales and copy that doesn&#8217;t perform might very well be the result of poor eye trails. Sales copy is designed to be read and to acquire clicks. While strong copy will ensure this happens for the most part, without eye trails, those long-form sales letters don&#8217;t often get read. That&#8217;s why you see so many of them with images, bulleted lists, fat red fonts and fancy &#8220;click now&#8221; buttons. These elements all pull the eye through the page, while along the way the reader picks up content that gets him interested and ultimately leads to a sale.</p>
<h2>So what do we do now</h2>
<p>Well, for now, nothing. Before you go making any drastic changes to your site, let&#8217;s finish up this series. The upcoming posts, while they don&#8217;t deal directly with eye trails, do touch on elements and ingredients <em>of</em> those eye trails. It&#8217;s a pretty good bet that after you&#8217;ve read all ten parts, you&#8217;ll have a solid idea of what needs changing.</p>
<p>I hope you enjoyed this post and learned a few things. If not, well, I&#8217;ve got nine more opportunities to say something intelligent as this series continues. <a href="http://feeds.feedburner.com/CharfishDesign">Subscribe now</a> to catch the upcoming episodes.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/CharfishDesign?a=eyztY7RZ"><img src="http://feeds.feedburner.com/~f/CharfishDesign?d=41" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=mY2vunZp"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=mY2vunZp" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=VEOJ2wEm"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=VEOJ2wEm" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/CharfishDesign/~4/9ewRHnlY7XY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.charfishdesign.com/how-to/10-ways-to-make-your-website-better-part-1-effective-eye-trails/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		<feedburner:origLink>http://www.charfishdesign.com/how-to/10-ways-to-make-your-website-better-part-1-effective-eye-trails/</feedburner:origLink></item>
		<item>
		<title>10 ways to make your website look better</title>
		<link>http://feedproxy.google.com/~r/CharfishDesign/~3/RDXRMWHYhSg/</link>
		<comments>http://www.charfishdesign.com/design-principles/10-ways-to-make-your-website-look-better/#comments</comments>
		<pubDate>Mon, 17 Nov 2008 19:27:20 +0000</pubDate>
		<dc:creator>Charlie</dc:creator>
				<category><![CDATA[Design Principles]]></category>
		<category><![CDATA[better design]]></category>
		<category><![CDATA[great design]]></category>
		<category><![CDATA[improving your website]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.charfishdesign.com/?p=220</guid>
		<description><![CDATA[<span class="intro">These 10 tips on improving your website are so effective they'll make you some spare cash and make you more physically attractive.</span>

<span class="dropcap">S</span>omewhere, wallowing in the gigantic sea that is the internet, is your site.

It’s not alone. It’s got a lot of neighbors and more than 100,000 new ones every single day. Is your site down there at the bottom, in the cold darkness with the suckerfish? Or is it up at the top where food is plenty and the sunlight still streams in?]]></description>
			<content:encoded><![CDATA[<p><span class="intro">These 10 tips on improving your website are so effective they&#8217;ll make you some spare cash <em>and</em> make you more physically attractive.</span></p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/11/garbage.jpg" alt="" title="garbage" width="200" height="271" class="alignright size-full wp-image-228" /><span class="dropcap">S</span>omewhere, wallowing in the gigantic sea that is the internet, is your site.</p>
<p>It’s not alone. It’s got a lot of neighbors and more than 100,000 new ones every single day. Is your site down there at the bottom, in the cold darkness with the suckerfish? Or is it up at the top where food is plenty and the sunlight still streams in?</p>
<p>If I were to venture a guess, I’d say your site is somewhere in the middle. After all, you’re here at Charfish and you’re reading this blog post. That means you probably already care about design. And if you care about design, you certainly aren’t wallowing around at the bottom of the ocean with the rusty old anchors.</p>
<p>But what can we do to get your site a little closer to the surface, where the sun is warm and you’re more visible to the world at large? Well, lots of things. Way more than 10 but that’s the number we’re going to deal with in this series.</p>
<p>The <strong>10 ways to make your website look better</strong> series is going to deal with each of these in detail:</p>
<ol>
<li>Eye trails</li>
<ul>
<li>Does your site effectively lead your visitors’ eyes? And if so, where does it lead them to? It may seem like a small detail, but if you’re not leading them somewhere, you can bet the one thing they’ll be looking for is the “Back” button.</li>
</ul>
<li>Line-height</li>
<ul>
<li>Wouldn&#8217;t it be nice if you could add a bunch of luscious white space to your site with one simple line of code? Well you can, and it could make a world of difference.</li>
</ul>
<li>Color Unity</li>
<ul>
<li>Gone are the days of using every color of the rainbow in your site. People know better now. But while you&#8217;re busy <strong>not</strong> making that mistake, are you making others? Or, the more subtle possibility, is your site just being&#8230;average?</li>
</ul>
<li>Paragraph breaks</li>
<ul>
<li>Everything your language professor taught you was wrong. Okay&#8230;not everything. But he certainly made a bad call on this one.</li>
</ul>
<li>Images</li>
<ul>
<li>It&#8217;s good to have images in your posts. But where do you put them? Are you actually making your website less usable and less friendly by poor image placement?</li>
</ul>
<li>Contrast</li>
<ul>
<li>There are no faster ways to make a website less legible and more annoying than dealing poorly with contrast. Here&#8217;s what and what not to do.</li>
</ul>
<li>Advertising</li>
<ul>
<li>There&#8217;s nothing really wrong with advertising on your site. Anyone who tells you so is jealous of your income or is just a generally smelly person. That said, there <em>are</em> numerous ways to advertise really really poorly. This post will teach you about effective advertising design <strong>and</strong> show you how to make a few extra bucks. This post alone is well worth its weight in pixels.</li>
</ul>
<li>Font fun</li>
<ul>
<li>We know about bold and italics. But is that all we can do to make our fonts a little more fun and our sites a little more user friendly? Nope, and I&#8217;ve got a couple ways for you to improve your site in about three minutes</li>
</ul>
<li>Discipline your fonts!</li>
<ul>
<li>Fonts are fun and there are plenty of insanely bitchin ones out there. But how do you choose which is best for your site? Which ones go in the header and which in the body copy? How about the headers and impulse copy?</li>
</ul>
<li>Size problems, aerial photos and magnifying glasses</li>
<ul>
<li>Look, I may have lousy eyesight but you don&#8217;t need to rub it in. And what&#8217;s with the medley of sizes and shapes? Is this an IQ test or something?</li>
</ul>
</ol>
<p>This is going to be a great series, full of simple and fast changes you can make to your site to bring it to a higher level of professionalism.</p>
<p>You&#8217;re not going to want to miss any of these posts so <a href="http://feeds.feedburner.com/CharfishDesign">Subscribe now!</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/CharfishDesign?a=EfuXTJyD"><img src="http://feeds.feedburner.com/~f/CharfishDesign?d=41" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=0QAgvxvc"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=0QAgvxvc" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=9pK7L95A"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=9pK7L95A" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/CharfishDesign/~4/RDXRMWHYhSg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.charfishdesign.com/design-principles/10-ways-to-make-your-website-look-better/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.charfishdesign.com/design-principles/10-ways-to-make-your-website-look-better/</feedburner:origLink></item>
		<item>
		<title>The New Charfish Design is Here</title>
		<link>http://feedproxy.google.com/~r/CharfishDesign/~3/3d3kQQHdWuU/</link>
		<comments>http://www.charfishdesign.com/uncategorized/the-new-charfish-design-is-here/#comments</comments>
		<pubDate>Thu, 16 Oct 2008 05:57:46 +0000</pubDate>
		<dc:creator>Charlie</dc:creator>
				<category><![CDATA[Administrative]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.charfishdesign.com/?p=174</guid>
		<description><![CDATA[<span class="intro">The long awaited, much anticipated new<strong> Charfish Design</strong> is here. It's funky and fresh and is still covered with drops of morning dew.</span>

<span class="dropcap">W</span>hile there was really nothing wrong with the old site, it was nonetheless a bit drab. It was drab in a pretty interesting way, but for a design blog, still pretty drab. The mundane quality of it actually deterred me from updating the blog as much as I'd like. It's really no fun writing content for a blog that personally makes you go, "...meh." It's like putting on a silk suit after a hard day's work in the sun, and not taking a shower first.]]></description>
			<content:encoded><![CDATA[<p><span class="intro">The long awaited, much anticipated new<strong> Charfish Design</strong> is here. It&#8217;s funky and fresh and is still covered with drops of morning dew.</span></p>
<p><span class="dropcap">W</span>hile there was really nothing wrong with the old site, it was nonetheless a bit drab. It was drab in a pretty interesting way, but for a design blog, still pretty drab. The mundane quality of it actually deterred me from updating the blog as much as I&#8217;d like. It&#8217;s really no fun writing content for a blog that personally makes you go, &#8220;&#8230;meh.&#8221; It&#8217;s like putting on a silk suit after a hard day&#8217;s work in the sun, and not taking a shower first.</p>
<p>The new Charfish theme is based off a theme by Derek Powazek called <a href="http://powazek.com/posts/516">Depo Clean</a>. I&#8217;m a super picky guy when it comes to clean code and having things arranged in a logical manner. I&#8217;ve been disappointed by popular and often expensive Wordpress themes which have code so messy that altering it was like a trip to the dentist. Derek&#8217;s theme is not like this. It&#8217;s clean and beautiful and working with it was a pleasure. You Premium theme sellers should take note. </p>
<h2>Things that may be of interest</h2>
<ul>
<li>The <a href="http://www.charfishdesign.com/archives/">Archives</a> page is stellar, if I say so myself. Which I just did. It&#8217;s neat, tidy and shows everything I&#8217;ve done here at Charfish.</li>
<li>The <a href="http://www.charfishdesign.com/portfolio/">Portfolio</a> has been redone and updated with some recent work. A lot of the work in the portfolio was produced as a joint effort with <a href="http://menwithpens.ca">Men with Pens</a> and has been noted as such. To read more about my relationship with Men with Pens, read the <a href="http://menwithpens.ca/pen-men-coming-out-of-the-closet">original post </a>by Pen Man James. I couldn&#8217;t say it any better than he does.</li>
<li>A slick new <a href="http://www.charfishdesign.com/404">404 Error</a> page. Hey&#8230;just because it&#8217;s an error page doesn&#8217;t mean it can&#8217;t be fun, right?</li>
</ul>
<h2>What&#8217;s not new</h2>
<p>The content itself is the same as it was, although I did delete a couple posts that were redundant to things already in the Portfolio. I also got rid of a couple categories that were bulking things up unnecessarily. But everything that was here before is still here in one place or another. If you discover any broken links in the coming months, give me a shout. In exchange I&#8217;ll shower you with my choice of either money or thanks.</p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/10/title_hook.jpg" alt="Charfish Hook" title="The Hook" width="108px" height="33" class="alignright size-medium wp-image-105" />The hook. That&#8217;s right. I actually had one very specific request to NOT get rid of the hook. (Thanks, Kelly!) It&#8217;s still here. Not as much as the old site, but it&#8217;s here and wearing a new tux. By the way&#8230;if you need proof that branding matters, this paragraph speaks volumes.</p>
<h2>Now what?</h2>
<p>If it seems that Charfish is a foundering blog or small design firm that does one logo every trimester, don&#8217;t let appearances fool you. This is a very busy little design firm and things don&#8217;t appear to be slowing down any time soon. </p>
<p>That said, I&#8217;m first and foremost a writer. So while I may be designing a lot behind the scenes, I&#8217;d sure like to be writing more. And that&#8217;s what I&#8217;ll be doing, so you can expect more blog posts on a regular basis. Topics of note will be:</p>
<ul>
<li>Basics of Design</li>
<li>Real, usable, applicable tips on freelancing</li>
<li>Tutorials on Illustrator, Photoshop, Cinema 4D and After Effects</li>
<li>Case studies on real-life projects</li>
<li>Process studies</li>
<li>A gazillion other things</li>
</ul>
<h2>What I&#8217;d like help with</h2>
<p>While the readers here aren&#8217;t many, I can say that we&#8217;re a closely knit little bunch. As you can tell from the redesign, I <em>do</em> care what you think. I&#8217;d like to open up the comments to your thoughts on the redesign, topics you&#8217;d like to see here, etc. If you don&#8217;t feel like baring yourself to the public, feel free to <a href="http://www.charfishdesign.com/contact/">drop me an email instead</a>. But either way, I&#8217;d love to hear from you.</p>
<p>Thanks for sticking with me through the rough stages. Here&#8217;s to the future!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/CharfishDesign?a=DPAqeDPR"><img src="http://feeds.feedburner.com/~f/CharfishDesign?d=41" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=FVBysTMz"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=FVBysTMz" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=Z1LVd0eU"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=Z1LVd0eU" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/CharfishDesign/~4/3d3kQQHdWuU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.charfishdesign.com/uncategorized/the-new-charfish-design-is-here/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		<feedburner:origLink>http://www.charfishdesign.com/uncategorized/the-new-charfish-design-is-here/</feedburner:origLink></item>
		<item>
		<title>Current State of Charfish Affairs</title>
		<link>http://feedproxy.google.com/~r/CharfishDesign/~3/HkcmDYeq6WM/</link>
		<comments>http://www.charfishdesign.com/administrative/current-state-of-charfish-affairs/#comments</comments>
		<pubDate>Thu, 07 Aug 2008 03:20:50 +0000</pubDate>
		<dc:creator>Charlie</dc:creator>
				<category><![CDATA[Administrative]]></category>

		<guid isPermaLink="false">http://www.charfishdesign.com/?p=104</guid>
		<description><![CDATA[<span class="intro">The episode where Charfish tells what was up, what is up and what will be up in the near future. It's all very exciting.</span>

<span class="dropcap">T</span>he last post I wrote on Charfish was dated 19 May, 2008. That's almost 3 months ago. Shameful, I know. Because of my absence, I think it only fair I tell you where I've been and where I'm going with this phenomenon called Charfish.

<h2>Where have I been?</h2>

I've been right here. Yup, the whole time. 

There. Wasn't that fun?

In all truth I've been busy. Insanely so. 18-hour days sort of busy. At the current moment I've got 16 projects cooking all at the same time.]]></description>
			<content:encoded><![CDATA[<p><span class="dropcap">T</span>he last post I wrote on Charfish was dated 19 May, 2008. That&#8217;s almost 3 months ago. Shameful, I know. Because of my absence, I think it only fair I tell you where I&#8217;ve been and where I&#8217;m going with this phenomenon called Charfish.</p>
<h2>Where have I been?</h2>
<p>I&#8217;ve been right here. Yup, the whole time. </p>
<p>There. Wasn&#8217;t that fun?</p>
<p>In all truth I&#8217;ve been busy. Insanely so. 18-hour days sort of busy. At the current moment I&#8217;ve got 16 projects cooking all at the same time.</p>
<p>They say if you need something done, give it to a busy man. Well, that&#8217;s me. In the past couple months I&#8217;ve done everything: album covers, book covers, book design, some writing gigs, about 8000 website/blog designs and about triple that in headers and banners. </p>
<p>I haven&#8217;t blogged because, well, I&#8217;ve been busy with the things that pull in the dough.</p>
<p>That&#8217;s not totally cool to you readers, though, is it? From the comments and emails I&#8217;ve gotten here at Charfish, I know a small number of readers (zero) care about how much money I&#8217;m making or how busy I am. The more popular posts here are about how to run a business, how to design, things like that. Having realized that, I can start cranking out some more content for you.<br />
<span id="more-104"></span></p>
<h2>Where is this blog going?</h2>
<p>To the moon, that&#8217;s where. What I&#8217;ve got planned for the next couple months:</p>
<h3>A brand new design</h3>
<p>Why a new design? Because it&#8217;s time, that&#8217;s why. For a design blog, Charfish is a bit subdued. The new version will also be subdued, but subdued in a way that totally kicks subdued ass.</p>
<p>Want to see a preview? Here you go:</p>
<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/08/bitchin.jpg" alt="" title="bitchin" width="260" height="113" class="centeroff" /></p>
<p>That&#8217;s all you get.</p>
<h3>Cinema 4D experiments and tutorials</h3>
<p>I&#8217;ve had some questions about how I&#8217;ve done certain 3D models and designs, and in response I plan on releasing a series of tutorials about just that. The tutorials will cover not only software specific workflows and such, but will also discuss why certain decisions were made compositionally. A 3D model still has to be captured properly and with an eye to final layout.</p>
<h3>After Effects experiments and tutorials</h3>
<p>There seems to be a growing fascination with After Effects and I&#8217;m a victim of that myself. I try, every day, to at least do a little something in After Effects. It is a limitless program with which you can create some of the most insanely interesting effects with just a few minutes. I&#8217;m going to be sharing some of the experiments I&#8217;ve been making as well as creating some tutorials around them. The tutorials will be created if there seems to be interest so be sure and comment. </p>
<h3>More frequent blog posting</h3>
<p>Yay! One of the reasons I haven&#8217;t posted much is that, frankly, the upcoming blog design will house the blog posts I have in mind much better than the current one. Charfish is going to be more of a multimedia experience with tutorial videos, animation experiments, etc. and the new version will do them justice!</p>
<h3>Case studies of real-life projects</h3>
<p>Another type of question I get quite regularly is, &#8220;How did you start?&#8221; or &#8220;What&#8217;s your background?&#8221; The answer, which I won&#8217;t get into here, would certainly surprise a good 90% of you. The new blog will answer all those questions.</p>
<p>And so will my book.</p>
<h3>Wait, what book?</h3>
<p>I&#8217;m writing a book about how to run a successful design business. I will probably call it something really appropriate, like:<br />
<strong>How to Run a Successful Design Business</strong></p>
<p>Running a design business is about 10% design and about 90% other things, like workflow, bookkeeping, marketing, customer relations, etc. </p>
<p>I love the business I&#8217;m in because I&#8217;ve figured out how to extract maximum happiness from it. And the income is good. And the clients and connections you make are great. It&#8217;s<strong> not </strong>just another job. </p>
<p><strong>BUT</strong>, it certainly could be if you do it wrong, and that&#8217;s where the book comes in. There&#8217;s really no reason to be self-employed and stressed out beyond belief. I mean, why not just get a &#8220;real&#8221; job? You&#8217;ll be just as stressed, but at least you&#8217;ll have a steady paycheck, right?</p>
<p>There&#8217;s an art to running a design business. Especially when you&#8217;re doing about 90% of it yourself. I&#8217;m hoping my new book will help shed some light on the subject and help out newcomers to the field as well old-timers who may be feeling the stress.</p>
<h3>Another book about design</h3>
<p>Another book? Yes, another book. Why? Because you all keep asking for it!</p>
<p>&#8220;What do I need to know to get started in this career?&#8221;<br />
&#8220;Do I need a portfolio or diploma or something?&#8221;<br />
&#8220;Am I a failure if I don&#8217;t know about the golden proportion?&#8221;</p>
<p>These are the real questions that prompted the book.</p>
<p>Here&#8217;s the thing: I don&#8217;t have a background in graphic design. Nor am I all that smart. I couldn&#8217;t develop a software application if my child&#8217;s life depended on it, which makes it very fortunate that I don&#8217;t own a child.</p>
<p>My design career started the very second I got a client and no sooner. Everything I&#8217;ve learned about design and websites and code and all that stuff was learned <strong>on the job</strong>. What&#8217;s the point? The point is that I&#8217;ve learned through fire and brimstone how to deliver.</p>
<p>Now&#8230;I&#8217;m not perfect. I&#8217;ve been fired by a client before. I&#8217;ve had a client drop completely out of communication with me for reasons that I can only assume are my fault. But&#8230;the percentage of happy customers is a mile long and the list of the latter type is, as of this writing, 3. Long story short, I know how to design, but it&#8217;s not because of any schooling or formal training.</p>
<p>I put off this career for a LONG time, thinking I didn&#8217;t have what it takes. That I was too inexperienced. Or a thousand other excuses. Once I started, everything I needed to know came very quickly.</p>
<p>I&#8217;m hoping my book will shortcut this process for you. It&#8217;s really a distillation of everything I know. Honestly. It&#8217;s probably going to sell for about $10,987 because of all the info I&#8217;m putting into it.</p>
<h2>To the future</h2>
<p>I have to thank you for your patience so far. I haven&#8217;t posted in a while, but despite that, my RSS numbers are on a steady increase. That means someone&#8217;s doing a better job of spreading the word than I am. Thank you.</p>
<p>But your patience will be rewarded with an all new, improved beyond all recognition, Charfish Design. It&#8217;s only a week or so away (crosses fingers) so&#8230;just a little more patience, please.</p>
<p>I&#8217;ll see you on the other side with some insanely great and useful content.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/CharfishDesign?a=qcMKSjgy"><img src="http://feeds.feedburner.com/~f/CharfishDesign?d=41" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=rQdkfWnA"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=rQdkfWnA" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=9MTe7gUf"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=9MTe7gUf" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/CharfishDesign/~4/HkcmDYeq6WM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.charfishdesign.com/administrative/current-state-of-charfish-affairs/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.charfishdesign.com/administrative/current-state-of-charfish-affairs/</feedburner:origLink></item>
		<item>
		<title>And Then There Were Three…</title>
		<link>http://feedproxy.google.com/~r/CharfishDesign/~3/ieNS96Eyz0E/</link>
		<comments>http://www.charfishdesign.com/administrative/and-then-there-were-three/#comments</comments>
		<pubDate>Mon, 19 May 2008 13:00:55 +0000</pubDate>
		<dc:creator>Charlie</dc:creator>
				<category><![CDATA[Administrative]]></category>

		<guid isPermaLink="false">http://www.charfishdesign.com/?p=101</guid>
		<description><![CDATA[<span class="intro">The episode in which Charfish gets a new pair of pants. Actually...same pair of pants, just more legs.</span>

<span class="dropcap">T</span>his site and the company behind it began as a design firm in mid-2007. Actually, Charfish was around long before that, but 2007 saw it registered as a legal, tax-paying LLC.

At its inception we (or rather <em>I</em>, since it was still a one-man-band at that time) were a <strong>design firm</strong>. My intention was to do top-end web and blog design. I did exactly that for about two weeks.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.charfishdesign.com/wp-content/uploads/2008/05/fishes.jpg" alt="Charfish Design, New Staff" title="fishes" width="540" height="174" class="left" /></p>
<p><span class="dropcap">T</span>his site and the company behind it began as a design firm in mid-2007. Actually, Charfish was around long before that, but 2007 saw it registered as a legal, tax-paying LLC.</p>
<p>At its inception we (or rather <em>I</em>, since it was still a one-man-band at that time) were a <strong>design firm</strong>. My intention was to do top-end web and blog design. I did exactly that for about two weeks.</p>
<p>And then <em>they</em> came. </p>
<p>Clients. They kept coming and they kept bringing more. Questions like, &#8220;Well, you&#8217;ve designed our banner, why don&#8217;t you just design our whole site?&#8221; became more and more common. As did, &#8220;If you can design websites, you can probably design books as well, right? Why don&#8217;t you design my ebook for me?&#8221;<br />
<span id="more-101"></span><br />
One job grew into another job, design clients became writing clients, they told their friends and as we hammered out one job after another my dream of being a successful designer started to fray around the edges. </p>
<h2>How I define success</h2>
<p>For some people success is being staggeringly rich. Others think it&#8217;s having a company, or quitting their job, or finding a lake of oil buried underneath their backyard. For me, success is simple:</p>
<ol>
<li>Make money doing what I love</li>
<li>Help others along the way</li>
<li>Have my business run smoothly enough that I&#8217;m not tied to it at all times</li>
</ol>
<p>The first two on that list were checked off as &#8220;complete&#8221; my first day in business. The last one has been, frankly, a joke. There were very few clients of mine who didn&#8217;t receive an email from me at 11pm, midnight or even much later. Those aren&#8217;t standard business hours for most people, but for us entrepreneurs it&#8217;s all too common and I don&#8217;t really want to go that route.</p>
<h2>The line in the sand</h2>
<p>As part of my personal life policy, I don&#8217;t do business while I&#8217;m out with people. If I&#8217;m being a friend, I&#8217;m being a friend. If I&#8217;m on a date, I&#8217;m on a date. I never interrupt a good conversation by answering the phone. I don&#8217;t email during dinner and I don&#8217;t do business calls unless I&#8217;m at the office doing business. It&#8217;s just poor manners to do otherwise, for my friends and clients both.</p>
<p>But the line started to blur. I&#8217;d feel my phone vibrate or hear the email &#8220;ding&#8221; notifying me that someone had written and I&#8217;d think &#8220;Shit&#8230;should I get that?&#8221;</p>
<p>As a solo entrepreneur I was doing far more than my 24-hour days were comfortably allowing. And seeing as how I like to sleep at least 6 hours a night, my remaining 18 hours were starting to blow chunks. Each day would see a little of:</p>
<ul>
<li>Marketing</li>
<li>Correspondence</li>
<li>Administration
</li>
<li>Studying up on emerging technologies to keep up with the game
</li>
<li>Editing
</li>
<li>Writing
</li>
<li>Designing
</li>
<li>Keeping up my blogs
</li>
<li>Working on my side projects (of which there are 3 MAJOR ones)
</li>
<li>Invoicing</li>
<li>Consulting	</li>
<li>
Fielding random questions</li>
</ul>
<p>This stuff adds up. And every day there was more and more.</p>
<h2>To the rescue!</h2>
<p>How does a control freak like myself give up some of his business to run under the auspices of others?</p>
<p>Very carefully.</p>
<p>The process consists of finding people who are good at what they do, who lead clean lives, and trusting them and letting them do their jobs. That&#8217;s exactly what we&#8217;ve done and I&#8217;m very very VERY pleased to announce the addition of two new creative types to the team: </p>
<h3>Paul</h3>
<p>Paul is a budding designer. By &#8220;budding&#8221; I mean &#8220;new but entirely bad ass.&#8221; In a professional capacity I met Paul shortly after he&#8217;d completed his first website. My first impression was to be a bit frightened because in the few months he&#8217;d been studying design, he&#8217;d already become really good at it and would surely put me out of a job one day.</p>
<p>Well, if you can&#8217;t beat &#8216;em, ask &#8216;em to join, right?</p>
<p>He&#8217;s a great guy and is funnier than anyone has ever been ever. He&#8217;s also drug-free, insanely ethical and great at communicating (ask me what those have to do with business and design and I&#8217;ll say everything). His command of typography is already thoroughly advanced, and he&#8217;s got a memory like flypaper and never needs to be told anything twice. Actually, he&#8217;s sensible enough that he usually doesn&#8217;t even need to be told once.</p>
<p>The World, meet Paul. Paul, the World.</p>
<h3>Sarabeth</h3>
<p>At the age of 21, Sarabeth was responsible for the editing, proofreading and production of a series of booklets that would be printed and distributed millions and millions of times. It would be impressive if she had done all that for a series of booklets in English, but she did the same thing for booklets produced in French, Italian, German, Spanish and I think even Klingon. It&#8217;s more than likely I could ask her to write me a book in Sumerian cuneiform and she&#8217;d have it done within the week. Needless to say, Sarabeth isn&#8217;t afraid of huge jobs, responsibility or impossible deadlines.</p>
<p>She&#8217;s a student of the Chicago and AP manuals, she knows her proofer&#8217;s marks, and she can spot a misplaced comma from across the country. If she had a nickname it would be &#8220;keen eye for the misplaced modifier guy.&#8221;</p>
<p>And to top it all off, she&#8217;s getting pretty damn good at the Xbox.</p>
<h2>What happens now?</h2>
<p>To all appearances, nothing will change. Our work will be just as good, our turnover just as fast, our communication just as friendly. In fact, as good as all of those things were before, they&#8217;ll probably even get better now that we&#8217;ve got some breathing room.</p>
<p>On a project-by-project basis, Paul and I will be handling the design work. I will most likely continue to tackle the larger web projects while Paul will start with print and graphic production. Sarabeth will lend her writing/editing chops to content writing, editing, ebook production and that sort of thing.</p>
<p>I will do all quality control and nothing will leave the shop until I&#8217;ve checked it, smelled it, looked at its sell-by date and tested it for STDs.</p>
<p>Please join me in welcoming Paul and Sarabeth to the crew!</p>
<p>I can&#8217;t end this without saying a big thank you to all of our past and current clients. This would have been impossible without your support, your trust and your own visions of success.</p>
<p>To the future!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/CharfishDesign?a=09S9IY8G"><img src="http://feeds.feedburner.com/~f/CharfishDesign?d=41" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=1EWIVswB"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=1EWIVswB" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/CharfishDesign?a=NLsDSZgX"><img src="http://feeds.feedburner.com/~f/CharfishDesign?i=NLsDSZgX" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/CharfishDesign/~4/ieNS96Eyz0E" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.charfishdesign.com/administrative/and-then-there-were-three/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.charfishdesign.com/administrative/and-then-there-were-three/</feedburner:origLink></item>
	</channel>
</rss>
