<?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>Koodoz Design &#187; S-Cells</title>
	<atom:link href="http://www.koodoz.com.au/tag/s-cells/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.koodoz.com.au</link>
	<description>Koodoz Design is a creative design studio based in Richmond, Melbourne. We help businesses unleash their full potential through visual communication and clever design.</description>
	<lastBuildDate>Mon, 23 Jan 2012 03:40:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Blue logos &#8211; we get you!</title>
		<link>http://www.koodoz.com.au/klog/web-design-html-xhtml-css-cascading-style-sheets-hyper-text-markup-language-javascript-flash-php/blue-logos-we-get-you/</link>
		<comments>http://www.koodoz.com.au/klog/web-design-html-xhtml-css-cascading-style-sheets-hyper-text-markup-language-javascript-flash-php/blue-logos-we-get-you/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 01:18:41 +0000</pubDate>
		<dc:creator>Daniel Angel</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[artifcats]]></category>
		<category><![CDATA[Blue]]></category>
		<category><![CDATA[colour vision]]></category>
		<category><![CDATA[cones]]></category>
		<category><![CDATA[green]]></category>
		<category><![CDATA[jpeg compression]]></category>
		<category><![CDATA[L-Cells]]></category>
		<category><![CDATA[M-Cells]]></category>
		<category><![CDATA[red]]></category>
		<category><![CDATA[RGB]]></category>
		<category><![CDATA[S-Cells]]></category>

		<guid isPermaLink="false">http://www.koodoz.com.au/?p=1714</guid>
		<description><![CDATA[

Via Digg, I recently found a magazine scan from Wired &#8230;]]></description>
			<content:encoded><![CDATA[<img src="http://www.koodoz.com.au/wp-content/uploads/2009/11/dude.jpg" alt="A man wearing shades. He&#039;s making a gesture of disgust which makes the picture very funny. His shades reflect red, green and blue light." title="dude" width="300" height="300" class="size-full wp-image-1754" />

<p>Via <a href="http://www.digg.com" rel="external">Digg</a>, I recently found <a href="http://farm1.static.flickr.com/29/56867986_29aa1a3973_o.jpg" rel="external">a magazine scan from Wired Magazine</a> that arranged corporate logos (I&#8217;m guessing from Fortune 500 companies) by their dominant colours. Unsurprisingly, a visible majority of those logos are blue. I&#8217;ve been wondering why people seem to like blue so much. Think about it: most operating systems are dominantly blue by default (<a href="http://www.ubuntu.com/" rel="external">bad ubuntu</a>!). Heck, even denim jeans &mdash; western society&#8217;s greatest achievement &mdash; are predominantly blue!</p>

<p>Now I think I know why we tend to like blue so much: it&#8217;s because we&#8217;re really bad at it. Allow me to explain&#8230;<span id="more-1714"></span></p>

<p>Human beings are equipped with <a href="http://en.wikipedia.org/wiki/Color_vision" rel="external">three types of <em>cone cells</em> that perceive colour</a>: (S)hort, (M)edium and (L)ong, each <em>roughly</em> coinciding with blue, green and red light. The wavelength range to which S-cone cells are sensitive, however, is much narrower than the other two, which in practice makes our eyes much less sensitive to blue.</p>

<p>Here at Koodoz, we&#8217;ve been victims of this <em>tyranny of blue</em>: our logo is red<em>-ish</em>, which means that any defects will be much more noticeable. Don&#8217;t believe me? check out <a href="http://www.smashingmagazine.com/2009/10/29/showcase-of-beautiful-textured-web-designs/" rel="external">some</a> of the <a href="http://www.smashingmagazine.com/2009/07/22/50-new-beautiful-blog-designs/" rel="external">articles</a> we&#8217;ve been <a href="http://www.noupe.com/design/animating-design-elements.html" rel="external">featured</a> on at Smashing Magazine and Noupe and compare our screenshots with any one of the fellow designers on those pages. Notice the ugly jpeg compression artifacts around our logo? Notice how most of the other screenshots &#8220;look better&#8221;, despite being compressed at the same level? We certainly did and it&#8217;s been a source of much frustration! &lt;sarcasm&gt;Thanks for not sucking, red cells!&lt;/sarcasm&gt;.</p>

<p>If you still don&#8217;t believe me, I&#8217;ll prove it to you. First by using a CC-licensed picture of four lovely singaporean models and then by defacing our own logo (Marc won&#8217;t approve, he!).</p>

<h3>Four lovely ladies</h3>

<p>Consider the following picture:</p>

<img src="http://www.koodoz.com.au/wp-content/uploads/2009/11/ladies01.jpg" alt="A picture of four lovely asian ladies smiling and posing for the camera" title="ladies01" width="500" height="334" class="size-full wp-image-1722 center" />

<p>Let&#8217;s decompose this image into its main channels, using Photoshop&#8217;s <em>channel mixer</em> tool, we get three images &mdash; red, green and blue respectively:</p>

<img src="http://www.koodoz.com.au/wp-content/uploads/2009/11/ladies02.jpg" alt="Three version of the lovely ladies image, one for each primary additive colour: red, green and blue" title="ladies02" width="500" height="483" class="size-full wp-image-1723 center" />

<p>Finally, I&#8217;ll degrade the quality of each of the images, to simulate a low resolution jpeg, using the <em>mosaic</em> tool:</p>

<img src="http://www.koodoz.com.au/wp-content/uploads/2009/11/ladies03.jpg" alt="Now we have degraded the quality of this image, for all three channels" title="ladies03" width="500" height="483" class="size-full wp-image-1726 center" />

<p>Not too good. Notice that the blue image is the hardest to make sense of? But what happens if we <em>recompose</em> the image using one degraded channel and two full-quality ones? This is where things get interesting. Take a look. All three images below have been exported with the same settings:</p>

<h4>Degraded <em>red</em> channel</h4>

<img src="http://www.koodoz.com.au/wp-content/uploads/2009/11/ladies04.jpg" alt="Degraded red channel" title="ladies04" width="500" height="163" class="size-full wp-image-1729 center" />

<h4>Degraded <em>green</em> channel</h4>

<img src="http://www.koodoz.com.au/wp-content/uploads/2009/11/ladies05.jpg" alt="Degraded green channel" title="ladies05" width="500" height="163" class="size-full wp-image-1730 center" />

<h4>Degraded <em>blue</em> channel</h4>

<img src="http://www.koodoz.com.au/wp-content/uploads/2009/11/ladies06.jpg" alt="Degraded blue channel" title="ladies06" width="500" height="163" class="size-full wp-image-1731 center" />

<p>Wow! The last one is almost the same, even though we completely destroyed the blue channel. Our eyes just don&#8217;t give a damn! The second one &mdash; where we altered the green channel &mdash; suffers the most. It turns out that we&#8217;re most sensitive to yellow-green light.</p>

<h3>Defacing the <em>Koodoz</em> logo</h3>

<p>To further prove my point, I will butcher our own logo, exporting it at a less-than-acceptable quality and then reproducing the results under different backgrounds. Here&#8217;s our original red logo, exported as a jpeg from Fireworks at 50% quality:</p>

<img src="http://www.koodoz.com.au/wp-content/uploads/2009/11/defaced01.jpg" alt="Our original Koodoz logo with a red background" title="defaced01" width="300" height="116" class="size-full wp-image-1746 center" />

<p>Not liking it. Jpeg artifacts all over the place.</p>

<h4>Green background</h4>

<img src="http://www.koodoz.com.au/wp-content/uploads/2009/11/defaced02.jpg" alt="The koodoz logo under an ugly green background" title="defaced02" width="300" height="116" class="size-full wp-image-1747 center" />

<p>Ouch! even worse!</p>

<h4>Blue background</h4>

<img src="http://www.koodoz.com.au/wp-content/uploads/2009/11/defaced03.jpg" alt="Koodoz logo under blue background" title="defaced03" width="300" height="116" class="size-full wp-image-1748 center" />

<p>Not <em>perfect</em> but you can certainly get away with it!</p>

<p>Anyway, boys and girls, I guess it&#8217;s one of those <a href="http://en.wikipedia.org/wiki/Q.E.D." rel="external"><acronym title="quod erat demonstrandum">QED</acronym></a> moments. I&#8217;m just glad we didn&#8217;t pick green for our corporate identity!<p>

<h4 id="imagecredits">Image Credits</h4>

<p>Image credit for the four lovely ladies goes to Flickr User <a href="http://www.flickr.com/photos/teducation/" rel="external">madaboutasia</a>. The awesome picture of the dude with the shades is a self-portrait by <a href="http://www.flickr.com/photos/thenextweb/" rel="external">Boris Veldhuijzen van Zanten</a>. Thank you both for sharing your work.</p>]]></content:encoded>
			<wfw:commentRss>http://www.koodoz.com.au/klog/web-design-html-xhtml-css-cascading-style-sheets-hyper-text-markup-language-javascript-flash-php/blue-logos-we-get-you/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

