<?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>Web Design Blog &#124; Web Design Fan &#124; Resources for Web Designers and Graphic Designers &#187; Inspiration</title>
	<atom:link href="http://webdesignfan.com/tag/inspiration/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdesignfan.com</link>
	<description>Web Design Fan is a blog focused on the beautiful and interesting world of web design and development. We post tutorials, review web tools and services, give away graphics, and deliver all of the information web designers need the most.</description>
	<lastBuildDate>Tue, 07 Feb 2012 21:36:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Create Awesome Post-It Note Art with Photoshop</title>
		<link>http://webdesignfan.com/create-awesome-post-it-note-art-with-photoshop/</link>
		<comments>http://webdesignfan.com/create-awesome-post-it-note-art-with-photoshop/#comments</comments>
		<pubDate>Thu, 22 Dec 2011 14:30:04 +0000</pubDate>
		<dc:creator>Gerard Harris</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Christmas]]></category>
		<category><![CDATA[post-it]]></category>

		<guid isPermaLink="false">http://webdesignfan.com/?p=9016</guid>
		<description><![CDATA[Earlier this year, the full force of post-it note art broke with some of the most amazing visualizations ranging from Super Mario and Kirby to Elvis Presley and Ray Charles. However, where do you start if you want to get involved yourself? If you’ve got a design package like Adobe Photoshop with a grid function, the whole process is actually quite straightforward to design, leaving you with a simple, but time consuming, job of just following your design when you start sticking post-it notes to the wall.]]></description>
			<content:encoded><![CDATA[<p>Earlier this year, the full force of post-it note art broke with some of the most amazing visualizations ranging from Super Mario and Kirby to Elvis Presley and Ray Charles. However, where do you start if you want to get involved yourself? If you’ve got a design package like Adobe Photoshop with a grid function, the whole process is actually quite straightforward to design, leaving you with a simple, but time consuming, job of just following your design when you start sticking post-it notes to the wall.</p>
<p>Below is the process you need to follow to use Adobe Photoshop to design your own post-it note picture.</p>
<p>The first thing to do is to measure your workspace, whether it’s a wall, ceiling or window and work out how many post-it notes it would take to fill the space by simply dividing the total space by the size of an individual note.</p>
<p>Once this is done, you need to turn on the grid function (select View, Show and check Grid, or pres Control apostrophe) and create a canvas size that matches the dimensions of post-it notes that you need for the collage to the squares in the grid.</p>
<p><a href="http://webdesignfan.com/wp-content/uploads/2011/12/post-it-1.jpg"><img class="alignnone size-full wp-image-9017" title="post-it-1" src="http://webdesignfan.com/wp-content/uploads/2011/12/post-it-1.jpg" alt="post it 1 " width="606" height="482" /></a></p>
<p>The next step is to either sketch out your overall design, or import an image for the design into Photoshop and expand it to fill the canvas size you’ve selected. With Snap To Grid on (select View, Show, Snap To and Grid) use the Eyedropper Tool to select the main colour in the background of each square, then use the Rectangular Marque Tool to select the grid square and use Paint Brush Tool to fill it in. Repeat this process until every square on your canvas is covered.</p>
<p><a href="http://webdesignfan.com/wp-content/uploads/2011/12/post-it-2.jpg"><img class="alignnone size-full wp-image-9018" title="post-it-2" src="http://webdesignfan.com/wp-content/uploads/2011/12/post-it-2.jpg" alt="post it 2 " width="615" height="478" /></a></p>
<p>You’ll notice the 8-bit change in the design pretty quickly and get a feel for any manual changes you might need to make to keep it looking good.<br />
<img class="alignnone" title="Post-it 3" src="http://webdesignfan.com/images/post-it-3.png" alt="post it 3 " width="615" height="346" /></p>
<p><img class="alignnone" title="Post-it 4" src="http://webdesignfan.com/images/post-it-4.png" alt="post it 4 " width="615" height="346" /></p>
<p>Now that you have your design in place, it’s simply a case of matching the post-it notes on your work surface to the squares on the Photoshop canvas. Before you know it, you’ve finished your first ever post-it note art.</p>
<p><img class="alignnone" title="Post-it 5" src="http://webdesignfan.com/images/post-it-5.png" alt="post it 5 " width="622" height="415" /></p>
<div class="shr-publisher-9016"></div>
]]></content:encoded>
			<wfw:commentRss>http://webdesignfan.com/create-awesome-post-it-note-art-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>How to Stay Inspired as a Logo Designer</title>
		<link>http://webdesignfan.com/how-to-stay-inspired-as-a-logo-designer/</link>
		<comments>http://webdesignfan.com/how-to-stay-inspired-as-a-logo-designer/#comments</comments>
		<pubDate>Mon, 12 Dec 2011 19:55:54 +0000</pubDate>
		<dc:creator>Roxanne Peterson</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[logos]]></category>

		<guid isPermaLink="false">http://webdesignfan.com/?p=9003</guid>
		<description><![CDATA[<p>Whether you decide to work from home, as a freelancer or even as a part of some creative team, your achievement as a Logo Designer centers upon one thing and that is, your creativity. In order to maintain the ideas to be new, prompt and continuing, you must take care of your inspiration levels. When you feel the pressure of work, it can get very difficult to stay motivated, but with control, time and concentration towards your work, you can help avert your motivation from drying up.</p>

<p>Logically, each person has their personal way of working, and you must always make it a point to listen to yourself as far as finding out how to continue the flow of your creative juices. Here are a few opinions and suggestions that might help you on your way.</p>]]></description>
			<content:encoded><![CDATA[<p>Whether you decide to work from home, as a freelancer or even as a part of some creative team, your achievement as a <a href="http://www.logodesigncrew.com.au/ ">Logo Designer</a> centers upon one thing and that is, your creativity. In order to maintain the ideas to be new, prompt and continuing, you must take care of your inspiration levels. When you feel the pressure of work, it can get very difficult to stay motivated, but with control, time and concentration towards your work, you can help avert your motivation from drying up.</p>
<p>Logically, each person has their personal way of working, and you must always make it a point to listen to yourself as far as finding out how to continue the flow of your creative juices. Here are a few opinions and suggestions that might help you on your way.</p>
<h3><strong>Try something new</strong><strong> </strong></h3>
<p>Sometimes you might feel as if you have been constantly working on similar projects. If you feel bored and think it’s getting monotonous, try adding up something new to your project. There are many new applications and tools being developed and they can be put to use while working on your new project. By trying the new applications, you not only build up new skills but also dare yourself to become skilled at something new, which make the project look different from the rest.</p>
<h3><strong>Create your space</strong></h3>
<p>You also need a space to work where you feel comfortable, protected and stimulated to do your best work. It may include having your own desk space and also making your own office at home that will be arranged according to your tastes. Plan and build an environment that is beneficial for your creative ideas.</p>
<p>It is also significant to set deadlines and targets for the work, but make sure to keep them realistic. One of the most frequent reasons why projects fail or is when one ends up biting more than he can chew. Keep your goals feasible.</p>
<h3><strong>Find your flow</strong></h3>
<p>Each one of us have various working patterns. Some might feel that working early mornings are more beneficial while the others might prefer working late in the night to find peace and to bring in more creativity. Give yourself the tome to understand what you like doing and what time suits you the best.</p>
<p><a href="http://webdesignfan.com/wp-content/uploads/2011/12/1.png"><img class="alignnone size-full wp-image-9004" title="1" src="http://webdesignfan.com/wp-content/uploads/2011/12/1.png" alt="1 " width="376" height="171" /></a></p>
<p><strong> </strong></p>
<h3><strong>Do your homework</strong></h3>
<p>Gather as much information as you can before you start working on any project. Learn and understand as much as you can, and then work on your project by inculcating the ideas. Make sure not to copy anything that is already being done. Think and check before you submit your work.</p>
<h3><strong>Escape the office</strong></h3>
<p>A nine-to-five working schedule might demoralize you and makes you feel bored and blunt. So maybe you can opt for things that will keep you energized even while you are stuck in those fixed working hours. Take a stroll or just go out to feel reignited. Just come back when you think you are refreshed and can work with a free mind!</p>
<h3><strong>Ignore your peers</strong></h3>
<p>This might sound notorious, but if you are somebody who is for all time matching yourself to the others around you, then try keeping them out of the project and your work place. Focus on your work, your priority and your thoughts. It is however not suggested that you completely overlook the work of others  but if you can give yourself the ample space to think without being hampered by the success of the other Logo designers in the back of your mind you will find it easier to focus on your own development.</p>
<h3><strong>Meet your peers</strong></h3>
<p>The reverse to the above mentioned point is to make use of your colleague logo designers and take inspiration from what they can offer. It can be useful to talk to fellow designers who have gone through similar highs and lows of life in the imaginative industries. Keep in mind their coping up techniques, use new work opportunity and get occupied in your design scene.</p>
<p><a href="http://webdesignfan.com/wp-content/uploads/2011/12/2.png"><img class="alignnone size-full wp-image-9005" title="2" src="http://webdesignfan.com/wp-content/uploads/2011/12/2.png" alt="2 " width="290" height="143" /></a></p>
<h3><strong>Keep your tools at hand</strong></h3>
<p>Always carry your sketchbook, smart phone or even scrapbook with yourself to collect and keep a note of the random thoughts and musings as they happen in your mind. Often these golden nuggets can thrive into some of your best work. So make sure you have something to keep note of the innovative ideas that cross your mind through the day!</p>
<p>These are the few ways how you can keep your interest into Logo designing intact. Whether it’s a gallery, a play or a gig, take each chance to widen your horizons by attending various cultural events. Inspiration hits a high when you are developing new ideas, so improve your imagination-bank with loads of stimulating activities.
<div class="shr-publisher-9003"></div>
]]></content:encoded>
			<wfw:commentRss>http://webdesignfan.com/how-to-stay-inspired-as-a-logo-designer/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Must See: Famous Logos and Icons in Pure CSS</title>
		<link>http://webdesignfan.com/must-see-famous-logos-and-icons-in-pure-css/</link>
		<comments>http://webdesignfan.com/must-see-famous-logos-and-icons-in-pure-css/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 16:42:19 +0000</pubDate>
		<dc:creator>Zachary Brown</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Icons]]></category>
		<category><![CDATA[logos]]></category>

		<guid isPermaLink="false">http://webdesignfan.com/?p=8748</guid>
		<description><![CDATA[There are some incredible things happening with CSS these days, and I think I found my favorite. 

Cool things are happening over at <a href="http://www.ecsspert.com/">ECSSpert</a>. So far they have reproduced pure CSS logos for <a href="http://www.ecsspert.com/twitter.php">Twitter</a>, <a href="http://www.ecsspert.com/adidas-originals.php">Adidas</a>, <a href="http://www.ecsspert.com/adobe.php">Adobe</a>, an awesome animated <a href="http://www.ecsspert.com/atari.php">Atari</a>, and well... <a href="http://www.ecsspert.com/">just go look for yourselves</a>. More after the jump.]]></description>
			<content:encoded><![CDATA[<p>There are some incredible things happening with CSS these days, and I think I found my favorite. Check it out:</p>
<p><img class="alignnone size-full wp-image-8757" title="pepsi" src="http://webdesignfan.com/wp-content/uploads/2011/10/pepsi.png" alt="pepsi " width="354" height="284" /></p>
<p>And this one:</p>
<p><img class="alignnone size-full wp-image-8758" title="windows" src="http://webdesignfan.com/wp-content/uploads/2011/10/windows.png" alt="windows " width="423" height="264" /></p>
<p>These awesome logos (along with tons of others. See: the post thumbnail) are being created in pure CSS over at <a href="http://www.ecsspert.com/">ECSSpert</a>. So far there are designs for <a href="http://www.ecsspert.com/twitter.php">Twitter</a>, <a href="http://www.ecsspert.com/adidas-originals.php">Adidas</a>, <a href="http://www.ecsspert.com/adobe.php">Adobe</a>, an awesome animated <a href="http://www.ecsspert.com/atari.php">Atari</a>, and well&#8230; <a href="http://www.ecsspert.com/">just go look for yourselves</a>.</p>
<p>Speaking of increible CSS achievements, check out these 3 links to be in even further awe:</p>
<p><a href="http://graphicpeel.com/cssiosicons">Apple iOS Icons in CSS</a></p>
<p><a href="http://lab.jeffbatterton.com/iphone-css3/">iPhone in CSS</a></p>
<p><a href="http://desandro.com/articles/opera-logo-css/">Opera Logo in CSS</a></p>
<p>Note: you might want to view these using Safari or Chrome, though Firefox is OK, too. Don&#8217;t even bother if you are using IE. Sorry, IE peeps (though you were probably just going to go look at the Windows icon and leave, anyway).</p>
<h3>Got any others?</h3>
<p>Post them in the comments so everyone can see. No use in keeping incredible stuff like this under wraps!
<div class="shr-publisher-8748"></div>
]]></content:encoded>
			<wfw:commentRss>http://webdesignfan.com/must-see-famous-logos-and-icons-in-pure-css/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>30 Brilliantly Blue Themed Images</title>
		<link>http://webdesignfan.com/30-brilliantly-blue-themed-images-2/</link>
		<comments>http://webdesignfan.com/30-brilliantly-blue-themed-images-2/#comments</comments>
		<pubDate>Mon, 24 Oct 2011 16:33:33 +0000</pubDate>
		<dc:creator>Andy Boyd</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Blue]]></category>
		<category><![CDATA[roundup]]></category>

		<guid isPermaLink="false">http://webdesignfan.com/?p=8704</guid>
		<description><![CDATA[Blue is a mysterious colour with a wide range of positive and negative connotations. In English, the word blue is synonymous with sadness while in German blue means drunk. On the other hand, blue skies are associated with happiness and good times, and people pay thousands of dollars each year in search of a bright, blue seas in which to frolic. Below, you'll find 30 spectacular blue images capturing what you might expect, like the sky and the ocean, and what you might not, like eggs, sneakers and wildlife.]]></description>
			<content:encoded><![CDATA[<p>Blue is a mysterious colour with a wide range of positive and negative connotations. In English, the word blue is synonymous with sadness while in German blue means drunk. On the other hand, blue skies are associated with happiness and good times, and people pay thousands of dollars each year in search of a bright, blue seas in which to frolic. Below, you&#8217;ll find 30 spectacular blue images capturing what you might expect, like the sky and the ocean, and what you might not, like eggs, sneakers and wildlife.</p>
<h3>1. Blue-Berry (<a href="http://www.flickr.com/photos/tonytoo/3873138711/sizes/o/in/photostream/">Tony Eccles</a>)</h3>
<p><img class="alignnone size-medium wp-image-8706" title="1-blueberry" src="http://webdesignfan.com/wp-content/uploads/2011/10/1-blueberry-300x300.jpg" alt="1 blueberry 300x300 " width="300" height="300" /></p>
<p>Captured using a Canon EOS 5D Mark II, I bet you&#8217;ve never seen a blue-berry like this before!</p>
<h3>2. Blue (<a href="http://www.flickr.com/photos/baxton/1576878559/sizes/l/in/photostream/">Baxton</a>)</h3>
<p><img class="alignnone size-medium wp-image-8707" title="2-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/2-blue-300x202.jpg" alt="2 blue 300x202 " width="300" height="202" /></p>
<p>This Bravehearted young man was snapped during a UVA vs. UConn game at Scott Stadium.</p>
<h3>3. Blue Impact (<a href="http://www.flickr.com/photos/gregfoster/2984583644/sizes/l/in/photostream/">Greg Foster</a>)</h3>
<p><img class="alignnone size-medium wp-image-8708" title="3-blue-impact" src="http://webdesignfan.com/wp-content/uploads/2011/10/3-blue-impact-195x300.jpg" alt="3 blue impact 195x300 " width="195" height="300" /></p>
<p>Materials used in producing this shot included a 25 cent wine glass, a sheet of white matte paper, black poster board, pink lemonade and Photoshop, to turn the pink lemonade blue.</p>
<h3>4. Eyes Too Expressive to be Blue (<a href="http://www.flickr.com/photos/nattu/2287269183/sizes/l/in/photostream/">Nattu</a>)</h3>
<p><img class="alignnone size-medium wp-image-8709" title="4-expressive-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/4-expressive-blue-300x199.jpg" alt="4 expressive blue 300x199 " width="300" height="199" /></p>
<p>There&#8217;s such intense clarity in this shot of a sun-dappled bay.</p>
<h3>5. Lots of Blue Eggs (<a href="http://www.flickr.com/photos/zamario/64314589/sizes/o/in/photostream/">Mario</a>)</h3>
<p><img class="alignnone size-medium wp-image-8710" title="5-blue-eggs" src="http://webdesignfan.com/wp-content/uploads/2011/10/5-blue-eggs-300x225.jpg" alt="5 blue eggs 300x225 " width="300" height="225" /></p>
<p>Blue eggs are often hard to come by, unless you live in Xi&#8217;an, China, which is where this photograph was taken with a Canon PowerShot G5.</p>
<h3>6. Blue Rose Macro (<a href="http://www.flickr.com/photos/atomicshark/125773243/sizes/o/in/photostream/">Dino Abatzidis</a>)</h3>
<p><img class="alignnone size-medium wp-image-8711" title="6-blue-rose-macro" src="http://webdesignfan.com/wp-content/uploads/2011/10/6-blue-rose-macro-300x225.jpg" alt="6 blue rose macro 300x225 " width="300" height="225" /></p>
<p>Blue roses don&#8217;t exist in nature, unless they&#8217;re artificially died. This particular flower has too much of a velvety texture to have been treated in this way, so I suspect a Photoshop inversion.</p>
<h3>7. Blue! (<a href="http://www.flickr.com/photos/tambako/3721167475/sizes/o/in/photostream/">Tambako the Jaguar</a>)</h3>
<p><img class="alignnone size-medium wp-image-8712" title="7-also-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/7-also-blue-300x199.jpg" alt="7 also blue 300x199 " width="300" height="199" /></p>
<p>A stunning shot of a dangerous, but very beautiful poison dart frog.</p>
<h3>8. The Azure Blue Indoor Pool at Hearst Castle (<a href="http://www.flickr.com/photos/stuckincustoms/4321052153/sizes/o/in/photostream/">Trey Ratcliff</a>)</h3>
<p><img class="alignnone size-medium wp-image-8713" title="8-blue-indoor-pool" src="http://webdesignfan.com/wp-content/uploads/2011/10/8-blue-indoor-pool-227x300.jpg" alt="8 blue indoor pool 227x300 " width="227" height="300" /></p>
<p>Almost everything you need to know about this shot is in the title, but where is Hearst Castle? On the Central Coast of California, USA.</p>
<h3>9. Blue Power! (<a href="http://www.flickr.com/photos/eole/391970523/sizes/o/in/photostream/">Eole Wind</a>)</h3>
<p><img class="alignnone size-medium wp-image-8714" title="9-blue-power" src="http://webdesignfan.com/wp-content/uploads/2011/10/9-blue-power-300x300.jpg" alt="9 blue power 300x300 " width="300" height="300" /></p>
<p>More power to those people who choose to stand out from the crowd by wearing shiny blue sneakers like these!</p>
<h3>10. When the Stars Go Blue (<a href="http://www.flickr.com/photos/9619972@N08/2065818087/sizes/o/in/photostream/">Juc De Leeuw</a>)</h3>
<p><img class="alignnone size-medium wp-image-8715" title="10-stars-go-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/10-stars-go-blue-254x300.jpg" alt="10 stars go blue 254x300 " width="254" height="300" /></p>
<p>It&#8217;s a little grainy, but if anything that adds to this composition, mirroring the texture of the marbles which dominate the image.</p>
<h3>11. The Wind Blue (<a href="http://www.flickr.com/photos/mark_boucher/98471285/sizes/o/in/photostream/">Mark Boucher</a>)</h3>
<p><img class="alignnone size-medium wp-image-8716" title="11-wind-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/11-wind-blue-300x196.jpg" alt="11 wind blue 300x196 " width="300" height="196" /></p>
<p>This shot shows the White Sands National Park in Mexico, but the sands look more blue than white in this photograph.</p>
<h3>12. Accentuate BLUE (<a href="http://www.flickr.com/photos/scottkinmartin/478136767/sizes/o/in/photostream/">Scott Kinmartin</a>)</h3>
<p><img class="alignnone size-medium wp-image-8717" title="12-accentuate" src="http://webdesignfan.com/wp-content/uploads/2011/10/12-accentuate-300x225.jpg" alt="12 accentuate 300x225 " width="300" height="225" /></p>
<p>A little cheesy, I know, but I couldn&#8217;t resist including these two cuties in the list.</p>
<h3>13. Autumn Poem (<a href="http://www.flickr.com/photos/deniscollette/1582876153/sizes/o/in/photostream/">Denis Collette</a>)</h3>
<p><img class="alignnone size-medium wp-image-8718" title="13-autumn-poem" src="http://webdesignfan.com/wp-content/uploads/2011/10/13-autumn-poem-300x300.jpg" alt="13 autumn poem 300x300 " width="300" height="300" /></p>
<p>A dark blue reflection coming off a river in Pont Roude, Quebec, on a dark, Autumnal day.</p>
<h3>14. Blue Door (<a href="http://www.flickr.com/photos/stephenpougas/1543955473/sizes/o/in/photostream/">Stephen Pougas</a>)</h3>
<p><img class="alignnone size-medium wp-image-8719" title="14-blue-door" src="http://webdesignfan.com/wp-content/uploads/2011/10/14-blue-door-196x300.jpg" alt="14 blue door 196x300 " width="196" height="300" /></p>
<p>The colour of this Greek, painted door perfectly matches the sky.</p>
<h3>15. Red and Blue? (<a href="http://www.flickr.com/photos/8525214@N06/3099709747/sizes/o/in/photostream/">Tony Hammond</a>)</h3>
<p><img class="alignnone size-medium wp-image-8720" title="15-red-and-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/15-red-and-blue-300x200.jpg" alt="15 red and blue 300x200 " width="300" height="200" /></p>
<p>Vivid colours transform this image of three pallets into a fascinating composition.</p>
<h3>16. Ice Blue (<a href="http://www.flickr.com/photos/furryscalyman/643828017/sizes/l/in/photostream/">Matt Reinhold</a>)</h3>
<p><img class="alignnone size-medium wp-image-8721" title="16-ice-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/16-ice-blue-300x231.jpg" alt="16 ice blue 300x231 " width="300" height="231" /></p>
<p>There&#8217;s a real depth to the blue colour in this image, which shows ice floating in a blue cup of Blue Birch Beer.</p>
<h3>17. Water Blue (<a href="http://www.flickr.com/photos/zoomcam/4838781772/sizes/o/in/photostream/">Chez Andre 1</a>)</h3>
<p><img class="alignnone size-medium wp-image-8722" title="17-water-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/17-water-blue-300x199.jpg" alt="17 water blue 300x199 " width="300" height="199" /></p>
<p>The colour blue totally dominates the entire landscape, from the water to the boats in the foreground and the mountains in the distance.</p>
<h3>18. Deep Blue Sea (Wall) (<a href="http://www.flickr.com/photos/christing/1447039348/sizes/o/in/photostream/">Christine Vaufrey</a>)</h3>
<p><img class="alignnone size-medium wp-image-8723" title="18-deep-blue-sea" src="http://webdesignfan.com/wp-content/uploads/2011/10/18-deep-blue-sea-300x199.jpg" alt="18 deep blue sea 300x199 " width="300" height="199" /></p>
<p>You&#8217;ve got to love the tactile, blue texture in this image of a weathered sea wall.</p>
<h3>19. Blue Rail (<a href="http://www.flickr.com/photos/ecstaticist/3860865429/sizes/o/in/photostream/">Evan Leeson</a>)</h3>
<p><img class="alignnone size-medium wp-image-8724" title="19-blue-rail" src="http://webdesignfan.com/wp-content/uploads/2011/10/19-blue-rail-300x300.jpg" alt="19 blue rail 300x300 " width="300" height="300" /></p>
<p>An awesome HDR focusing on a simple, slightly corroded, blue rail on a pier in Seschelt, British Columbia.</p>
<h3>20. Happy Monday Blues (<a href="http://www.flickr.com/photos/uteart/3360250468/sizes/o/in/photostream/">Ute Hagen</a>)</h3>
<p><img class="alignnone size-medium wp-image-8725" title="20-happy-monday-blues" src="http://webdesignfan.com/wp-content/uploads/2011/10/20-happy-monday-blues-300x298.jpg" alt="20 happy monday blues 300x298 " width="300" height="298" /></p>
<p>There&#8217;s nothing better than a frothy coffee on a Monday morning. This image perfectly captures this sentiment.</p>
<h3>21. Blue (<a href="http://www.flickr.com/photos/saxonmoseley/197251839/sizes/o/in/photostream/">Saxon</a>)</h3>
<p><img class="alignnone size-medium wp-image-8726" title="21-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/21-blue-300x197.jpg" alt="21 blue 300x197 " width="300" height="197" /></p>
<p>Look familiar? Thought so. Many of us spend the lion&#8217;s share of our working lives staring at something very much like this.</p>
<h3>22. Blue to Dye For (<a href="http://www.flickr.com/photos/grantmac/544044407/sizes/o/in/photostream/">Grant MacDonald</a>)</h3>
<p><img class="alignnone size-medium wp-image-8727" title="22-blue-to-dye-for" src="http://webdesignfan.com/wp-content/uploads/2011/10/22-blue-to-dye-for-300x225.jpg" alt="22 blue to dye for 300x225 " width="300" height="225" /></p>
<p>This gorgeous HDR turns a run down old garage into something spectacular.</p>
<h3>23. Blue Crabs (<a href="http://www.flickr.com/photos/tattoodjay/3851256163/sizes/o/in/photostream/">JJ</a>)</h3>
<p><img class="alignnone size-medium wp-image-8728" title="23-blue-crabs" src="http://webdesignfan.com/wp-content/uploads/2011/10/23-blue-crabs-300x225.jpg" alt="23 blue crabs 300x225 " width="300" height="225" /></p>
<p>Fighting each other like crabs in a bucket, it&#8217;s the flashes of blue which make this image really stand out.</p>
<h3>24. Spaceman Blue: Relax (<a href="http://www.flickr.com/photos/helico/2261991789/sizes/o/in/photostream/">Helico</a>)</h3>
<p><img class="alignnone size-medium wp-image-8729" title="24-spaceman-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/24-spaceman-blue-300x225.jpg" alt="24 spaceman blue 300x225 " width="300" height="225" /></p>
<p>Had to include this one just for fun. What better way to relax than by reclining on a giant daisy.</p>
<h3>25. Dark Blue Sky (<a href="http://www.flickr.com/photos/ekosystem/2427517016/sizes/o/in/photostream/">Ako</a>)</h3>
<p><img class="alignnone size-medium wp-image-8730" title="25-blurred" src="http://webdesignfan.com/wp-content/uploads/2011/10/25-blurred-300x187.jpg" alt="25 blurred 300x187 " width="300" height="187" /></p>
<p>Not much going on here, but the colours in this photograph of a blue sky are remarkable thanks to the horizontal motion blur.</p>
<h3>26. Blue Boy (<a href="http://www.flickr.com/photos/shanegorski/2783150297/sizes/o/in/photostream/">Shane Gorski</a>)</h3>
<p><img class="alignnone size-medium wp-image-8731" title="26-blue-boy" src="http://webdesignfan.com/wp-content/uploads/2011/10/26-blue-boy-200x300.jpg" alt="26 blue boy 200x300 " width="200" height="300" /></p>
<p>Baby blue and pink is a winning combination, especially when painted onto a hot rod.</p>
<h3>27. Red or Blue? (<a href="http://www.flickr.com/photos/tambako/3065592253/sizes/o/in/photostream/">Tambako the Jaguar</a>)</h3>
<p><img class="alignnone size-medium wp-image-8732" title="27-red-or-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/27-red-or-blue-300x199.jpg" alt="27 red or blue 300x199 " width="300" height="199" /></p>
<p>A straightforward, yet eye-catching image. Never has a photograph of nine matches looked so good.</p>
<h3>28. Blue Door Blue Window (<a href="http://www.flickr.com/photos/thomashawk/35015942/sizes/o/in/photostream/">Thomas Hawk</a>)</h3>
<p><img class="alignnone size-medium wp-image-8733" title="28-blue-door-blue-window" src="http://webdesignfan.com/wp-content/uploads/2011/10/28-blue-door-blue-window-300x183.jpg" alt="28 blue door blue window 300x183 " width="300" height="183" /></p>
<p>An absolutely perfect snap of a blue wall. The shadows around the door work so well.</p>
<h3>29. Blue Goo (<a href="http://www.flickr.com/photos/photobunny_earl/2447497673/sizes/o/in/photostream/">Photobunny</a>)</h3>
<p><img class="alignnone size-medium wp-image-8734" title="29-blue-goo" src="http://webdesignfan.com/wp-content/uploads/2011/10/29-blue-goo-300x261.jpg" alt="29 blue goo 300x261 " width="300" height="261" /></p>
<p>There&#8217;s something so satisfying about this image, which shows a chubby blob of blue acrylic paint.</p>
<h3>30. Girl Wearing Blue Holding Blueberries (<a href="http://www.flickr.com/photos/pinksherbet/3925851697/sizes/o/in/photostream/">D Sharon Pruitt</a>)</h3>
<p><img class="alignnone size-medium wp-image-8735" title="30-girl-in-blue" src="http://webdesignfan.com/wp-content/uploads/2011/10/30-girl-in-blue-200x300.jpg" alt="30 girl in blue 200x300 " width="200" height="300" /></p>
<p>There&#8217;s plenty of blue going on here: blue clothing, blue nail varnish and, of course, blue berries.
<div class="shr-publisher-8704"></div>
]]></content:encoded>
			<wfw:commentRss>http://webdesignfan.com/30-brilliantly-blue-themed-images-2/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Amazingly Creative Online Store Designs</title>
		<link>http://webdesignfan.com/amazingly-creative-online-store-designs/</link>
		<comments>http://webdesignfan.com/amazingly-creative-online-store-designs/#comments</comments>
		<pubDate>Wed, 19 Oct 2011 13:35:18 +0000</pubDate>
		<dc:creator>Tara Hornor</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[ecommerce]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://webdesignfan.com/?p=8701</guid>
		<description><![CDATA[<p>We've all seen the standard e-store layout: a wall of product mini-photos and brief descriptions. But recent research indicates that if shoppers are exposed to too many options they freeze, hesitate, and move on without purchasing. So maybe store designs need to open up a bit and present their products with bigger pictures and more description. The result would be fewer items on the page, but a lot more information visually and textually for the product itself.</p>

<p>This collection of websites demonstrates just how this might look. The designs have far fewer products, but the images are large and vibrant, plus the descriptions are often more detailed.</p>]]></description>
			<content:encoded><![CDATA[<p>We&#8217;ve all seen the standard e-store layout: a wall of product mini-photos and brief descriptions. But recent research indicates that if shoppers are exposed to too many options they freeze, hesitate, and move on without purchasing. So maybe store designs need to open up a bit and present their products with bigger pictures and more description. The result would be fewer items on the page, but a lot more information visually and textually for the product itself.</p>
<p>This collection of websites demonstrates just how this might look. The designs have far fewer products, but the images are large and vibrant, plus the descriptions are often more detailed.</p>
<h3><a href="http://www.famouscookies.com/">FamousCookies.com</a></h3>
<p><img src="/images/img580/04-cookies.jpg" alt="04 cookies " width="580" height="450" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://www.atombicycles.com/">AtomBicycles.com</a></h3>
<p><img src="/images/img580/05-atom.jpg" alt="05 atom " width="580" height="352" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://www.converse.com/">Converse.com</a></h3>
<p><img src="/images/img580/06-converse.jpg" alt="06 converse " width="580" height="399" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://www.storyville.com/">Storyville.com</a></h3>
<p><img src="/images/img580/02-storyville.jpg" alt="02 storyville " width="580" height="344" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://us.burberry.com/store/womenswear/">Burberry.com</a></h3>
<p><img src="/images/img580/07-burberry.jpg" alt="07 burberry " width="580" height="397" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://www.babyphat.com/shop.php">BabyPhat.com</a></h3>
<p><img src="/images/img580/08-babyphat.jpg" alt="08 babyphat " width="580" height="413" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://www.lee.com/">Lee.com</a></h3>
<p><img src="/images/img580/09-lee.jpg" alt="09 lee " width="580" height="416" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://narwhalcompany.com/">NarwhalCompany.com</a></h3>
<p><img src="/images/img580/03-norwhal.jpg" alt="03 norwhal " width="580" height="441" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://www.mooresclothing.com/">MooresClothing.com</a></h3>
<p><img src="/images/img580/10-moores.jpg" alt="10 moores " width="580" height="408" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="https://www.amoderneden.com/shop/browse_products/">aModernEden.com</a></h3>
<p><img src="/images/img580/11-moderneden.jpg" alt="11 moderneden " width="580" height="559" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://darkskymagazine.com/books/">DarkSkyMagazine.com</a></h3>
<p><img src="/images/img580/12-darksky.jpg" alt="12 darksky " width="580" height="507" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://www.grenson.co.uk/">Grenson.co.uk</a></h3>
<p><img src="/images/img580/13-grenson.jpg" alt="13 grenson " width="580" height="477" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://www.nineteen47.com/">Nineteen47.com</a></h3>
<p><img src="/images/img580/01-1947.jpg" alt="01 1947 " width="580" height="400" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://chopshopstore.com/">ChopShopStore.com</a></h3>
<p><img src="/images/img580/14-chopshop.jpg" alt="14 chopshop " width="580" height="489" title="Amazingly Creative Online Store Designs" /></p>
<h3><a href="http://www.seibei.com/">Seibei.com</a></h3>
<p><img src="/images/img580/15-seibei.jpg" alt="15 seibei " width="580" height="437" title="Amazingly Creative Online Store Designs" />
<div class="shr-publisher-8701"></div>
]]></content:encoded>
			<wfw:commentRss>http://webdesignfan.com/amazingly-creative-online-store-designs/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
