<?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>designerZen &#187; palette</title>
	<atom:link href="http://www.designerzen.com/tag/palette/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designerzen.com</link>
	<description>design and work of zenon olenski</description>
	<lastBuildDate>Mon, 14 Nov 2011 13:57:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Day 002 : Colour Scheme &amp; Layout</title>
		<link>http://www.designerzen.com/2009/03/day-002-colour-scheme-layout/</link>
		<comments>http://www.designerzen.com/2009/03/day-002-colour-scheme-layout/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 02:11:04 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[brain-on-paper]]></category>
		<category><![CDATA[colour]]></category>
		<category><![CDATA[concepts]]></category>
		<category><![CDATA[designerzen]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[maths]]></category>
		<category><![CDATA[palette]]></category>
		<category><![CDATA[swatches]]></category>
		<category><![CDATA[theory]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=99</guid>
		<description><![CDATA[So I was up late last night deciding two super inportant things : layout and colour. For layout, I am employing a fractal like golden grid, based around the fibonacci spiral. The grid starts with 1 section but is recursive &#8230; <a href="http://www.designerzen.com/2009/03/day-002-colour-scheme-layout/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designerzen.com/blog/wp-content/uploads/2009/03/peacock1.gif" alt="" title="peacock" width="200" height="170" class="left size-full wp-image-506" />So I was up<em> late </em>last night deciding two super inportant things : <strong>layout</strong> and <strong>colour</strong>. For layout, I am employing a fractal like golden grid, based around the fibonacci spiral. The grid starts with 1 section but is recursive in the way subsequent sections are divided. This means perfect spacing between elements <strong>regardless of where on the page they are hung</strong>, or how<strong> large they are</strong> in relation to other elements. Each grid can be rotated 90 degrees and shrunk to fit any section whilst still respecting the baseline and all global vertical guides.<br />
<span id="more-99"></span><br />
For colours I have settled upon my most popular palette at my favourite website <a href="http://www.colourlovers.com/lover/xe54">Colourlovers</a></p>
<div class="wp-caption alignright" style="width: 310px"><img class="frame" title="Peacock Flash" src="http://www.colourlovers.com/paletteImgDetail/1539/815/5B504C/CDF589/3FC6CC/37ACC4/192D6A/Peacock_Flash.png" alt="Main Colour Palette" width="300" height="143" /><p class="wp-caption-text">Main Colour Palette</p></div>
<p>The soft brown makes for an <em>extremely easy on the eye text colour</em>, and the blues lend themselves to links with hover classes.</p>
<p>The interesting thing is going to be where to use the<em> accent greens </em>and how to display the extra blue so that it ties the style together. This palette is quite bold, and without making the entire site dark, I have decided to partition the colours into sections with only one colour repeating everywhere.</p>
<p>What is nice about this colour scheme is that there are alternative combinations of colours that can be used that complement each other but look radically different when used side by side with other combinations. Take for example green and brown next to green and navy &#8211; these contrast very strongly and so could be useful to draw fences between sections.</p>
<p>These five colours will be used all over, but for backgrounds there needs to be some shades of neutral tone. White is an obvious choice, but as a lot of my art uses white as the highlight colour, the works will not be as vibrant if placed on sheer white. Thanks to new CSS specifications we can utilise opacity to help blend these tones together with the white content sections.</p>
<p>Also, as the site is already becoming overcrowded with navigation &#8211; most of which is secondary &#8211; we need a non distracting colour for hiding these away.</p>
<p><a href="http://www.colourlovers.com/palette/667994/Peacock_Flash" target="_blank"><img class="frame" title="Peacock Flash!" src="http://www.colourlovers.com/images/badges/p/667/667994_Peacock_Flash.png" alt="Peacock_Flash" width="240" height="120" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2009/03/day-002-colour-scheme-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

