<?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>Oaktree Creative &#187; design</title>
	<atom:link href="http://oaktreecreative.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://oaktreecreative.com</link>
	<description>The Pixels &#38; Prose of Chuck Mallott</description>
	<lastBuildDate>Fri, 03 Feb 2012 15:00:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Kerning</title>
		<link>http://oaktreecreative.com/quotes/kerning/</link>
		<comments>http://oaktreecreative.com/quotes/kerning/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 15:00:37 +0000</pubDate>
		<dc:creator>chuck</dc:creator>
				<category><![CDATA[quotes]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://oaktreecreative.com/?p=636</guid>
		<description><![CDATA[There&#8217;s no algorithm that the human eye can&#8217;t best.&#8212;Alec Julien]]></description>
			<content:encoded><![CDATA[<blockquote class="quote"><p>There&#8217;s no algorithm that the human eye can&#8217;t best.<cite>&#8212;<a href="http://alecjulien.com/">Alec Julien</a></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://oaktreecreative.com/quotes/kerning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Setting a Proper Corner Radius</title>
		<link>http://oaktreecreative.com/entries/setting-a-proper-corner-radius/</link>
		<comments>http://oaktreecreative.com/entries/setting-a-proper-corner-radius/#comments</comments>
		<pubDate>Fri, 09 Dec 2011 15:06:16 +0000</pubDate>
		<dc:creator>chuck</dc:creator>
				<category><![CDATA[entries]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://oaktreecreative.com/?p=632</guid>
		<description><![CDATA[Rounded corners are a key component in interface design. Apple&#8217;s iPhone, in particular, vaulted these little rounded-corner square-shaped icons into prominence. You see rounded corners everywhere these days. And all to often, I see rounded corners that seem to have been executed as an afterthought. Designers: please spent just a few extra minutes making sure [...]]]></description>
			<content:encoded><![CDATA[<p>Rounded corners are a key component in interface design. Apple&#8217;s iPhone, in particular, vaulted these little rounded-corner square-shaped icons into prominence. You see rounded corners everywhere these days. And all to often, I see rounded corners that seem to have been executed as an afterthought.</p>
<p>Designers: please spent just a few extra minutes making sure your rounded corners are done right. Examples of negligence are easiest to spot when a rounded-corner shape is inset inside another rounded-corner shape.</p>
<p>If the corner radius is the same for both shapes, you&#8217;ll have problems. If Square A sits inside of Square B and is smaller than Square B, the corner radius for Square A also has to be smaller. See the examples below:</p>
<p><a href="http://oaktreecreative.com/wp-content/uploads/2011/12/corner-radius.png"><img src="http://oaktreecreative.com/wp-content/uploads/2011/12/corner-radius.png" alt="Examples of proper and improper corner radii." title="corner-radius" width="600" height="300" class="alignnone size-full wp-image-633" /></a></p>
<p>Its entirely possible that there&#8217;s a Mr. Wizard math formula that will help you figure out how to adjust the corner radius depending on the change in size of the shape, but I&#8217;m not smart enough to figure that out. This doesn&#8217;t have to be rocket science, though.</p>
<p>A designer&#8217;s keen eye is often enough to prevent the problem. Spending just a couple of extra minutes paying attention to the details will make the world a better place, don&#8217;t you think?</p>
]]></content:encoded>
			<wfw:commentRss>http://oaktreecreative.com/entries/setting-a-proper-corner-radius/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>On Craftsmanship</title>
		<link>http://oaktreecreative.com/quotes/on-craftsmanship/</link>
		<comments>http://oaktreecreative.com/quotes/on-craftsmanship/#comments</comments>
		<pubDate>Thu, 17 Nov 2011 19:48:55 +0000</pubDate>
		<dc:creator>chuck</dc:creator>
				<category><![CDATA[quotes]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://oaktreecreative.com/?p=630</guid>
		<description><![CDATA[When you&#8217;re a carpenter making a beautiful chest of drawers, you&#8217;re not going to use a piece of plywood on the back, even though it faces the wall and nobody will ever see it. You&#8217;ll know it&#8217;s there, so you&#8217;re going to use a beautiful piece of wood in the back. For you to sleep [...]]]></description>
			<content:encoded><![CDATA[<blockquote class="quote"><p>When you&#8217;re a carpenter making a beautiful chest of drawers, you&#8217;re not going to use a piece of plywood on the back, even though it faces the wall and nobody will ever see it. You&#8217;ll know it&#8217;s there, so you&#8217;re going to use a beautiful piece of wood in the back. For you to sleep well at night, the aesthetic, the quality, has to be carried all the way through.<cite>&#8212; Steve Jobs, explaining something his father taught him</cite></p></blockquote>
<p>Check out this article on Fast Company, which describes the <a href="http://www.fastcodesign.com/1665375/the-6-pillars-of-steve-jobss-design-philosophy">6 Pillars of Steve Jobs&#8217; Design Philosophy</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://oaktreecreative.com/quotes/on-craftsmanship/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Thank You, Steve</title>
		<link>http://oaktreecreative.com/quotes/thank-you-steve/</link>
		<comments>http://oaktreecreative.com/quotes/thank-you-steve/#comments</comments>
		<pubDate>Thu, 06 Oct 2011 12:23:14 +0000</pubDate>
		<dc:creator>chuck</dc:creator>
				<category><![CDATA[quotes]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://oaktreecreative.com/?p=628</guid>
		<description><![CDATA[Its not often that we say someone has truly changed the world. That&#8217;s certainly the case with Steve Jobs. I know I&#8217;ve been greatly impacted for the better because of his philosophy, inventions and influence in the world of web design. Long ago, he started changing the way people think about design and putting the [...]]]></description>
			<content:encoded><![CDATA[<p>Its not often that we say someone has truly changed the world. That&#8217;s certainly the case with Steve Jobs. I know I&#8217;ve been greatly impacted for the better because of his philosophy, inventions and influence in the world of web design. Long ago, he started changing the way people think about design and putting the proper importance on form in relation to function. I know I couldn&#8217;t be doing what I&#8217;m doing today without him blazing a trail while I was still in elementary school.</p>
<p>This is my favorite quote from Steve Jobs. It completely describes and even validates what I do. Thank you, Steve.</p>
<blockquote class="quote"><p>&#8220;Design is not just what it looks like and feels like. Design is how it works.&#8221;<cite>&#8212; Steve Jobs</cite></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://oaktreecreative.com/quotes/thank-you-steve/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Five Fonts Designers Should Stop Using</title>
		<link>http://oaktreecreative.com/entries/five-fonts/</link>
		<comments>http://oaktreecreative.com/entries/five-fonts/#comments</comments>
		<pubDate>Mon, 26 Sep 2011 12:42:50 +0000</pubDate>
		<dc:creator>chuck</dc:creator>
				<category><![CDATA[entries]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://oaktreecreative.com/?p=627</guid>
		<description><![CDATA[I am a huge fan of good typography. That being said, there are very few typefaces that I really love. And there are a few widely-used fonts that I just can&#8217;t stand. Sure, there are lists out there decrying the use of Comic Sans and Papyrus. That goes without saying by now, right? This isn&#8217;t [...]]]></description>
			<content:encoded><![CDATA[<p>I am a huge fan of good typography. That being said, there are very few typefaces that I really love. And there are a few widely-used fonts that I just can&#8217;t stand.</p>
<p>Sure, there are lists out there decrying the use of Comic Sans and Papyrus. That goes without saying by now, right? This isn&#8217;t that type of list. This is a list of fonts that are otherwise perfectly acceptable by most designers. In fact, most people who read this list will think I&#8217;m crazy or just don&#8217;t know anything about typography.</p>
<p>I&#8217;m not advocating that these fonts be completely uninstalled from all computers. Non-designers should feel free to mess around and use these fonts if they like. But designers can do better. Without further ado, let the countdown begin:</p>
<h3>5. Futura</h3>
<p>Ok, everyone can stop yelling at me now. Let me explain. Yes, I can&#8217;t stand Futura. Sure, it looks great in diagrams and charts from old biology books from the 60s. But it is old and tired. There are much better choices for us now.</p>
<blockquote class="indent" style="background-color: rgba(255,255,255,.35); padding-top: 7px; padding-bottom: 5px; border-left:5px solid #999;"><p><strong>Recommended alternatives:</strong> Helvetica, Myriad, Frutiger</p></blockquote>
<h3>4. Trajan</h3>
<p>This typeface should be reserved only for use in epic blockbuster movie titling. Maybe the reason I don&#8217;t like Trajan is because I also hate the use of small caps. Again, there are simply better choices out there.</p>
<blockquote class="indent" style="background-color: rgba(255,255,255,.35); padding-top: 7px; padding-bottom: 5px; border-left:5px solid #999;"><p><strong>Recommended alternatives:</strong> Garamond, Goudy</p></blockquote>
<h3>3. Avant Garde</h3>
<p>Another tired font that perhaps was once a great choice, but is now tired and over-used. According to Wikipedia, the term <em>avant garde</em> is French and &#8220;refers to people or works that are experimental or innovative, particularly with respect to art, culture, and politics.&#8221; That&#8217;s why we should stop using it. If we select this font, we&#8217;re going out of our way to be perceived as &#8220;innovative&#8221;. Let&#8217;s put an end to that nonsense.</p>
<blockquote class="indent" style="background-color: rgba(255,255,255,.35); padding-top: 7px; padding-bottom: 5px; border-left:5px solid #999;"><p><strong>Recommended alternatives:</strong> Helvetica, Gothan, Din, anything else really</p></blockquote>
<h3>2. Lobster</h3>
<p>We can all thank the Google Font Directory for this one. This font just screams &#8220;cliche&#8221; to me &#8212; in a really loud and annoying voice. Perhaps if you are making a logo for a restaurant, that may be the only acceptable use. I don&#8217;t know, if you have a business that actually does involve lobsters, then <em>maybe</em> you can get away with this, but otherwise steer clear.</p>
<blockquote class="indent" style="background-color: rgba(255,255,255,.35); padding-top: 7px; padding-bottom: 5px; border-left:5px solid #999;"><p><strong>Recommended alternatives:</strong> Fan Script, Candy Script, Bello</p></blockquote>
<h3>1. Gill Sans</h3>
<p>This is most likely the worst of the bunch. The only problem is I don&#8217;t really have a good reason for disliking this font. But I just can&#8217;t stand it. I have uninstalled it from my computer due to its offensiveness. Doing a Google search just now to look at some examples just makes me angry. Its so wrong in so many ways, I can&#8217;t even begin to describe what I don&#8217;t like about it. Typography kryptonite for sure.</p>
<blockquote class="indent" style="background-color: rgba(255,255,255,.35); padding-top: 7px; padding-bottom: 5px; border-left:5px solid #999;"><p><strong>Recommended alternatives:</strong> Helvetica, Gotham, Trebuchet, Museo, Facit, Din &#8230; heck, even Arial is better!</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://oaktreecreative.com/entries/five-fonts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fireworks Interviews</title>
		<link>http://oaktreecreative.com/entries/fireworks-interviews/</link>
		<comments>http://oaktreecreative.com/entries/fireworks-interviews/#comments</comments>
		<pubDate>Tue, 20 Sep 2011 11:21:46 +0000</pubDate>
		<dc:creator>chuck</dc:creator>
				<category><![CDATA[entries]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fireworks]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://oaktreecreative.com/?p=588</guid>
		<description><![CDATA[Linus Lim has put together some really good interviews on his site, Fireworks Interviews. I always enjoy engaging with other Fireworks users and I learned a thing or two by reading some of the interviews. If you&#8217;re a designer on the fence trying to decide between Fireworks or Photoshop, perhaps some of these interviews could [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://twitter.com/@chunwui">Linus Lim</a> has put together some <a href="http://fireworksinterviews.com">really good interviews</a> on his site, Fireworks Interviews. I always enjoy engaging with other Fireworks users and I learned a thing or two by reading some of the interviews.</p>
<p>If you&#8217;re a designer on the fence trying to decide between Fireworks or Photoshop, perhaps some of these interviews could help you decide. Or, if you&#8217;d just like to be inspired by some other Fireworks users, this is a nice resource.</p>
<p>Either way, check it out and while you&#8217;re there you can read <a href="http://fireworksinterviews.com/chuck-mallott">my answers</a> regarding some favorite Fireworks features, how I use it and my thoughts on Fireworks vs. Photoshop.</p>
]]></content:encoded>
			<wfw:commentRss>http://oaktreecreative.com/entries/fireworks-interviews/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Answering &#8220;The Fold&#8221; Question</title>
		<link>http://oaktreecreative.com/notes/answering-the-fold-question/</link>
		<comments>http://oaktreecreative.com/notes/answering-the-fold-question/#comments</comments>
		<pubDate>Tue, 26 Apr 2011 14:29:17 +0000</pubDate>
		<dc:creator>chuck</dc:creator>
				<category><![CDATA[notes]]></category>
		<category><![CDATA[clients]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[scrolling]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://oaktreecreative.com/?p=583</guid>
		<description><![CDATA[My friend Andy shares what I think is the most appropriate answer to questions about designing for The Fold. And he says it more politely than I would.]]></description>
			<content:encoded><![CDATA[<p>My friend <a href="http://andyrutledge.com">Andy</a> shares what I think is the most appropriate answer to questions about designing for The Fold. And he says it more politely than I would.</p>
<p><iframe title="YouTube video player" width="520" height="422" src="http://www.youtube.com/embed/ATPVMyUDt6k?rel=0" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://oaktreecreative.com/notes/answering-the-fold-question/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Understanding Web Design</title>
		<link>http://oaktreecreative.com/links/title-17/</link>
		<comments>http://oaktreecreative.com/links/title-17/#comments</comments>
		<pubDate>Tue, 16 Nov 2010 04:41:19 +0000</pubDate>
		<dc:creator>chuck</dc:creator>
				<category><![CDATA[links]]></category>
		<category><![CDATA[alistapart]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[murmurs]]></category>
		<category><![CDATA[zeldman]]></category>

		<guid isPermaLink="false">http://oaktreecreative.com/links/title-17/</guid>
		<description><![CDATA[An oldie but a goodie. From the King of Web Design. &#8594;]]></description>
			<content:encoded><![CDATA[<p>An oldie but a goodie. From the King of Web Design. <a href="http://www.alistapart.com/articles/understandingwebdesign/"><strong>&rarr;</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://oaktreecreative.com/links/title-17/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Becoming a Web Designer</title>
		<link>http://oaktreecreative.com/entries/becoming-a-web-designer/</link>
		<comments>http://oaktreecreative.com/entries/becoming-a-web-designer/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 21:53:12 +0000</pubDate>
		<dc:creator>chuck</dc:creator>
				<category><![CDATA[entries]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[personal]]></category>

		<guid isPermaLink="false">http://www.oaktreecreative.com/blog/?p=68</guid>
		<description><![CDATA[Recently, someone emailed me asking for advice about how to start a career as a web designer. After taking some time to organize my thoughts on the subject, I thought I&#8217;d share them here. What I love about the web design field is that it doesn&#8217;t require any special certifications, formal education or any other [...]]]></description>
			<content:encoded><![CDATA[<p>Recently, someone emailed me asking for advice about how to start a career as a web designer. After taking some time to organize my thoughts on the subject, I thought I&#8217;d share them here.</p>
<p>What I love about the web design field is that it doesn&#8217;t require any special certifications, formal education or any other traditional qualifiers. Everyone who has ever decided to start a career as a web designer has probably taken a different path to get there. The <a href="/blog/personal/career-path-the-scenic-route/">route I followed</a> to get where I am today is unique to my life choices and circumstances. So it would be ridiculous to say that there is a preferred path or that one way will work better than another.</p>
<p>The great thing about it all is this: you get to choose the path! However you get there, here are some tips that might help along the way.<span id="more-533"></span></p>
<h3>Read</h3>
<p>Read everything about design/development that you can get your hands on. This is where it starts. We are fortunate, in this profession, that there is so much information available and that there are so many generous folks out there willing to share what they know for free. Read design magazines. Read tutorials and how-tos. Read some <a href="http://readernaut.com/chuckmallott/lists/1212/design-books/">design books</a>. The sources are virtually unlimited &#8212; you just have to want the knowledge enough and take the time to go get it.</p>
<h3>Listen</h3>
<p>I think I&#8217;ve mentioned before how hearing <a href="http://zeldman.com">Jeffrey Zeldman</a> speak at Web Design World in Boston in 2002 changed my whole perspective on web design and subsequently kicked my career into gear. If you&#8217;ve never been to a design conference, do yourself a favor and sign up for one. It really can change your life. I would highly recommend one of the <a href="http://aneventapart.com">An Event Apart</a> conferences.</p>
<h3>Practice</h3>
<p>Publilius Syrus, a 1st Century Roman author said, <em style="font-style: italic;">&#8220;Practice is the best of all instructors.&#8221;</em> This is probably the most important part of the journey to become a successful web designer. Like any worthwhile endeavor, if you want to get better at it, you have to practice. If you want to become a web designer, then just start doing it.</p>
<p>I started off by looking at the code of other designers to see how they achieved certain effects. I spent a lot of time copying/pasting and deconstructing other designers&#8217; websites. I&#8217;ve also spent countless hours pouring over my own HTML or CSS code trying to perfect just the right look. It all takes time &#8212; and lots of practice.</p>
<p>So that&#8217;s pretty much it. There are many ways to get there, but if you want it bad enough, then <strong>reading</strong>, <strong>listening</strong> and <strong>practicing</strong> will be your loyal companions along the way.</p>
]]></content:encoded>
			<wfw:commentRss>http://oaktreecreative.com/entries/becoming-a-web-designer/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>4 Design Elements Behind a Good Call to Action</title>
		<link>http://oaktreecreative.com/links/4-design-elements-behind-a-good-call-to-action/</link>
		<comments>http://oaktreecreative.com/links/4-design-elements-behind-a-good-call-to-action/#comments</comments>
		<pubDate>Thu, 07 Jan 2010 16:14:42 +0000</pubDate>
		<dc:creator>chuck</dc:creator>
				<category><![CDATA[links]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[murmurs]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://localhost:8888/links/4-design-elements-behind-a-good-call-to-action/</guid>
		<description><![CDATA[Simple, straightforward tips on how to design a good call to action. Great stuff. &#8594;]]></description>
			<content:encoded><![CDATA[<p>Simple, straightforward tips on how to design a good call to action. Great stuff. <a href="http://www.shayhowe.com/web-design/designing-call-to-action/"><strong>&rarr;</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://oaktreecreative.com/links/4-design-elements-behind-a-good-call-to-action/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

