<?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>1stwebdesigner - Graphic and Web Design Blog &#187; Ari Suardiyanti</title>
	<atom:link href="http://www.1stwebdesigner.com/author/chykalophia/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.1stwebdesigner.com</link>
	<description>1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articles.</description>
	<lastBuildDate>Sun, 12 Feb 2012 13:09:13 +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>Get Inspired: 45+ Amazingly Creative Papercut Artwork</title>
		<link>http://www.1stwebdesigner.com/inspiration/creative-papercut-artwork/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/creative-papercut-artwork/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 10:00:15 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[papercut]]></category>
		<category><![CDATA[Roundup]]></category>
		<category><![CDATA[showcase]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=33374</guid>
		<description><![CDATA[Derives from the Greek term for the ancient Egyptian writing material, paper as we call it today is being used for many purposes. From writing a simple note to advertising media, the paper it self become very important in our life. Furthermore, paper can also be used as decorations. Papercut for example, is a simple [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/inspiration/creative-papercut-artwork/"><img class="size-full wp-image-33402 alignleft" title="post-thumbnail" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/post-thumbnail.jpg" alt="" width="150" height="150" /></a>Derives from the Greek term for the ancient Egyptian writing material, paper as we call it today is being used for many purposes. From writing a simple note to advertising media, the paper it self become very important in our life. Furthermore, paper can also be used as decorations.</p>
<p>Papercut for example, is a simple paper decoration. Though, when it comes to creative ideas they will no longer look simple. Instead, these stunning papercut artwork will leave you with praise. In today&#8217;s post, we have selected 45+ amazingly creative papercut artwork for your inspiration. Make sure to check them all and be amazed on how amazing one paper could be.</p>
<p><span id="more-33374"></span></p>
<h2><a href="http://helenmusselwhite.com/">1. Hedgerow Birds by Helen Musselwhite</a></h2>
<p><a href="http://helenmusselwhite.com/"><img class="alignnone" title="Hedgerow Birds" src="http://helenmusselwhite.com/USERIMAGES/Hedgerow%20Birds(1).JPG" alt="" width="540" height="534" /></a></p>
<h2><a href="http://madebyjulene.com/">2. Gucc Grafik and Film by Julene</a></h2>
<p><a href="http://madebyjulene.com/"><img class="alignnone" title="Gucc Grafik and Film" src="http://madebyjulene.com/wp-content/gallery/commercial-work/4878847249_afe5c3dc66.jpg" alt="" width="390" height="500" /></a></p>
<h2><a href="http://www.flickr.com/photos/25046254@N07/">3. Bluness by Stealinghearts</a></h2>
<p><a href="http://www.flickr.com/photos/25046254@N07/"><img class="alignnone" title="Bluness" src="http://farm3.static.flickr.com/2728/4457437362_e7a8110077_z.jpg" alt="" width="480" height="640" /></a></p>
<h2><a href="http://www.flickr.com/photos/37051688@N00/">4. Main25 by Aoyama Hina</a></h2>
<p><a href="http://www.flickr.com/photos/37051688@N00/"><img class="alignnone" title="Main25" src="http://farm3.static.flickr.com/2793/4445117551_1c733f3ba0_z.jpg" alt="" width="512" height="340" /></a></p>
<h2><a href="http://www.flickr.com/photos/37051688@N00/">5. Papillon by Aoyama Hina </a></h2>
<p><a href="http://www.flickr.com/photos/37051688@N00/"><img class="alignnone" title="Papillon" src="http://farm1.static.flickr.com/198/517644714_6f1fcc75d6.jpg" alt="" width="500" height="375" /></a></p>
<h2><a href="http://www.flickr.com/photos/37051688@N00/">6. Altop-p by Aoyama Hina</a></h2>
<p><a href="http://www.flickr.com/photos/37051688@N00/"><img class="alignnone" title="Altop-p" src="http://farm4.static.flickr.com/3185/2698610887_38afce2f71_z.jpg?zz=1" alt="" width="512" height="384" /></a></p>
<h2><a href="http://www.kakoueda.com/">7. Eros &amp; Thanatos by Kako Ueda</a></h2>
<p><a href="http://www.kakoueda.com/"><img class="alignnone" title="Eros &amp; Thanatos" src="http://stuff.kakoueda.com/gallery/s1/media/EvT_from_Central_Archive.jpg" alt="" width="530" height="480" /></a></p>
<h2><a href="http://www.kakoueda.com/">8. Reciprocal Pain by Kako Ueda</a></h2>
<p><a href="http://www.kakoueda.com/"><img class="alignnone" title="Reciprocal Pain" src="http://stuff.kakoueda.com/gallery/s1/media/RPfullviewsmallheadWEB.jpg" alt="" width="540" height="418" /></a></p>
<h2><a href="http://www.beatricecoron.com/paper.html">9. Autobio by Beatrice Coron</a></h2>
<p><a href="http://www.beatricecoron.com/paper.html"><img class="alignnone" title="Autobio" src="http://www.beatricecoron.com/images/paper/autobio.jpg" alt="" width="500" height="500" /></a></p>
<h2><a href="http://www.beatricecoron.com/paper.html">10. Dominik by Beatrice Coron</a></h2>
<p><a href="http://www.beatricecoron.com/paper.html"><img class="alignnone" title="Dominik" src="http://www.beatricecoron.com/images/paper/dominik.jpg" alt="" width="500" height="500" /></a></p>
<h2><a href="http://www.beatricecoron.com/paper.html">11. Webtime by Beatrice Coron</a></h2>
<p><a href="http://www.beatricecoron.com/paper.html"><img class="alignnone" title="Webtime" src="http://www.beatricecoron.com/images/paper/webtime.jpg" alt="" width="500" height="500" /></a></p>
<h2><a href="http://www.flickr.com/photos/ufocinque/">12. Welcome by Ufocinque</a></h2>
<p><a href="http://www.flickr.com/photos/ufocinque/"><img class="alignnone" title="Welcome" src="http://farm4.static.flickr.com/3006/3018843055_7e9a9dfd8d_z.jpg" alt="" width="480" height="640" /></a></p>
<h2><a href="http://www.flickr.com/photos/8853574@N03/">13. Dark Night by Carolg2007</a></h2>
<p><a href="http://www.flickr.com/photos/8853574@N03/"><img class="alignnone" title="Dark Night" src="http://farm4.static.flickr.com/3089/3168391506_d95187ac83_z.jpg" alt="" width="512" height="509" /></a></p>
<h2><a href="http://www.flickr.com/photos/8853574@N03/">14. Tree by Carolg2007</a></h2>
<p><a href="http://www.flickr.com/photos/8853574@N03/"><img class="alignnone" title="Tree" src="http://farm4.static.flickr.com/3441/3251771532_d184d1fb01_z.jpg" alt="" width="512" height="510" /></a></p>
<h2><a href="http://www.flickr.com/photos/ufocinque/">15. Rimane by Ufocinque</a></h2>
<p><a href="http://www.flickr.com/photos/ufocinque/"><img class="alignnone" title="Rimane" src="http://farm4.static.flickr.com/3063/2755289688_7cd9efdbac_z.jpg" alt="" width="425" height="640" /></a></p>
<h2><a href="http://www.flickr.com/photos/lalalu/">16. Vernissage by Analu Prestes</a></h2>
<p><a href="http://www.flickr.com/photos/ufocinque/"><img class="alignnone size-full wp-image-33378" title="Vernissage" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/2010-11-18_11-10-17.png" alt="" width="486" height="591" /></a></p>
<h2><a href="http://www.flickr.com/photos/planetelsita/">17. Tree House by Elsa Mora</a></h2>
<p><a href="http://www.flickr.com/photos/planetelsita/"><img class="alignnone" title="Tree House" src="http://farm4.static.flickr.com/3137/2762070139_2b8f5b4d12_z.jpg?zz=1" alt="" width="482" height="640" /></a></p>
<h2><a href="http://www.flickr.com/photos/planetelsita/">18. Por Dentro by Elsa Mora</a></h2>
<p><a href="http://www.flickr.com/photos/planetelsita/"><img class="alignnone" title="Por Dento" src="http://farm2.static.flickr.com/1115/4720634819_236d967550_z.jpg" alt="" width="418" height="640" /></a></p>
<h2><a href="http://www.flickr.com/photos/planetelsita/">19. Brain by Elsa Mora</a></h2>
<p><a href="http://farm2.static.flickr.com/1115/4720634819_236d967550_z.jpg"><img class="alignnone" title="Brain" src="http://farm4.static.flickr.com/3414/3181915281_a64c54204b.jpg" alt="" width="359" height="500" /></a></p>
<h2 id="title_div4690082377"><a href="http://www.flickr.com/photos/kristrappeniers/">20. Française by Kris Trappeniers</a></h2>
<p><a href="http://www.flickr.com/photos/kristrappeniers/"><img class="alignnone" title="Française" src="http://farm2.static.flickr.com/1265/4690082377_3437d7daa6_z.jpg" alt="" width="480" height="640" /></a></p>
<h2><a href="http://www.flickr.com/photos/kristrappeniers/">21. Mesmerized by Kris Trappeniers</a></h2>
<p><a href="http://www.flickr.com/photos/kristrappeniers/"><img class="alignnone" title="Mesmerized" src="http://farm5.static.flickr.com/4141/4821423060_a07ffbb866_z.jpg" alt="" width="361" height="640" /></a></p>
<h2><a href="http://www.boveylee.com/">22. Atomic Jellyfish by Bovey Lee</a></h2>
<p><a href="http://www.boveylee.com/"><img class="alignnone size-full wp-image-33379" title="Atomic Jellyfish" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/2010-11-18_11-37-48.png" alt="" width="367" height="492" /></a></p>
<h2 id="title_div3386238714"><a href="http://www.flickr.com/photos/airin/">23. Telaraña by Irene Tobón</a></h2>
<p><a href="http://www.flickr.com/photos/airin/"><img class="alignnone" title="Telaraña" src="http://farm4.static.flickr.com/3460/3386238714_9f7f39e362_z.jpg" alt="" width="471" height="640" /></a></p>
<h2><a href="http://www.flickr.com/photos/naomis-illu/">24. Papercut Spread by Naomi</a></h2>
<p><a href="http://www.flickr.com/photos/naomis-illu/"><img class="alignnone size-full wp-image-33380" title="Papercut Spread" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/2010-11-18_11-49-24.png" alt="" width="540" height="349" /></a></p>
<h2 id="title_div4166755480"><a href="http://www.flickr.com/photos/chiquita_boo/">25. Tarjeta Jimena y Marcelo by Chiquita Boo</a></h2>
<p><a href="http://www.flickr.com/photos/chiquita_boo/"><img class="alignnone" title="Tarjeta Jimena y Marcelo" src="http://farm3.static.flickr.com/2516/4166755480_592e99b72c_z.jpg?zz=1" alt="" width="471" height="640" /></a></p>
<h2 id="title_div4166755480"><a href="http://www.flickr.com/photos/chiquita_boo/">26. Blonda by Chiquita Boo</a></h2>
<p><a href="http://www.flickr.com/photos/chiquita_boo/"><img class="alignnone" title="Blonda" src="http://farm4.static.flickr.com/3436/3720458751_5d3a221283_z.jpg?zz=1" alt="" width="512" height="378" /></a></p>
<h2><a href="http://www.boveylee.com/">27. Tsunami Oblivious by Bovey Lee</a></h2>
<p><a href="http://www.boveylee.com/"><img class="alignnone size-full wp-image-33384" title="Tsunami Oblivious" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/2010-11-18_11-56-231.png" alt="" width="540" height="404" /></a></p>
<h2><a href="http://himmapaan.deviantart.com/art/Papercut-for-The-Seance-81807561">28. Papercut for &#8220;The Scene&#8221; by Himmapaan</a></h2>
<p><a href="http://himmapaan.deviantart.com/art/Papercut-for-The-Seance-81807561"><img class="alignnone" title="Papercut for &quot;The Scene&quot;" src="http://fc02.deviantart.net/fs26/f/2008/094/4/3/43701a0acab00f3a.jpg" alt="" width="400" height="600" /></a></p>
<h2><a href="http://www.lorrainenam.com/">29. </a><a href="http://www.lorrainenam.com/">Asphyxiation by Lorraine Nam</a></h2>
<p><a href="http://www.lorrainenam.com/"><img class="alignnone" title="Asphyxiation" src="http://www.lorrainenam.com/files/gimgs/22_2cutpaperwholeweb2.jpg" alt="" width="540" height="436" /></a></p>
<h2><a href="http://www.lorrainenam.com/">30. </a><a href="http://www.lorrainenam.com/">Gender Role by Lorraine Nam</a></h2>
<p><a href="http://www.lorrainenam.com/"><img class="alignnone" title="Gender Role" src="http://www.lorrainenam.com/files/gimgs/23_3cutpaperwholeweb2.jpg" alt="" width="540" height="367" /></a></p>
<h2><a href="http://smallencounters.blogspot.com/2009_12_01_archive.html">31. Paper cut out map</a></h2>
<p><a href="http://smallencounters.blogspot.com/2009_12_01_archive.html"><img class="alignnone" title="Paper cut out map" src="http://manmakehome.files.wordpress.com/2009/09/paris-paper-cut.jpg" alt="" width="499" height="360" /></a></p>
<h2><a href="http://www.flickr.com/photos/v_a_a/">32. Anna by V_A_A</a></h2>
<p><a href="http://www.flickr.com/photos/v_a_a/"><img class="alignnone" title="Anna" src="http://farm5.static.flickr.com/4074/4871133666_a9696fcc7c_z.jpg" alt="" width="452" height="640" /></a></p>
<h2><a href="http://www.flickr.com/photos/v_a_a/">33. P1 Fragment by V_A_A</a></h2>
<p><a href="http://www.flickr.com/photos/v_a_a/"><img class="alignnone" title="P1 Fragment" src="http://farm2.static.flickr.com/1307/4703284766_066329d0ef_z.jpg" alt="" width="512" height="384" /></a></p>
<h2><a href="http://madebyjulene.com/">34. Follow Your Dreams by Julene</a></h2>
<p><a href="http://madebyjulene.com"><img class="alignnone" title="Follow Your Dreams" src="http://madebyjulene.com/wp-content/gallery/typography/4885691758_18c9d90ba1.jpg" alt="" width="407" height="500" /></a></p>
<h2><a href="http://www.flickr.com/photos/iris_b2007/">35. Girl &amp; Storks by Iris-b2007</a></h2>
<p><a href="http://www.flickr.com/photos/iris_b2007/"><img class="alignnone" title="Girl &amp; Storks" src="http://farm4.static.flickr.com/3190/2577953007_46958c2ce0_z.jpg" alt="" width="500" height="576" /></a></p>
<h2><a href="http://www.flickr.com/photos/suili/">36. Papercut by LI</a></h2>
<p><img class="alignnone size-full wp-image-33395" title="Papercut" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/2010-11-18_12-56-19.png" alt="" width="513" height="294" /></p>
<h2><a href="http://www.flickr.com/photos/ruthmergi/">37. Wip by Ruth Mergi</a></h2>
<p><a href="http://www.flickr.com/photos/ruthmergi/"><img class="alignnone" title="Wip" src="http://farm5.static.flickr.com/4021/4518139855_6d831acd6d_z.jpg" alt="" width="512" height="341" /></a></p>
<h2><a href="http://www.flickr.com/photos/38593334@N04/">38. Etsy Papercutting  Art Works</a></h2>
<p><a href="http://www.flickr.com/photos/38593334@N04/"><img class="alignnone" title="Etsy" src="http://farm5.static.flickr.com/4077/4915644431_cbaab00a77_z.jpg" alt="" width="512" height="507" /></a></p>
<h2><a href="http://www.flickr.com/photos/38593334@N04/">39. Etsy Papercutting  Art Works</a></h2>
<p><a href="http://www.flickr.com/photos/38593334@N04/"><img class="alignnone" title="Etsy" src="http://farm5.static.flickr.com/4140/4915644401_791da99b00_z.jpg" alt="" width="512" height="502" /></a></p>
<h2><a href="http://www.flickr.com/photos/wu_geng_zhen/">40. Papercut by Jam Wu</a></h2>
<p><a href="http://www.flickr.com/photos/wu_geng_zhen/"><img class="alignnone size-full wp-image-33397" title="Papercut Jam wu" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/2010-11-18_13-10-03.png" alt="" width="540" height="402" /></a></p>
<h2><a href="http://www.flickr.com/photos/wu_geng_zhen/">41. Papercut by Jam Wu</a></h2>
<p><a href="http://www.flickr.com/photos/wu_geng_zhen/"><img class="alignnone size-full wp-image-33398" title="Papercut 2 Jam Wu" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/2010-11-18_13-12-40.png" alt="" width="540" height="342" /></a></p>
<h2 id="title_div2553058092"><a href="http://www.flickr.com/photos/pgannon/">42. Now I Got Worry (StressMonkey) by Patrick Gannon</a></h2>
<p><a href="http://www.flickr.com/photos/pgannon/"><img class="alignnone" title="Now I Got Worry (StressMonkey)" src="http://farm4.static.flickr.com/3174/2553058092_6fea46ebdc.jpg" alt="" width="500" height="342" /></a></p>
<h2><a href="http://www.flickr.com/photos/pgannon/">43. Your Touch, It Does Something To Me by Patrick Gannon</a></h2>
<p><a href="http://www.flickr.com/photos/pgannon/"><img class="alignnone" title="Your Touch It does something to me" src="http://farm3.static.flickr.com/2424/3742419090_d341c5d337.jpg" alt="" width="400" height="500" /></a></p>
<h2><a href="http://www.flickr.com/photos/disasterstrikes/">44. Laura by Disaster.Strikes</a></h2>
<p><a href="http://www.flickr.com/photos/disasterstrikes/"><img class="alignnone" title="Laura" src="http://farm3.static.flickr.com/2781/4089712267_06b49eb553.jpg" alt="" width="403" height="500" /></a></p>
<h2><a href="http://www.flickr.com/photos/xinagrafx/">45. Xinagraf by Christina Graf</a></h2>
<p><a href="http://www.flickr.com/photos/xinagrafx/"><img class="alignnone size-full wp-image-33399" title="Xinagraf" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/2010-11-18_13-23-55.png" alt="" width="466" height="610" /></a></p>
<h2 id="title_div3365485961"><a href="http://www.flickr.com/photos/32233680@N00/">46. Rob Ryan &#8211; Valentines 2008 by Velda</a></h2>
<p><a href="http://www.flickr.com/photos/32233680@N00/"><img class="alignnone size-full wp-image-33385" title="Rob Ryan - Valentines 2008" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/2010-11-18_12-06-18.png" alt="" width="477" height="564" /></a></p>
<h2 id="title_div4138463574"><a href="http://www.flickr.com/photos/uriafassina/">47. Ceca Sustentável by Uriá Fassina</a></h2>
<p><a href="http://www.flickr.com/photos/uriafassina/"><img class="alignnone" title="ceca sustentável" src="http://farm3.static.flickr.com/2554/4138463574_00879d8c6e_z.jpg" alt="" width="480" height="640" /></a></p>
<h2>Make Your Own Papercut</h2>
<p>Aren&#8217;t they all amazing? It is actually not so difficult to create a papercut artwork, though you will need to be patient and practice on cutting the desired shapes. If you&#8217;re really interested on how to create one, check out this tutorial: <a onmousedown="UntrustedLink.bootstrap($(this), &quot;64f3d&quot;, event);" rel="nofollow" href="http://www.apartmenttherapy.com/chicago/how-to/how-to-diy-papercuts-by-skinny-laminx-067748" target="_blank">How To: DIY Papercuts by Skinny Laminx.</a> Don&#8217;t forget to tell us which is your favorite piece or if you&#8217;re a papercut artist, feel free to show your artwork to us.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/creative-papercut-artwork/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>How To Create A Logo Guideline For Your Client</title>
		<link>http://www.1stwebdesigner.com/design/create-logo-guideline-client/</link>
		<comments>http://www.1stwebdesigner.com/design/create-logo-guideline-client/#comments</comments>
		<pubDate>Fri, 12 Nov 2010 10:00:18 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[Identity Branding]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=32222</guid>
		<description><![CDATA[Working on a logo project sometimes can be challenging especially when you are working on a fresh start up companies who needs an identity for their product or company. Despite the process of how a logo is being created, in this post we are going to learn on how to create a logo guideline for [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/design/create-logo-guideline-client/"><img class="alignleft size-full wp-image-32231" title="How To Create A Logo Guidelines For Your Client" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/post-thumbnail.png" alt="" width="150" height="150" /></a>Working on a logo project sometimes can be challenging especially when you are working on a fresh start up companies who needs an identity for their product or company. Despite the process of how a logo is being created, in this post we are going to learn on how to create a logo guideline for your client based on the logo you have designed and approved by them.</p>
<p><span id="more-32222"></span></p>
<h2>Target Your Audience</h2>
<p><img class="size-full wp-image-32223 alignnone" title="Target-your-Audience" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/Target-your-Audience.png" alt="" width="495" height="298" /></p>
<p>*Image by <a href="http://www.flickr.com/photos/msc72/1442890597/">Michael S. Schwarzer</a></p>
<p>Before you start creating the logo guidelines, first you will need to understand who will be using the guidelines are they your client or will they be the employer of your client, what will they achieve from using them, how and/or where they can access the guidelines (this can either be a digital file like PDF or a printed logo guidelines book), and the last one is that why the logo guidelines it self being produced.</p>
<h2>Gather The Essential Information</h2>
<p><img class="alignnone size-full wp-image-32225" title="Gather-essential-info" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/Gather-essential-info1.png" alt="" width="495" height="223" /></p>
<p>*Image by <a href="http://www.flickr.com/photos/metropol2/149294506/">Metropol 21</a></p>
<p>Once you set up the target or knowing the reason why the guidelines is needed, you can start gathering the essential information to help your target see the concept through the logo you designed. You have to keep in mind that the following logo guidelines is made to help communicate your idea or concept to your brand&#8217;s audience.</p>
<h2>Designing The Logo Guidelines</h2>
<p><img class="alignnone size-full wp-image-32226" title="LogoGuideline" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/LogoGuide_header.jpg" alt="" width="525" height="140" /></p>
<p>*Image by <a href="http://www.indsci.com/Company_Details.aspx?id=8509">Industrial Scientific</a></p>
<p>In designing the logo guidelines, it&#8217;s best to match the look and feel of the brand itself and apply it on the guidelines. However, sometimes it is also best to keep it look simple and neat.</p>
<p>While designing on the logo guidelines book or paper sheet, there are few things that you should consider to do to achieve a better understanding for your audience, such as:</p>
<p><img class="alignnone size-full wp-image-32227" title="LogoGuideline2" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/LogoGuideline2.jpg" alt="" width="550" height="778" /></p>
<ul>
<li>Create section dividers between one subject to the other. For example, you will have the introduction first before the color palette section. You should separate these two sections using lines, rectangle blocks, or even start on new page for each different section.</li>
<li>Write a comprehensible introduction or overview page to describe why the guidelines have been produced and how adhering to them will strengthen their brand.</li>
<li>Remember that this is the guideline, therefore try to engage the user. Keep the explanation short and simple to understand.</li>
<li>Be aware of the typographic hierarchy. Always differentiate the headline/headings with the introduction copy, body copy, or other typography content.</li>
<li>Provide your logo guidelines target with examples of how the logo should, i.e the minimum size of the logo for print or for the website favicon.</li>
<li>Always advice them about the mishandle logo, you could also explain it by including &#8220;the Do&#8217;s and the Don&#8217;t's&#8221; or &#8220;What To Avoid&#8221; section accompanied by the samples of common errors.</li>
</ul>
<h2>Distributing The Logo Guidelines</h2>
<p>When distributing the logo guidelines, you can either create an interactive PDF or have it printed. This depends on whichever your client or target require them. However, you should always maintain the master file in Adobe Illustrator as it is easier to keep the print quality by using vector based program rather than Adobe Photoshop. As for distributing digitally,create these in the Master InDesign File and not within Acrobat, to save having to repeat the process with each revision.</p>
<h2>Free Download</h2>
<p><img class="alignnone size-full wp-image-32228" title="LogoGuidelinePreview" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/LogoGuidelinePreview.jpg" alt="" width="550" height="600" /><br />
We have created a simple Logo Guidelines that you can download for free as a template to provide your client with the essential information.What other information do you put inside the logo guidelines? Let us know your thoughts on the comment below.</p>
<p><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/LogoGuidelines-1stwebdesigner.zip"><img class="alignnone size-full wp-image-32233" title="Download the template" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/11/download.png" alt="" width="247" height="41" /></a></p>
<p>More resources related to logo design and guidelines:</p>
<ul>
<li><a title="Brilliant Tips and Guidelines for Professional Logo Design" rel="bookmark" href="http://www.1stwebdesigner.com/design/tips-guidelines-professional-logo-design/">Brilliant Tips and Guidelines for Professional Logo Design</a></li>
<li><a href="http://imjustcreative.com/logo-identity-guideline-template-for-download/2010/04/15/">Logo identity guideline template for download</a></li>
<li><a href="http://identitydesigned.com">Identity Designed</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/create-logo-guideline-client/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>20+ Inspirational And Informative Resources For Logo Creation</title>
		<link>http://www.1stwebdesigner.com/freebies/resources-logo-creation/</link>
		<comments>http://www.1stwebdesigner.com/freebies/resources-logo-creation/#comments</comments>
		<pubDate>Tue, 28 Sep 2010 21:00:45 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[Galleries]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Roundup]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=26041</guid>
		<description><![CDATA[Being a logo designer and finding ideas to design a stunning yet effective logo is not an easy task. Sometimes we have to check out what logo trends are going on in the current year, and seek the inspiration sources as well. Today, to find such informational and informative resources for logo is as easy [...]]]></description>
			<content:encoded><![CDATA[<p>Being a logo designer and finding ideas to design a stunning yet effective logo is not an easy task. Sometimes we have to check out what logo trends are going on in the current year, and seek the inspiration sources as well.</p>
<p>Today, to find such informational and informative resources for logo is as easy as you snap your fingers. However, if you know which sites to go to, it will save more of your time rather than searching for them one by one on Google. Therefore, we have provided you with 23 of best sites for you to look for logo creation ideas.<span id="more-26041"></span></p>
<h2>Logo Galleries Websites</h2>
<p>On sites below, you will find various and hundreds of different logos around the globe. They can be viewed by top ratings logos, recent logos, or featured logos.</p>
<h3><a href="http://logooftheday.com/">1. Logo Of The Day</a></h3>
<p><a href="http://logooftheday.com/"><img class="aligncenter size-full wp-image-26046" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logo-Of-The-Day-Logo-Design-Inspiration-Gallery-Award-Scheme-201009211.jpg" alt="" width="500" height="646" /></a></p>
<h3><a href="http://logopond.com/">2. LogoPond</a></h3>
<p><a href="http://logopond.com/"><img class="aligncenter size-full wp-image-26047" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/LogoPond-Identity-Inspiration-201009211.jpg" alt="" width="500" height="483" /></a></p>
<h3><a href="http://www.logoed.co.uk/">3. Logoed</a></h3>
<p><a href="http://www.logoed.co.uk/"><img class="aligncenter size-full wp-image-26048" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logoed-201009211.jpg" alt="" width="500" height="428" /></a></p>
<h3><a href="http://logofaves.com">4. Logo Faves</a></h3>
<p><a href="http://logofaves.com"><img class="aligncenter size-full wp-image-26049" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logo-Faves-Logo-Inspiration-Gallery-201009211.jpg" alt="" width="500" height="810" /></a></p>
<h3><a href="http://creattica.com/logos/latest-designs">5. Creattica Logos</a></h3>
<p><a href="http://creattica.com/logos/latest-designs"><img class="aligncenter size-full wp-image-26050" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logos-Creattica-201009211.jpg" alt="" width="500" height="583" /></a></p>
<h3><a href="http://www.logomoose.com/">6. Logo Moose</a></h3>
<p><a href="http://www.logomoose.com/"><img class="aligncenter size-full wp-image-26052" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/LogoMoose-Logo-design-inspiration-gallery-and-showcase-201009211.jpg" alt="" width="500" height="480" /></a></p>
<h3><a href="http://logofury.com/">7. Logo Fury</a></h3>
<p><a href="http://logofury.com/"><img class="aligncenter size-full wp-image-26054" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logo-Ideas-Gallery-LogoFury.com-201009211.jpg" alt="" width="500" height="414" /></a></p>
<h3><a href="http://www.thelogomix.com/top-rated-logos">8. The Logo Mix.com</a></h3>
<p><a href="http://www.thelogomix.com/top-rated-logos"><img class="aligncenter size-full wp-image-26058" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Highest-rated-logo-designs-Logo-Design-Gallery-Inspiration-LogoMix-201009211.jpg" alt="" width="500" height="420" /></a></p>
<h3><a href="http://www.logogalleria.com/">9. Logo Galleria</a></h3>
<p><a href="http://www.logogalleria.com/"><img class="aligncenter size-full wp-image-26063" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logo-Gallery-Inspiration-Logo-Galleria-201009211.jpg" alt="" width="500" height="404" /></a></p>
<h3><a href="http://www.typebased.com/">10. TypeBased</a></h3>
<p><a href="http://www.typebased.com/"><img class="aligncenter size-full wp-image-26065" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Typebased-Typographic-Logo-Design-Gallery-201009211.jpg" alt="" width="500" height="599" /></a></p>
<h3><a href="http://www.logospire.com/">11. Logo Spire</a></h3>
<p><a href="http://www.logospire.com/"><img class="aligncenter size-full wp-image-26068" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logospire-Logo-inspiration-gallery-2010092111.jpg" alt="" width="500" height="575" /></a></p>
<h3><a href="http://www.logoheroes.net/">12. Logo Heroes</a></h3>
<p><a href="http://www.logoheroes.net/"><img class="aligncenter size-full wp-image-26067" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logo-Design-Gallery-Logo-Heroes-201009211.jpg" alt="" width="500" height="593" /></a></p>
<h3><a href="http://www.logogallery.net/">13. Logo Gallery.net</a></h3>
<p><a href="http://www.logogallery.net/"><img class="aligncenter size-full wp-image-26069" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logogallery.net-Logo-Inspiration-Gallery-201009211.jpg" alt="" width="500" height="658" /></a></p>
<h3><a href="http://www.logogala.com/">14. Logo Gala</a></h3>
<p><a href="http://www.logogala.com/"><img class="aligncenter size-full wp-image-26070" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logo-Inspiration-LogoGala-201009211.jpg" alt="" width="500" height="517" /><br />
</a></p>
<h3><a href="http://logoholic.deviantart.com/gallery/">15. LogoHolic | DeviantArt Group</a></h3>
<p><a href="http://logoholic.deviantart.com/gallery/"><img class="aligncenter size-full wp-image-26072" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/logoholic1.jpg" alt="" width="500" height="301" /></a></p>
<h3><a href="http://logo-club.deviantart.com/gallery/">16. Logo Club | DeviantArt Group</a></h3>
<p><a href="http://logo-club.deviantart.com/gallery/"><img class="aligncenter size-full wp-image-26073" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/logoclub1.jpg" alt="" width="500" height="300" /></a></p>
<h3><a title="25 Amazing Logo Collections" href="http://www.youthedesigner.com/2009/10/13/25-amazing-logo-collections/">17. Youthedesigner.com | 25 Amazing Logo Collections</a></h3>
<p><a href="http://www.youthedesigner.com/2009/10/13/25-amazing-logo-collections/"><img class="aligncenter size-full wp-image-26060" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/Logo-Collections-91.jpg" alt="" width="500" height="645" /></a></p>
<h2>Informative Logo Websites</h2>
<p>Sometimes, looking at the logo galleries is not enough. On the this list, you will find detailed information related to logo designs. Ranging from logo design trends, tips on creating logos, to the free resources.</p>
<h3><a href="http://www.logolounge.com/">18. Logo Lounge</a></h3>
<p><a href="http://www.logolounge.com/"><img class="aligncenter size-full wp-image-26053" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/2010-09-21_15.18.501.jpg" alt="" width="500" height="355" /></a></p>
<h3><a href="http://www.underconsideration.com/brandnew/">19. Brand New</a></h3>
<p><a href="http://www.underconsideration.com/brandnew/"><img class="aligncenter size-full wp-image-26077" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/2010-09-21_16.29.111.jpg" alt="" width="500" height="264" /></a></p>
<h3><a href="http://www.logodesign.org/">20. LogoDesign.org</a></h3>
<p><a href="http://www.logodesign.org/"><img class="aligncenter size-full wp-image-26079" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/2010-09-21_16.30.451.jpg" alt="" width="500" height="302" /></a></p>
<h3><a href="http://www.logodesignlove.com/">21. Logo Design Love</a></h3>
<p><a href="http://www.logodesignlove.com/"><img class="aligncenter size-full wp-image-26081" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/2010-09-21_16.32.411.jpg" alt="" width="500" height="300" /></a></p>
<h3><a href="http://www.freelancelogo.com">22. Freelance Logo.com Blog</a></h3>
<p><a href="http://www.freelancelogo.com/blog/"><img class="aligncenter size-full wp-image-26083" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/2010-09-21_16.40.191.jpg" alt="" width="500" height="276" /></a></p>
<h3><a href="http://www.logotemplater.com/">23. Logo Templater.com</a></h3>
<p><a href="http://www.logotemplater.com/"><img class="aligncenter size-full wp-image-26082" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/2010-09-21_16.39.001.jpg" alt="" width="500" height="347" /></a></p>
<h2>More Logo Creation Resources</h2>
<li><a href="http://www.allgraphicdesign.com/graphicsblog/2008/08/30/a-roundup-of-the-best-photoshop-logo-design-tutorials-online/">A Roundup of the Best Photoshop Logo Design  Tutorials Online</a></li>
<li><a href="http://www.allgraphicdesign.com/graphicdesignarticles/logographicdesign/logos-designingcorporate.html">Corporate Logo Design – 6 Keys to Success </a></li>
<li><a href="http://www.littleboxofideas.com/blog/features/importance-of-questionnaires-in-logo-design-and-7-fantastic-resources">Importance Of Questionnaires In Logo Design And 7 Fantastic Resources</a></li>
<li><a href="http://www.allgraphicdesign.com/graphicsblog/2008/04/14/logo-design-creation-process-from-start-to-finish-by-expert-graphic-designer-angela-ferraro-fanning/">Logo Design Creation Process from Start to  Finish by Expert Graphic Designer &#8211; Angela Ferraro-Fanning</a></li>
<li><a href="http://www.allgraphicdesign.com/graphicsblog/2008/07/22/logo-design-creation-process-from-start-to-finish-by-expert-graphic-designer-mark-misenheimer/">Logo Design Creation Process from Start to  Finish by Expert Graphic Designer &#8211; Mark Misenheimer</a></li>
<li><a href="http://www.littleboxofideas.com/blog/features/15-fresh-logo-design-processes-that-teach-volumes">15 Fresh Logo Design Processes That Teach Volumes</a></li>
<li><a href="http://imjustcreative.com/logo-identity-guideline-template-for-download/2010/04/15/">Logo Identity Guideline Template For Download</a></li>
<p>So, which website do you usually explore to get logo inspirations? Let us know your thoughts as well about the logo website lists above. If you think we miss your favorite logo website in this post, share it with us on the comment section.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/resources-logo-creation/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Upcoming and OnGoing Web Design Trends of 2010</title>
		<link>http://www.1stwebdesigner.com/design/web-design-trends-2010/</link>
		<comments>http://www.1stwebdesigner.com/design/web-design-trends-2010/#comments</comments>
		<pubDate>Thu, 16 Sep 2010 10:00:48 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=25405</guid>
		<description><![CDATA[Trend is a set of rules we somehow follow, not as something we designers obey. It is more like a guidance to help us set new ideas whenever we create a design. In the web design industry, we realized that the trend changes rapidly. Not only to accomplish the aesthetically feel, the user interface plays [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/design/web-design-trends-2010/"><img class="alignleft size-full wp-image-25549" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/post-thumbnail1.png" alt="" width="150" height="150" /></a>Trend is a set of rules we somehow follow, not as something we designers obey. It is more like a guidance to help us set new ideas whenever we create a design. In the web design industry, we realized that the trend changes rapidly. Not only to accomplish the aesthetically feel, the user interface plays another great role as well.</p>
<p>Although the year of 2010 will be over in 3 more months, the revolutions in web design this year have led designers to achieve extra ordinaries web designs, while continuing to set the unlimited parameters of it. <span id="more-25405"></span>Below are the 13 main points of web design trends of 2010 which we think will keep to continue, and some more inspirations to help you set new ideas for your upcoming web design projects or perhaps redesign your own website/blog. Be creative, unleashed your concept.</p>
<h2>1. Huge headline and images</h2>
<p><a href="http://secondandpark.com/"><img class="aligncenter size-full wp-image-25522" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/41.jpg" alt="" width="500" height="285" /></a></p>
<p><a href="http://carsonified.com/"><img class="aligncenter size-full wp-image-25524" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/61.jpg" alt="" width="500" height="505" /></a></p>
<p><a href="http://www.elysiumburns.com/"><img class="aligncenter size-full wp-image-25525" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/71.jpg" alt="" width="500" height="297" /></a></p>
<p>You have probably realized that many websites today are using huge headlines and/or images. By doing this, designers are focusing the big headline and images to grab users attention and invite them in. It creates a great visual impact which will help your visitor to remember your website. Furthermore, you can use these on your web designs to communicate the site&#8217;s tone or  to create an immerse experience to the visitors.</p>
<h2>2. Customized typography</h2>
<p><a href="http://www.brizk.com/"><img class="aligncenter size-full wp-image-25519" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/110.jpg" alt="" width="500" height="257" /></a></p>
<p><a href="http://www.taptaptap.com/"><img class="aligncenter size-full wp-image-25521" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/31.jpg" alt="" width="500" height="286" /></a></p>
<p>Typography in web designs today has expanding from a boring standard fonts to beautiful customized fonts. By using <a href="http://typekit.com/">Typekit</a> (it&#8217;s a  subscription-based service for linking to high-quality Open Type  fonts  from some of the worlds best type foundries), you can easily use real fonts on the web. Say good-bye to the standard fonts and pick a beautiful readable fonts to convey the purpose of an e-commerce website or portfolio.</p>
<h2>3. Print design influence</h2>
<p><a href="http://themanyfacesof.com/alan-rickman/"><img class="aligncenter size-full wp-image-25540" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/211.jpg" alt="" width="500" height="261" /></a></p>
<p style="text-align: center;"><a href="http://designinformer.com/grid-based-web-design-simplified/"><img class="aligncenter" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/05/grid.jpg" alt="" width="500" height="525" /></a></p>
<p>Serif fonts, more graphics, grid systems, and more of other print design aspect have become the inspiration that influenced web design in this year. The point of getting influence from print design is that it has had to be high impact to grab attention and communicate clearly.</p>
<h2>4. CSS3 &amp; HTML5 capabilities</h2>
<p style="text-align: center;"><a href="http://www.atebits.com/"><img class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/trends_2010/atebits.jpg" alt="" width="500" height="365" /></a></p>
<p style="text-align: center;"><a href="http://media.24ways.org/2009/14/5/index.html"><img class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/trends_2010/24ways.org.jpg" alt="" width="500" height="365" /></a></p>
<p>With CSS3 &amp; HTML 5, web designers can take new advantages to help them load the web faster and create a better navigation. On CSS3, designers will no longer need to use images to create the effects. In fact, it will never be easier to create rounded corners, borders backgrounds, text and box shadows, and opacity property.  While HTML5  will intro­duce more seman­tic tags like “header”, “footer” and “nav”  as well as the much antic­i­pated canvas ele­ment.</p>
<h2>5. More visual effects</h2>
<p><a href="http://billytamplin.com/"><img class="aligncenter size-full wp-image-25520" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/21.jpg" alt="" width="500" height="269" /></a></p>
<p><a href="http://sketch.odopod.com/"><img class="aligncenter size-full wp-image-25528" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/101.jpg" alt="" width="500" height="285" /></a></p>
<p><a href="http://www.duirwaigh.com/"><img class="aligncenter size-full wp-image-25533" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/161.jpg" alt="" width="500" height="239" /></a></p>
<p>Pay attention on the background of most web designs these days. Designers are gradually replaced the backgrounds with patterns or subtle and textured background. Not only because it looks nicer and more modern web 3.0 feel, but it also creates a certain visual effects for the website tone and feel as might be expected on the design concept.</p>
<h2>6. Mobile compatible design</h2>
<p><a href="http://www.hm.com/us/mobile"><img class="aligncenter" src="http://www.webtemplatesblog.com/wp-content/uploads/2010/05/mobile-website-h-m.jpg" alt="" width="319" height="415" /></a></p>
<p><a href="http://www.procab.ch/iphone/"><img class="aligncenter" src="http://www.webtemplatesblog.com/wp-content/uploads/2010/05/mobile-website-design-procab-studio.jpg" alt="" width="316" height="405" /></a></p>
<p><a href="http://www.alexbuga.com/v9/iphone"><img class="aligncenter" src="http://www.webtemplatesblog.com/wp-content/uploads/2010/05/mobile-site-alex-buga.jpg" alt="" width="325" height="524" /></a></p>
<p>Mobile generations in has started since the release of smart phones a few years back. This year, more and more smart phones with CSS and JavaScript supported has created the new trend for web design and directing many websites each day to go mobile as well.</p>
<h2>7. Single page layout</h2>
<p><a href="http://www.cpeople.ru"><img class="aligncenter size-full wp-image-25546" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/2010-09-16_00.20.15.jpg" alt="" width="500" height="258" /></a></p>
<p><a href="http://www.jasonreedwebdesign.com/"><img class="aligncenter size-full wp-image-25547" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/Jason-Reed-Smart-Innovative-Web-Design-Development-for-Santa-Rosa-Sonoma-County-the-San-Francisco-Bay-Area-and-Beyond-20100916.jpg" alt="" width="500" height="432" /></a></p>
<p><a href="http://www.psdlayout.com/"><img class="aligncenter size-full wp-image-25548" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/psd-web-layout-design-by-Respiro-Media-design-agency-20100916.jpg" alt="" width="500" height="1162" /></a></p>
<p>Say that you don&#8217;t have much information to give out to your visitor but still need a website a short info about you and your company&#8217;s services, and having several pages is just a waste. With single page layout, designers can avoid creating the unnecessary pages and focus on the single layout which will be more effective both for the visitors and the user or designer.</p>
<h2>8. Minimalist &amp; creative</h2>
<p><a href="http://chengis.me/"><img class="aligncenter size-full wp-image-25526" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/81.jpg" alt="" width="500" height="280" /></a></p>
<p style="text-align: center;"><a href="http://jaxvineyards.com"><img class="aligncenter" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/05/wine.jpg" alt="" width="500" height="460" /></a></p>
<p style="text-align: center;"><a href="http://www.getfinch.com/"><img class="aligncenter size-full wp-image-25544" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/Greetings-and-Salutations-FINCH-Adventures-in-Design-20100916.jpg" alt="" width="500" height="552" /></a></p>
<p>As a replacement for busy and complex web designs in the past years, huge white space in web designs has creating a simple and minimalist concept in this year. It&#8217;s clean, engaging, memorable, and yet creative.</p>
<h2>9. Multi column / grid system</h2>
<p><a href="http://www.leidsfilmfestival.nl/nl/"><img class="aligncenter size-full wp-image-25543" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/Leiden-International-Film-Festival-Leids-Film-Festival-20100916.jpg" alt="" width="500" height="806" /></a></p>
<p><a href="http://www.yamaha.co.jp/yamahaginza/"><img class="aligncenter size-full wp-image-25541" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/2010-09-15_23.59.37.jpg" alt="" width="500" height="259" /></a></p>
<p><a href="http://www.prettyproduction.com/"><img class="aligncenter size-full wp-image-25542" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/2010-09-16_00.06.58.jpg" alt="" width="500" height="246" /></a></p>
<p>Although grid system is not something new anymore, designers are taking more advantages from this system, creating multi column web design layouts to make it easier to use. This also allows them to fit in more content as it will help you to save more spaces on the layout.</p>
<h2>10. Custom illustrations &amp; clean icons</h2>
<p><a href="http://forrst.com/"><img class="aligncenter size-full wp-image-25523" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/51.jpg" alt="" width="500" height="248" /></a></p>
<p><a href="http://www.skype.com/"><img class="aligncenter size-full wp-image-25527" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/91.jpg" alt="" width="500" height="316" /></a></p>
<p><a href="http://www.biola.edu/undergrad/"><img class="aligncenter size-full wp-image-25539" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/201.jpg" alt="" width="500" height="275" /></a></p>
<p>More and more companies realized how essential it is to grab their customer&#8217;s attention. Not only they have the web designed with certain ideas to fit the company&#8217;s concept, but in recent years many companies are gradually changing the lead images from photo images to custom illustrations and icons. These unique customized illustrations and icons are obviously what the customers will capture and remember.</p>
<h2>11. Social media is a must</h2>
<p><a href="http://oldloft.com/"><img class="aligncenter size-full wp-image-25537" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/181.jpg" alt="" width="500" height="280" /></a></p>
<p><a href="http://www.edgepointchurch.com/"><img class="aligncenter size-full wp-image-25538" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/191.jpg" alt="" width="500" height="166" /></a></p>
<p>There are just no end with social media. At least everyone has Facebook account. It&#8217;s another way to interact to your visitor, so put up your social media links on your footer, sidebar or wherever you think fit on your website design. As many of them prefer to connect with you through the website they check on daily.</p>
<h2>12. Introduction</h2>
<p><a href="http://www.zachklein.com/"><img class="aligncenter size-full wp-image-25530" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/121.jpg" alt="" width="500" height="254" /></a></p>
<p><a href="http://www.kylestanding.com/"><img class="aligncenter size-full wp-image-25534" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/151.jpg" alt="" width="500" height="288" /></a></p>
<p><a href="http://www.alessandro-cavallo.de/"><img class="aligncenter size-full wp-image-25535" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/171.jpg" alt="" width="500" height="280" /></a></p>
<p>A website is the new way to get to know a person in this internet era. Having an introduction boxes or headline is now the trend in web design. With average 30 seconds time for your visitor to look over your website, this introduction is the best way to let them know a bit about who you are and what you or your company (can) do.</p>
<h2>13. Modal boxes / Light boxes</h2>
<p><a href="http://frespiration.com/issues/"><img class="aligncenter size-full wp-image-25529" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/111.jpg" alt="" width="500" height="268" /></a></p>
<p><a href="http://digg.com/news"><img class="aligncenter size-full wp-image-25531" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/131.jpg" alt="" width="500" height="237" /></a></p>
<p><a href="http://www.istockphoto.com/"><img class="aligncenter size-full wp-image-25532" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/141.jpg" alt="" width="500" height="253" /></a></p>
<p>They called it the new generation of pop-up windows. Modal boxes or also known as light boxes, is an alternative to present pictures, text, or videos. It&#8217;s clean, crisp, focuses the user on the information which are being presenting, and more user-friendly than pop-up windows.</p>
<p>So, which points above have you applied on your designs? Or do you think we miss other point of the upcoming and on going web design trends for this year? Let us know your thoughts on the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/web-design-trends-2010/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>Beautiful Designer Quotes &#8211; Mindsets and Inspiration</title>
		<link>http://www.1stwebdesigner.com/inspiration/designer-quotes-mindsets-inspiration/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/designer-quotes-mindsets-inspiration/#comments</comments>
		<pubDate>Mon, 06 Sep 2010 21:00:14 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[beautiful]]></category>
		<category><![CDATA[designer]]></category>
		<category><![CDATA[quotes]]></category>
		<category><![CDATA[showcase]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=22595</guid>
		<description><![CDATA[There are many ways to get inspired these days. For designers, looking through design pieces around the internet help them grow their ideas for current or future projects. Though sometimes when you&#8217;re down, it doesn&#8217;t matter if you are designers or not some quotes or phrase can inspire you to move forward and think creatively. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/inspiration/designer-quotes-mindsets-inspiration/"><img class="size-full wp-image-24176 alignleft" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/post-thumbnail.png" alt="" width="150" height="150" /></a>There are many ways to get inspired these days. For designers, looking through design pieces around the internet help them grow their ideas for current or future projects. Though sometimes when you&#8217;re down, it doesn&#8217;t matter if you are designers or not some quotes or phrase can inspire you to move forward and think creatively.</p>
<p>In this article, we have selected 75+ various design quotes. Some you will recognize coming from the great artist like Pablo Picasso. Others are inspiring quotes created by designers across the world based on their mindset.<span id="more-22595"></span></p>
<h3><a href="http://mrnaps.deviantart.com/art/picasso-type-169861576">Picasso Type &#8211; Quote by Picasso</a></h3>
<p><a href="http://mrnaps.deviantart.com/art/picasso-type-169861576"><img class="alignnone size-full wp-image-24012" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/1.jpg" alt="" width="450" height="563" /></a></p>
<blockquote>
<h3>Design’s fundamental role is problem solver.</h3>
</blockquote>
<p>- Fast Company, 2005</p>
<blockquote>
<h3>Design is in everything we make, but it’s also between those things.  It’s a mix of craft, science, storytelling, propaganda, and philosophy.</h3>
</blockquote>
<p>- Erik Adigard</p>
<blockquote>
<h3>Design is not just what it looks like and feels like. Design is how it  works.</h3>
</blockquote>
<p>- Steve Jobs, 2003</p>
<h3><a href="http://mrnaps.deviantart.com/art/pablo-picasso-169825734">Pablo Picasso</a></h3>
<p><a href="http://mrnaps.deviantart.com/art/pablo-picasso-169825734"><img class="alignnone size-full wp-image-24013" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/2.jpg" alt="" width="450" height="553" /></a></p>
<blockquote>
<h3>If you think it’s expensive to hire a professional to do the job, wait  until you hire an amateur.</h3>
</blockquote>
<p>- Red Adair</p>
<blockquote>
<h3>Invention is 10% inspiration and 90% perspiration.</h3>
</blockquote>
<p>- Thomas Edison</p>
<blockquote>
<h3>…designers can make life more bearable by producing stuff that touches  its audience rather than fucks them in the head.</h3>
</blockquote>
<p>- Jon Wozencraft</p>
<h3><a href="http://jeffrey.deviantart.com/art/Dead-Serious-163174348">Dead Serious</a></h3>
<p><a href="http://jeffrey.deviantart.com/art/Dead-Serious-163174348"><img class="alignnone size-full wp-image-24023" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/3.jpg" alt="" width="450" height="449" /></a></p>
<blockquote>
<h3>Good design is good business.</h3>
</blockquote>
<p>- Thomas J. Watson Jr.</p>
<blockquote>
<h3>The only important thing about design is how it relates to people.</h3>
</blockquote>
<p>- Victor Papanek</p>
<blockquote>
<h3>A design isn’t finished until somebody is using it.</h3>
</blockquote>
<p>- Brenda Laurel</p>
<h3><a href="http://nd-designs.deviantart.com/art/creativity-158880688">Creativity</a></h3>
<p><a href="http://nd-designs.deviantart.com/art/creativity-158880688"><img class="alignnone size-full wp-image-24024" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/4.jpg" alt="" width="450" height="297" /></a></p>
<blockquote>
<h3>You are what you are seen to be.</h3>
</blockquote>
<p>- Erik Spiekermann</p>
<blockquote>
<h3>To say that something is designed means it has intentions that go beyond  its function. Otherwise it’s just planning.</h3>
</blockquote>
<p>- Ayse Birsel</p>
<blockquote>
<h3>A designer knows he has achieved perfection not when there is nothing  left to add, but when there is nothing left to take away.</h3>
</blockquote>
<p>- Antoine de Saint Exupéry</p>
<h3><a href="http://whiim.deviantart.com/art/Sweet-in-the-Sour-156952476">Sweet In The Sour</a></h3>
<p><a href="http://whiim.deviantart.com/art/Sweet-in-the-Sour-156952476"><img class="alignnone size-full wp-image-24026" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/5.jpg" alt="" width="450" height="634" /></a></p>
<blockquote>
<h3>Truly elegant design incorporates top-notch functionality into a simple,  uncluttered form.</h3>
</blockquote>
<p>- David Lewis</p>
<blockquote>
<h3>Create your own visual style… let it be unique for yourself and yet  identifiable for others.</h3>
</blockquote>
<p>- Orson Welles</p>
<blockquote>
<h3>I am always doing that which I cannot do, in order that I may learn how  to do it.</h3>
</blockquote>
<p>- Pablo Picasso</p>
<h3><a href="http://bladecx321.deviantart.com/art/Excellence-155385816">Excellence &#8211; Aristotle</a></h3>
<p><a href="http://bladecx321.deviantart.com/art/Excellence-155385816"><img class="alignnone size-full wp-image-24028" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/6.jpg" alt="" width="450" height="280" /></a></p>
<blockquote>
<h3>Design is as much a matter of finding problems as it is solving them.</h3>
</blockquote>
<p>- Bryan Lawson</p>
<blockquote>
<h3>Be a first rate version of yourself, not a second rate version of someone else.</h3>
</blockquote>
<p>- Judy Garland</p>
<blockquote>
<h3>The large print giveth and the small print taketh away.</h3>
</blockquote>
<p>- Tom Waits</p>
<h3><a href="http://nd-designs.deviantart.com/art/Person-you-are-151164552">Person You Are</a></h3>
<p><a href="http://nd-designs.deviantart.com/art/Person-you-are-151164552"><img class="alignnone size-full wp-image-24034" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/7.jpg" alt="" width="450" height="571" /></a></p>
<blockquote>
<h3>Good art inspires; Good design motivates.</h3>
</blockquote>
<p>- Otl Aicher</p>
<blockquote>
<h3>Color is a creative element, not a trimming.</h3>
</blockquote>
<p>- Piet Zwart</p>
<blockquote>
<h3>Sometimes you can draw more inspiration from the people who don&#8217;t believe in you, then from the ones who do.</h3>
</blockquote>
<p>- William Childs</p>
<h3><a href="http://tistwas.deviantart.com/art/21-05-10-164786118">You Learn Something New Everyday</a></h3>
<p><a href="http://tistwas.deviantart.com/art/21-05-10-164786118"><img class="alignnone size-full wp-image-24036" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/8.jpg" alt="" width="450" height="600" /></a></p>
<blockquote>
<h3>Education is not the answer to the question. Education is the means to the answer to all questions.</h3>
</blockquote>
<p>- William Allin</p>
<blockquote>
<h3>Design is where science and art break even.</h3>
</blockquote>
<p>- Robin Mathew</p>
<blockquote>
<h3>I&#8217;m convinced that without bad design, the world would be a far less stimulating place; we would have nothing to marvel over and nothing to be nostalgic about.</h3>
</blockquote>
<p>- Carrie Philips</p>
<h3><a href="http://jonnyart86.deviantart.com/art/Typograpghy-145144653">Typography</a></h3>
<p><a href="http://jonnyart86.deviantart.com/art/Typograpghy-145144653"><img class="alignnone size-full wp-image-24042" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/9.jpg" alt="" width="450" height="362" /></a></p>
<blockquote>
<h3>The definition of an expert is someone who knows what not to do.</h3>
</blockquote>
<p>- Charles Willson</p>
<blockquote>
<h3>Practice safe design: Use a concept.</h3>
</blockquote>
<p>- Petrula Vrontikis</p>
<blockquote>
<h3>Just because something looks good doesn&#8217;t mean it&#8217;s useful. And just because something is useful does not make it beautiful.</h3>
</blockquote>
<p>- Joshua Brewer</p>
<h3><a href="http://eugeniaclara.deviantart.com/art/Never-Tell-Me-170913489">Never Tell Me</a></h3>
<p><a href="http://eugeniaclara.deviantart.com/art/Never-Tell-Me-170913489"><img class="alignnone size-full wp-image-24049" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/10.jpg" alt="" width="450" height="339" /></a></p>
<blockquote>
<h3>Good design goes to heaven; bad design goes everywhere.</h3>
</blockquote>
<p>- Mieke Gerritzen</p>
<blockquote>
<h3>When you eliminate quality as a requirement, the entire design process becomes a whole lot easier.</h3>
</blockquote>
<p>- Jared M. Spool</p>
<blockquote>
<h3>If you&#8217;re more susceptible to interruption, you do more out of the box thinking.</h3>
</blockquote>
<p>- Don Norman</p>
<h3><a href="http://waterboy1992.deviantart.com/art/Life-is-170275548">Life Is&#8230;</a></h3>
<p><a href="http://waterboy1992.deviantart.com/art/Life-is-170275548"><img class="alignnone size-full wp-image-24050" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/11.jpg" alt="" width="450" height="473" /></a></p>
<blockquote>
<h3>By far the dominant reason for not releasing sooner was a reluctance to trade the dream of success for the reality of feedback.</h3>
</blockquote>
<p>- Kent Beck</p>
<blockquote>
<h3>You can have an art experience in front of a Rembrandt&#8230; or in front of a piece of graphic design.</h3>
</blockquote>
<p>- Stefan Sagmeister</p>
<blockquote>
<h3>I don&#8217;t think that design needs theory, but I think designers need theory.</h3>
</blockquote>
<p>- Johanna Drucker</p>
<h3><a href="http://najmetender.deviantart.com/art/The-Only-Thing-Worse-169775918">The Only Thing Worse</a></h3>
<p><a href="http://najmetender.deviantart.com/art/The-Only-Thing-Worse-169775918"><img class="alignnone size-full wp-image-24051" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/12.jpg" alt="" width="450" height="668" /></a></p>
<blockquote>
<h3>Design is the contrast of the core of limitations therefore there are no boundaries. It is simply an interpretation of creativity.</h3>
</blockquote>
<p>- Jenaiha Woods</p>
<blockquote>
<h3>Don&#8217;t worry about people stealing your design work. Worry about the day they stop.</h3>
</blockquote>
<p>- Jeffrey Zeldman</p>
<blockquote>
<h3>Simplicity does not mean want or poverty. It does not mean the absence of any decor, or absolute nudity. It only means that the decor should belong intimately to the design proper, and that anything foreign to it should be taken away.</h3>
</blockquote>
<p>- Paul Jacques Grillo</p>
<h3><a href="http://jamesrandom.deviantart.com/art/Fight-With-Tools-153517340">Fight With Tools</a></h3>
<p><a href="http://jamesrandom.deviantart.com/art/Fight-With-Tools-153517340"><img class="alignnone size-full wp-image-24053" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/13.jpg" alt="" width="450" height="451" /></a></p>
<blockquote>
<h3>I know the price of success: dedication, hard work &amp; an unremitting devotion to the things you want to see happen.</h3>
</blockquote>
<p>- Frank Llyod Wright</p>
<blockquote>
<h3>Design is creativity with strategy.</h3>
</blockquote>
<p>- Rob Curedale</p>
<blockquote>
<h3>There ain&#8217;t no rules around here. We&#8217;re trying to accomplish something.</h3>
</blockquote>
<p>- Thomas Edison</p>
<h3><a href="http://iiroleplayy.deviantart.com/art/BeAmazing-165983758">BeAmazing</a></h3>
<p><a href="http://iiroleplayy.deviantart.com/art/BeAmazing-165983758"><img class="alignnone size-full wp-image-24054" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/14.jpg" alt="" width="450" height="695" /></a></p>
<blockquote>
<h3>Design is an opportunity to continue telling the story, not just to sum everything up.</h3>
</blockquote>
<p>- Tate Linden</p>
<blockquote>
<h3>Typography has one plain duty before it and that is to convey information in writing. No argument or consideration can absolve typography from this duty.</h3>
</blockquote>
<p>- Emil Ruder</p>
<blockquote>
<h3>Wisdom is to knowing what to do next, skill is knowing how to do it, and virtue is doing it.</h3>
</blockquote>
<p>- David Starr</p>
<h3><a href="http://kodereaper.deviantart.com/art/Compassion-Will-Cure-156700212">Compassion Will Cure&#8230;</a></h3>
<p><a href="http://kodereaper.deviantart.com/art/Compassion-Will-Cure-156700212"><img class="alignnone size-full wp-image-24055" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/15.jpg" alt="" width="450" height="462" /></a></p>
<blockquote>
<h3>Designers have a dual duty; contractually to their clients and morally to the later users and recipients of their work.</h3>
</blockquote>
<p>- Hans Hger</p>
<blockquote>
<h3>Imitation may be the &#8220;sincerest form of plagiarism,&#8221; but it is also the mark of an inferior person.</h3>
</blockquote>
<p>- David Ogilvy</p>
<blockquote>
<h3>Art does not reproduce what we see; rather, it makes us see.</h3>
</blockquote>
<p>- Paul Klee</p>
<h3><a href="http://reanimagic.deviantart.com/art/Rising-Sun-151161175">Rising Sun</a></h3>
<p><a href="http://reanimagic.deviantart.com/art/Rising-Sun-151161175"><img class="alignnone size-full wp-image-24056" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/16.jpg" alt="" width="450" height="637" /></a></p>
<blockquote>
<h3>Some designers create things to show you what they did. I design things to tell you what I solved.</h3>
</blockquote>
<p>-  Brian Yerkes</p>
<blockquote>
<h3>The quality of any creative endeavor tends to approach the level of taste of whoever is in charge.</h3>
</blockquote>
<p>- John Gruber</p>
<blockquote>
<h3>Simplicity is the ultimate sophistication.</h3>
</blockquote>
<p>- Leonardo da Vinci</p>
<h3><a href="http://sabof.deviantart.com/art/Q6-88691397">Quotation 6</a></h3>
<p><a href="http://sabof.deviantart.com/art/Q6-88691397"><img class="alignnone size-full wp-image-24057" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/17.jpg" alt="" width="450" height="441" /></a></p>
<blockquote>
<h3>The secret of joy in work is contained in one word: excellence. To know how to do something well is to enjoy it.</h3>
</blockquote>
<p>- Pearl S. Buck</p>
<blockquote>
<h3>Designers think everything done by someone else is awful, and that they could do it better themselves, which explains why I designed my own living room carpet, I suppose.</h3>
</blockquote>
<p>- Chris Bangle</p>
<blockquote>
<h3>The world always seems brighter when you&#8217;ve just made something that wasn&#8217;t there before.</h3>
</blockquote>
<p>- Neil Gaiman</p>
<h3><a href="http://louiehitman.deviantart.com/art/Mr-Mandela-said-108494511">Mr.Mandela Said&#8230;</a></h3>
<p><a href="http://louiehitman.deviantart.com/art/Mr-Mandela-said-108494511"><img class="alignnone size-full wp-image-24058" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/18.jpg" alt="" width="450" height="280" /></a></p>
<blockquote>
<h3>Designing a product is designing a relationship.</h3>
</blockquote>
<p>- Steve Rogers</p>
<blockquote>
<h3>The real issue is not talent as an independent element,  but talent in  relationship to will, desire, and persistence. Talent  without these  things vanishes and even modest talent with those  characteristics grows.</h3>
</blockquote>
<p>- Milton Glaser</p>
<blockquote>
<h3>Every act of creation is first an act of destruction.</h3>
</blockquote>
<p>- Pablo Picasso</p>
<h3><a href="http://fiveless.deviantart.com/art/reminders-139150975">Reminders</a></h3>
<p><a href="http://fiveless.deviantart.com/art/reminders-139150975"><img class="alignnone size-full wp-image-24059" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/19.jpg" alt="" width="450" height="608" /></a></p>
<blockquote>
<h3>I never design a building before I’ve seen the site and met the  people  who will be using it.</h3>
</blockquote>
<p>- Frank Lloyd Wright</p>
<blockquote>
<h3>I don’t design clothes, I design dreams.</h3>
</blockquote>
<p>- Ralph Lauren</p>
<blockquote>
<h3>Design is a plan for arranging elements in such a way as best to   accomplish a particular purpose.</h3>
</blockquote>
<p>- Charles Eames</p>
<h3><a href="http://fiveless.deviantart.com/art/worth-having-73393390">Worth Having</a></h3>
<p><a href="http://fiveless.deviantart.com/art/worth-having-73393390"><img class="alignnone size-full wp-image-24060" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/20.jpg" alt="" width="450" height="192" /></a></p>
<p>We hope you can be inspired and motivated by the quotes in this post.  Join and tell us which is your favorite one or if you have your own  quotes, feel free to write it down on the comments. In the meantime  here&#8217;s mine.</p>
<blockquote>
<h3>You can&#8217;t reach the top before you start climbing from  the bottom</h3>
</blockquote>
<p>- Ari Suardiyanti</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/designer-quotes-mindsets-inspiration/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Get Inspired: Beautiful Examples of Textures in Web Design</title>
		<link>http://www.1stwebdesigner.com/inspiration/textures-web-designs-inspiration/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/textures-web-designs-inspiration/#comments</comments>
		<pubDate>Sat, 28 Aug 2010 10:00:18 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[doodle]]></category>
		<category><![CDATA[elegant]]></category>
		<category><![CDATA[grunge]]></category>
		<category><![CDATA[textures]]></category>
		<category><![CDATA[vintage]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=22591</guid>
		<description><![CDATA[Whenever you visit website these days, every single one of them is trying to compete one and another. Despite the difference of products or services they offer, their mission remain the same: to engage their visitor or customer. If you find adding big text, icons, or illustrations on web design isn&#8217;t so entertaining anymore, let&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/inspiration/textures-web-designs-inspiration/"><img class="alignleft size-full wp-image-23032" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/post-thumbnail.png" alt="" width="150" height="150" /></a>Whenever you visit website these days, every single one of them is trying to compete one and another. Despite the difference of products or services they offer, their mission remain the same: to engage their visitor or customer. If you find adding big text, icons, or illustrations on web design isn&#8217;t so entertaining anymore, let&#8217;s add textures.</p>
<p>Some web designs use solid or gradient colors as their background, others use illustration to make it look attractive. As for textures, you can add it as the background of a web design, create a certain effect on the text, or even add it to the buttons or other web graphic elements. In this post, we will show you 5 types of texture in web design for your inspiration.<span id="more-22591"></span></p>
<h2>Vintage</h2>
<p>Retro/Vintage look is timeless. It may look old, but somehow this texture always get our attention and appreciation. Most web designers will use this type of texture to create the warm feel, others use it for travel and tour sites with Polaroid as the images frames.</p>
<h3><a href="http://www.ernesthemingwaycollection.com/">Ernest Hemingway Collection</a></h3>
<p><a href="http://www.ernesthemingwaycollection.com/"><img class="aligncenter size-full wp-image-22690" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/v1.jpg" alt="" width="570" height="693" /></a></p>
<h3><a href="http://www.dhcards.com/">Dog House Cards</a></h3>
<p><a href="http://www.dhcards.com/"><img class="aligncenter size-full wp-image-22691" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/v2.jpg" alt="" width="570" height="434" /></a></p>
<h3><a href="http://Fedrick.deviantart.com/art/Vintage-Web-44320007">Vintage Web</a></h3>
<p><a href="http://fedrick.deviantart.com/art/Vintage-Web-44320007"><img class="aligncenter size-full wp-image-22693" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Vintage_Web_by_Fedrick.jpeg" alt="" width="570" height="427" /></a></p>
<h3><a href="http://Fedrick.deviantart.com/art/The-Big-Chandelier-web-67967519">The Big Chandelier Web</a></h3>
<p><a href="http://fedrick.deviantart.com/art/The-Big-Chandelier-web-67967519"><img class="aligncenter size-full wp-image-22694" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/c0a97ac7a563237981d7a2a957244ae1.jpeg" alt="" width="570" height="427" /></a></p>
<h3><a href="http://corvusart.com/">Corvus Art</a></h3>
<p><a href="http://corvusart.com/"><img class="aligncenter size-full wp-image-22699" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Award-Winning-Web-Design-San-Luis-Obispo-California-Web-Designer-20100819.jpg" alt="" width="570" height="1007" /></a></p>
<h3><a href="http://www.behance.net/gallery/The-Foggy-Goggle-Website/170934">The Foggy Google</a></h3>
<p><a href="http://www.behance.net/gallery/The-Foggy-Goggle-Website/170934"><img class="aligncenter size-full wp-image-22955" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/891841235813110.jpeg" alt="" width="570" height="456" /></a></p>
<h3><a href="http://www.behance.net/gallery/The-Cowboy-Star-Website-Design/524437">The Cowboy Star</a></h3>
<p><a href="http://www.behance.net/gallery/The-Cowboy-Star-Website-Design/524437"><img class="aligncenter size-full wp-image-22961" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/1338721274914490.jpeg" alt="" width="570" height="433" /></a></p>
<h3><a href="http://www.behance.net/gallery/North-Point-Springfield-MO/91356">North Point Springfield</a></h3>
<p><a href="http://www.behance.net/gallery/North-Point-Springfield-MO/91356"><img class="aligncenter size-full wp-image-22969" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/728951210532959.jpeg" alt="" width="570" height="414" /></a></p>
<h3><a href="http://www.teamfannypack.com/" target="_blank">Team Fannypack</a></h3>
<p><a href="http://www.teamfannypack.com/"><img class="aligncenter size-full wp-image-22980" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Team-Fannypack-Making-Dreams-Come-True-One-Fannypack-at-a-Time-20100822.jpg" alt="" width="570" height="495" /></a></p>
<h3><a href="http://www.fivecentstand.com/" target="_blank">fivecentstand.com</a></h3>
<p><a href="http://www.fivecentstand.com/"><img class="aligncenter size-full wp-image-22981" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/retrosites16.jpeg" alt="" width="570" height="291" /></a></p>
<h2>Grunge</h2>
<p>To avoid the &#8220;Web 2.0&#8243; style, web designers use grunge texture to gives their design a less uniform, less structured, more organic look and feel. It doesn&#8217;t necessarily stand for dirty, though it&#8217;s easily recognized by the gritty texture, uneven/torn edges, worn, faded and aged graphic elements. This texture is best to use on any extreme sport, rock band, or any web design whose target is young people.</p>
<h3><a href="http://www.behance.net/gallery/The-Third-Floor-Rebrand/180859">The Third Floor</a></h3>
<p><a href="http://www.behance.net/gallery/The-Third-Floor-Rebrand/180859"><img class="aligncenter size-full wp-image-22960" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-22_23.18.25.jpg" alt="" width="570" height="360" /></a></p>
<h3><a href="http://www.behance.net/gallery/_-jazzsequence-_/269639">Jazz Sequence</a></h3>
<p><a href="http://www.behance.net/gallery/_-jazzsequence-_/269639"><img class="aligncenter size-full wp-image-22965" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/1156521248149161.jpeg" alt="" width="570" height="375" /></a></p>
<h3><a href="http://www.behance.net/gallery/Renovatus/112374">Renovatus</a></h3>
<p><a href="http://www.behance.net/gallery/Renovatus/112374"><img class="aligncenter size-full wp-image-22974" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/728951217386322.jpeg" alt="" width="570" height="570" /></a></p>
<h3><a href="http://www.behance.net/gallery/Web-Design/580157">Target Productions</a></h3>
<p><a href="http://www.behance.net/gallery/Web-Design/580157"><img class="aligncenter size-full wp-image-22984" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/5f6fa0239262273174b95e30dea92697.jpeg" alt="" width="570" height="304" /></a></p>
<h3><a href="http://www.behance.net/gallery/Snickers--Online-Campaign/159618">Snickers Online Campaign</a></h3>
<p><a href="http://www.behance.net/gallery/Snickers--Online-Campaign/159618"><img class="aligncenter size-full wp-image-22985" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/896571229554434.jpeg" alt="" width="570" height="367" /></a></p>
<h3><a href="http://www.cogitatur.pl/">Cogitatur</a></h3>
<p><a href="http://www.cogitatur.pl/"><img class="aligncenter size-full wp-image-22992" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Cogitatur-screen-shot.jpeg" alt="" width="570" height="434" /></a></p>
<h3><a href="http://generationchurch.org/">Generation Church</a></h3>
<p><a href="http://generationchurch.org/"><img class="aligncenter size-full wp-image-22993" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-23_00.22.57.jpg" alt="" width="570" height="374" /></a></p>
<h3><a href="http://www.somacommunities.org/">Soma Communities</a></h3>
<p><a href="http://www.somacommunities.org/"><img class="aligncenter size-full wp-image-22994" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Soma-Communities-20100823.jpg" alt="" width="570" height="678" /></a></p>
<h3><a href="http://www.sourcebits.com/tangleddecals/">Sourcebit</a></h3>
<p><a href="http://www.sourcebits.com/tangleddecals/"><img class="aligncenter size-full wp-image-22995" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-23_00.27.49.jpg" alt="" width="570" height="313" /></a></p>
<h3><a href="http://sycfuk.com/">Syc Fuk Fashion</a></h3>
<p><a href="http://sycfuk.com/"><img class="aligncenter size-full wp-image-22997" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/syc-fuk-fashion-201008231.jpg" alt="" width="570" height="998" /></a></p>
<h3>Elegant</h3>
<p>If you&#8217;re planning to create an elegant look for a web design, using a texture can be an alternative to make it more appealing. Though, you have to be selective in choosing the texture. Subtle textures work best for this type of look, although sometimes you can also use leather, wood, or even fabric texture.</p>
<h3><a href="http://www.behance.net/gallery/Marcus-James-hotsite/496806">Marcus James Wine</a></h3>
<p><a href="http://www.behance.net/gallery/Marcus-James-hotsite/496806"><img class="aligncenter size-full wp-image-22954" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/14602312724864661.jpeg" alt="" width="570" height="350" /></a></p>
<h3><a href="http://www.behance.net/gallery/Abundant-Life-Christian-Center/200411">Abundant Life Christian Center</a></h3>
<p><a href="http://www.behance.net/gallery/Abundant-Life-Christian-Center/200411"><img class="aligncenter size-full wp-image-22972" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/728951237860879.jpeg" alt="" width="570" height="570" /></a></p>
<h3><a href="http://www.outline2design.com/">Outline to Design</a></h3>
<p><a href="http://www.outline2design.com/"><img class="aligncenter size-full wp-image-23005" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/OUTLINE-to-DESIGN-service.-What-You-Need-Is-What-You-Get.-Web-Identity-Print-Design-Which-Meets-Expectations.-20100823.jpg" alt="" width="570" height="523" /></a></p>
<h3><a href="http://www.mhq.nl/">Merten Snijders, Mhq Interactive 2007</a></h3>
<p><a href="http://www.mhq.nl/"><img class="aligncenter size-full wp-image-23006" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-23_00.53.11.jpg" alt="" width="570" height="432" /></a></p>
<h3><a href="http://www.sarahlongnecker.com/">Sarahlongnecker.com</a></h3>
<p><a href="http://www.saddlebackleather.com/"><img class="aligncenter size-full wp-image-23007" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-23_00.57.44.jpg" alt="" width="570" height="342" /></a></p>
<h3><a title="Go to Pizza Venetia" href="http://www.pizza-venetia.ro/">Pizza Venetia</a></h3>
<p><a href="http://www.pizza-venetia.ro/"><img class="aligncenter size-full wp-image-23008" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Pizza-Venetia-Restaurant-cu-livrare-in-Bucuresti-20100823.jpg" alt="" width="570" height="483" /></a></p>
<h3><a title="Go to Moore Family Heritage Project" href="http://www.mooreheritage.com/">Moore Family Heritage Project</a></h3>
<p><a href="http://www.mooreheritage.com/"><img class="aligncenter size-full wp-image-23012" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-23_01.07.41.jpg" alt="" width="570" height="358" /></a></p>
<h3><a href="http://www.caferouge.co.uk/">Café Rouge</a></h3>
<p><a href="http://www.caferouge.co.uk/"><img class="aligncenter size-full wp-image-23013" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Café-Rouge-Restaurant-Bar-Café-20100823.jpg" alt="" width="570" height="494" /></a></p>
<h3><a href="http://www.eastpoint.org/">East Point</a></h3>
<p><a href="http://www.eastpoint.org/"><img class="aligncenter size-full wp-image-23016" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Eastpoint-Community-Church-20100823.jpg" alt="" width="570" height="431" /></a></p>
<h3><a href="http://www.playintraffik.com/">Traffik</a></h3>
<p><a href="http://www.playintraffik.com/"><img class="aligncenter size-full wp-image-23015" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Content-Management-System-for-Designers-and-Businesses-Traffik-20100823.jpg" alt="" width="570" height="765" /></a></p>
<h2>Doodle</h2>
<p>Doodle look is another alternative for your web design. Most graphic designer and illustrator will prefer to use this look in order to blend their portfolio into the web design. Although sometimes it creates the childish look, but for the creatives like illustrator it&#8217;s smart and unique.</p>
<h3><a href="http://www.sointeractive.pl/">So Interactive</a></h3>
<p><a href="http://www.sointeractive.pl/"><img class="aligncenter size-full wp-image-22752" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-20_12.20.05.jpg" alt="" width="570" height="294" /></a></p>
<h3><a href="http://instantadlegend.com/">Instand Ad Legend</a></h3>
<p><a href="http://instantadlegend.com/"><img class="aligncenter size-full wp-image-22753" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-20_12.39.13.jpg" alt="" width="570" height="318" /></a></p>
<h3><a href="http://www.allendesigngroup.com/">Allen Design Group</a></h3>
<p><a href="http://www.allendesigngroup.com/"><img class="aligncenter size-full wp-image-22756" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-20_12.45.061.jpg" alt="" width="570" height="325" /></a></p>
<h3><a href="http://www.behance.net/gallery/Yok-boyle-bir-yer/386662">Yok Boyle Bir Yer</a></h3>
<p><a href="http://www.behance.net/gallery/Yok-boyle-bir-yer/386662"><img class="aligncenter size-full wp-image-22983" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/706921263078247.jpeg" alt="" width="570" height="636" /></a></p>
<h3><a href="http://www.ceynur.com/">Ceynur</a></h3>
<p><a href="http://www.ceynur.com/"><img class="aligncenter size-full wp-image-22990" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-23_00.12.03.jpg" alt="" width="570" height="302" /></a></p>
<h3><a href="http://sketch.odopod.com/">Odosketch</a></h3>
<p><a href="http://sketch.odopod.com/"><img class="aligncenter size-full wp-image-22999" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/odosketch-20100823.jpg" alt="" width="570" height="522" /></a></p>
<h3><a href="http://www.dawghousedesignstudio.com/">Dawghouse Design Studio</a></h3>
<p><a href="http://www.dawghousedesignstudio.com/"><img class="aligncenter size-full wp-image-23000" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-23_00.38.29.jpg" alt="" width="570" height="323" /></a></p>
<h3><a href="http://www.legworkstudio.com/">Legwork Studio</a></h3>
<p><a href="http://www.legworkstudio.com/"><img class="aligncenter size-full wp-image-23001" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-23_00.41.48.jpg" alt="" width="570" height="319" /></a></p>
<h3><a href="http://10words.richpurple.com/">10 Words</a></h3>
<p><a href="http://10words.richpurple.com/"><img class="aligncenter size-full wp-image-23002" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/10Words-RichPurple-20100823.jpg" alt="" width="570" height="478" /></a></p>
<h3><a href="http://www.suiepaparude.ro/">Suiepaparude</a></h3>
<p><a href="http://www.suiepaparude.ro/"><img class="aligncenter size-full wp-image-23003" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/2010-08-23_00.46.18.jpg" alt="" width="570" height="317" /></a></p>
<h2>Miscellaneous</h2>
<p>In some case, one type of look may not be enough. There are no limit in web design. So be creative, mix several types of look by using textures for the design.</p>
<h3><a href="http://naseemhaider.deviantart.com/art/Grunge-retro-175174717">Grunge Retro</a></h3>
<p><a href="http://naseemhaider.deviantart.com/art/Grunge-retro-175174717"><img class="aligncenter size-full wp-image-22695" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Grunge_retro_by_naseemhaider.jpg" alt="" width="570" height="813" /></a></p>
<h3><a href="http://www.tvrdek.cz/en">Tvrdek</a></h3>
<p><a href="http://www.tvrdek.cz/en"><img class="aligncenter size-full wp-image-22697" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Jiri-Tvrdek-Web-Graphic-Designer-Online-portfolio-20100819.jpg" alt="" width="570" height="1229" /></a></p>
<h3><a href="http://www.narfstuff.co.uk/">NarStuff</a></h3>
<p><a href="http://www.narfstuff.co.uk/"><img class="aligncenter size-full wp-image-22698" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Narfstuff-Wordpress-Development-Web-and-Graphic-Design-20100819.jpg" alt="" width="570" height="599" /></a></p>
<h3><a href="http://www.jayhafling.com/">Jay Hafling</a></h3>
<p><a href="http://www.jayhafling.com/"><img class="aligncenter size-full wp-image-22701" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Jay-Hafling-Freelance-web-designer-Wordpress-themes-developer-Wordpress-designer-20100819.jpg" alt="" width="570" height="827" /></a></p>
<h3><a href="http://elmovimiento.cl/">El Original Movimiento</a></h3>
<p><a href="http://elmovimiento.cl/"><img class="aligncenter size-full wp-image-22959" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/El-Original-Movimiento-Audiográfico-Por-que-la-vida-es-humor.-20100822.jpg" alt="" width="570" height="588" /></a></p>
<h3><a href="http://www.behance.net/gallery/Allen-Solly-AW09/318702">Allen Solly</a></h3>
<p><a href="http://www.behance.net/gallery/Allen-Solly-AW09/318702"><img class="aligncenter size-full wp-image-22987" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/906631254568093.jpeg" alt="" width="570" height="339" /></a></p>
<h3><a href="http://www.behance.net/gallery/Andrew-Brown/184226">Andrew Brown</a></h3>
<p><a href="http://www.behance.net/gallery/Andrew-Brown/184226"><img class="aligncenter size-full wp-image-22957" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/948591234797746.jpeg" alt="" width="570" height="435" /></a></p>
<h3><a href="http://www.behance.net/gallery/Bar-Alternativo-site/493958">Bar Alternativo</a></h3>
<p><a href="http://www.behance.net/gallery/Bar-Alternativo-site/493958"><img class="aligncenter size-full wp-image-22956" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/1460231272289711.jpeg" alt="" width="570" height="332" /></a></p>
<h3><a href="http://www.behance.net/gallery/Love-of-Jesus-Family-Church/97082">Love of Jesus Family Church</a></h3>
<p><a href="http://www.behance.net/gallery/Love-of-Jesus-Family-Church/97082"><img class="aligncenter size-full wp-image-22979" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/728951212614285.jpeg" alt="" width="570" height="570" /></a></p>
<h3><a href="http://www.behance.net/gallery/The-Current-Reskinned-Blog/216500">Reskinned Blog</a></h3>
<p><a href="http://www.behance.net/gallery/The-Current-Reskinned-Blog/216500"><img class="aligncenter size-full wp-image-23018" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/843961240747097.jpeg" alt="" width="570" height="751" /></a></p>
<h2>Conclusion</h2>
<p>Whatever the type of texture you choose to use on your web design project, make sure it delivers the right look and feel based on your design concept. Let us know what type of texture do you use the most for your web design project or any thoughts about the topic in our comment section.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/textures-web-designs-inspiration/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>15 Famous And Successful Logo Redesigns &#8211; What Has Been Improved?</title>
		<link>http://www.1stwebdesigner.com/inspiration/successful-logo-redesigns-improvements/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/successful-logo-redesigns-improvements/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 10:00:23 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Discussion]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=19729</guid>
		<description><![CDATA[As we realize that we are now living in the Brand Era, where everything is branded and labelled we are more concern to companies we believe can help us, shops where we can get our supplies, or websites we trust to keep our data or information securely. This is how a company&#8217;s logo appeal as [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/inspiration/successful-logo-redesigns-improvements/"><img class="alignleft size-thumbnail wp-image-20135" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/post-thumbnail-copy-150x150.jpg" alt="" width="150" height="150" /></a>As we realize that we are now living in the Brand Era, where everything is branded and labelled we are more concern to companies we believe can help us, shops where we can get our supplies, or websites we trust to keep our data or information securely. This is how a company&#8217;s logo appeal as the first thing costumer will consider to trust or not.</p>
<p>Among thousands of logos out there, some of them may look cheesy and cheap, and some visually give us confident. In order to grab our attention and get our trust, many companies even consider to re-brand/redesign their logo.<span id="more-19729"></span> As might be expected, the company will have to take the risk and be prepared of the pros and cons of this act. They should have really consider the reasons behind the redesign of their brand.</p>
<p>Below is a list, in no particular order of what I think to be famous and successful logo redesign from their old logo to the latest with explanations of what has been improved.</p>
<h2><a href="http://www.toysrus.com/">1. Toys R Us</a></h2>
<p><a href="http://www.toysrus.com/"><img class="alignnone size-full wp-image-20050" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/114.jpg" alt="" width="570" height="200" /></a></p>
<p>Toys R Us has been the second largest overall toy retailer in the United States with many branch chain which located in Europe, Asia, Oceania, Africa, and Canada.</p>
<h4>Old Logo History:</h4>
<p>The yellow reverse &#8220;R&#8221; in quotation marks, which is similar to the Cyrillic letter Я, (ISO 9: Я), imitates a small child&#8217;s backward writing of &#8220;R&#8221;, which is short for &#8220;are&#8221;. The &#8220;R&#8221; is the most distinctive part of the retailer&#8217;s colorful kid-friendly logo. The current, modernized Toys &#8220;R&#8221; Us logo was introduced in 1969 as the first logo, then a blue star was added to the logo in late-1998/early-1999 during the Toys &#8220;R&#8221; Us &#8220;Concept 2000&#8243; era.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>On September 24, 2007 the logo was redesigned with alternating sized characters and a star in the middle of the reverse R. The letter R was changed from yellow to blue. In this new logo, the company achieve a better shape for the font character, leaving the &#8220;classic&#8221; feel behind and gives a bright and fun feel to it.</p>
<h2><a href="http://www.ups.com">2. UPS</a></h2>
<p><a href="http://www.ups.com"><img class="alignnone size-full wp-image-20051" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/25.jpg" alt="" width="570" height="200" /></a></p>
<p>UPS, short for United Parcel Service, Inc. is the world&#8217;s largest package delivery company. Headquartered in Sandy Springs, Georgia, United States. UPS is well known for its brown trucks, internally known as package cars (hence the company nickname &#8220;The Big Brown Machine&#8221;).</p>
<h4>Old Logo History:</h4>
<p>The iconic package and shield originally designed in 1961 by Paul Rand. It became their original logo and first saw use in 1916 when the company was American Messenger Company. In 1935, the logo was redesigned to reflect the company&#8217;s new name United Parcel Service.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>UPS decided to re-brand themselves in 2003, the new logo was designed by New York-based FutureBrand and it represents a strategic decision to emphasize UPS&#8217;s expanded business operations. All four designs for the logo shared the shield theme, but the new design clearly feels much more modern and and clean. Although the logo obviously doesn&#8217;t direct us to the shipping company, it gives the safe feel with the shield on the logo, knowing that our package will be protected.</p>
<h2><a href="http://www.skittles.com/">3. Skittles</a></h2>
<p><a href="http://www.skittles.com/"><img class="alignnone size-full wp-image-20053" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/31.jpg" alt="" width="570" height="200" /></a></p>
<p>Skittles is a brand of fruit-flavored candies which were first made commercially in 1974 by a British company.<span style="font-size: small;"> </span></p>
<h4>Old Logo History:</h4>
<p>Candy brands are some of the most enduring brands in the market. Skittles have the excellent &amp; long standing tag line ‘Taste the Rainbow&#8221;, with this tag line the company only focus on the rainbow color for additional effect behind their &#8220;Skittles&#8221; text which in this case become their logo.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p><a href="http://www.newlyn.com/work/client/skittles">Miles Newlyn</a> admitted that concept &amp; design for the new Skittles logo is not his but that of <a href="http://www.dragonrouge-usa.com/">Dragon Rouge</a>. Nevertheless, The colorful &#8216;tongue&#8217; he retouched has been blogged around the internet. This multi-colored tongue concept is a literal though stylized translation of the brand’s slogan, “Taste the rainbow.”</p>
<h2><a href="http://www.mtv.com/">4. MTV</a></h2>
<p><a href="http://www.mtv.com/"><img class="alignnone size-full wp-image-20071" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/41.jpg" alt="" width="570" height="200" /></a></p>
<p>Easily recognized since it&#8217;s first launched on August 1, 1981 is an American cable television network based in New York City. The original purpose of the channel was to play music videos guided by on-air hosts known as VJs. Today, MTV doesn&#8217;t play music videos, and primarily broadcasts a variety of popular culture and reality television shows targeted at adolescents and young adults.</p>
<h4>Old Logo History:</h4>
<p>Throughout MTV&#8217;s early days, the channel&#8217;s main logo was a large yellow &#8220;M&#8221; with red letters &#8220;TV,&#8221; but unlike most networks&#8217; logos, the MTV logo constantly morphed and adapted with different colors, patterns, and images filling in the large block letter. The very first moments of MTV after the &#8220;moon landing,&#8221; as well as the top of every hour until at least the mid-1980s, featured a rapidly changing station ID logo that changed its appearance several times per second. The only constant aspects of MTV&#8217;s logo at the time were its general shape and proportions; everything else was dynamic.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>MTV&#8217;s logo has been instantly recognizable for the last three decades. Up to this point, MTV revised their original 1981 logo by excluding the &#8220;Music Television&#8221; caption under the big &#8220;M&#8221; letter, and the trailing letter &#8220;V&#8221; that branched off to the side of the original logo. Their long-running tag line &#8220;Music Television&#8221; at this time has been officially dropped since they are not primarily broadcast music videos anymore.</p>
<h2><a href="http://www.delta.com/">5. Delta Air Lines</a></h2>
<p><a href="http://www.delta.com/"><img class="alignnone size-full wp-image-20055" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/51.jpg" alt="" width="570" height="200" /></a></p>
<p>As it emerged from bankruptcy, Delta Air Lines wanted to signal to both customers and employees that the airline was “coming back new and better”. In preparation for the momentous occasion, Delta engaged Lippincott to reposition the airline with a revitalized image and redesigned customer experience that would force reconsideration of the airline.</p>
<h4>Old Logo History:</h4>
<p>Delta’s identity has been short-lived for the last decade or so. Throughout its history with a whopping 19 logos in 78 years — with two major identity changes. <a href="http://deltamuseum.org/M_Education_DeltaHistory_Facts_Logos.htm">See Delta Logo Timeline</a>.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>Some people think of Delta&#8217;s redesigned logo is more to a realign than a redesign. In spite of that,  Delta&#8217;s new logo now looks sharp. The colors in are more subdued and the choice of a all caps sans serif typeface gives the modern look and feel as well. This 3-dimensional red widget logo successfully reflects Delta&#8217;s transformation into a highly-differentiated, customer-focused airline.</p>
<h2><a href="http://www.starbucks.com/">6. Starbucks</a></h2>
<p><a href="http://www.starbucks.com/"><img class="alignnone size-full wp-image-20059" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/61.jpg" alt="" width="570" height="200" /></a></p>
<p>With the largest coffeehouse company in the world, we can hardly ignore this green logo from Starbucks.</p>
<h4>Old Logo History:</h4>
<p>The original Starbucks logo sported a wood cut type illustration of a siren from Greek mythology. The logo has been significantly streamlined over the years. In the first version, which was based on a 17th-century the Starbucks siren was topless and had a fully visible double fish tail. In the second version, which was used from 1987 &#8211; 1992, her breasts were covered by her flowing hair, but her navel was still visible, and the fish tail was cropped slightly.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>Starbucks&#8217; current logo is used since 1992, her navel and breasts are not visible at all, and only vestiges remain of the fish tails. Today the current incarnation of the logo is much more streamlined and and memorable. It is a significant and unique logo for coffeehouse furthermore giving the impression of &#8216;one of a kind&#8217;.</p>
<h2><a href="http://www.sprint.com/">7. Sprint</a></h2>
<p><a href="http://www.sprint.com/"><img class="alignnone size-full wp-image-20062" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/71.jpg" alt="" width="570" height="200" /></a></p>
<p>Sprint is a global Internet carrier and makes up a portion of the Internet backbone. In the United States, the company is the third largest long distance provider and also owns a majority of Clearwire, which operates the largest wireless broadband network.</p>
<h4>Old Logo History:</h4>
<p>The original Sprint logo was used from 1989 to 2005 with 4th variant used from 1995–2005.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>When Sprint merged with Nextel a few years back they underwent massive re-branding campaign. Nextel’s attention getting black and yellow color scheme was merged with The Sprint name. The new symbol is based on sprints signature ‘pin drop’. The switch to a nice sans serif typeface also does wonders for making the logo look modern. This logo really shines when the symbol is set in motion.</p>
<h2><a href="http://www.kfc.com/">8. KFC (Kentucky Fried Chicken)</a></h2>
<p><a href="http://www.kfc.com/"><img class="alignnone size-full wp-image-20067" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/81.jpg" alt="" width="570" height="200" /></a></p>
<h4>Old Logo History:</h4>
<p>By the late 1990s, the stylized likeness of Colonel Sanders as the KFC logo had been modified and only used until November 2006.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>With the colonel putting on his apron to replace his suit coat, this new KFC logo giving us the friendly and inviting feel. The new angled backdrop to the logo also adds a nice dynamic feel and implies quickness.</p>
<h2><a href="http://www.cbs.com/">9. CBS Broadcasting Inc.</a></h2>
<p><a href="http://www.cbs.com/"><img class="alignnone size-full wp-image-20070" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/91.jpg" alt="" width="570" height="200" /></a></p>
<p>CBS Broadcasting Inc. (CBS) is a major American television network, which started as a radio network. The name is derived from the initials of the network&#8217;s former name, Columbia Broadcasting System. The network is sometimes referred to as the &#8220;Eye Network&#8221; in reference to the shape of the company&#8217;s logo.</p>
<h4>Old Logo History:</h4>
<p>CBS unveiled its Eye Device logo on October 17, 1951. Before that, from the 1940s through 1951, CBS Television used an oval spotlight on the block letters C-B-S.[16] The Eye device was conceived by William Golden based on aPennsylvania Dutch hex sign as well as a Shaker drawing and made its broadcasting debut on October 20, 1951. Since then the company insisted on keeping the Eye device and using it as much as possible.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>Today the logo which is alternately known as the<em>Eyemark</em>, has been slightly changed on the typography to get the modern and futuristic feel, keeping their classic long lasting Eye device logo (vaguely bigger) in the front of &#8220;CBS&#8221; characters.</p>
<h2><a href="http://www.apple.com/">10. Apple Inc.</a></h2>
<p><a href="http://www.apple.com/"><img class="alignnone size-full wp-image-20073" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/101.jpg" alt="" width="570" height="200" /></a></p>
<h4>Old Logo History:</h4>
<p>Apple&#8217;s first logo, designed by Jobs and Wayne, depicts Sir Isaac Newton sitting under an apple tree. Almost immediately, though, this was replaced by Rob Janoff&#8217;s &#8220;rainbow Apple&#8221;, the now-familiar rainbow-colored silhouette of an apple with a bite taken out of it. Janoff presented Jobs with several different monochromatic themes for the &#8220;bitten&#8221; logo. In 1998, with the roll-out of the new iMac, Apple discontinued the rainbow theme and began to use monochromatic themes, nearly identical in shape to its previous rainbow incarnation.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>Entering the digital era, in 2007 Apple started to redesign their apple logo to give their customer a simple, minimal, yet modern look with the touch of chrome shade.</p>
<h2><a href="http://fedex.com/">11. FedEx</a></h2>
<p><a href="http://fedex.com/"><img class="alignnone size-full wp-image-20076" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/115.jpg" alt="" width="570" height="200" /></a></p>
<h4>Old Logo History:</h4>
<p>The original Federal Express logo was designed by Richard Runyan in 1973.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>The Fed is always purple and the Ex is in a different color for each division and grey for the overall corporation use. The original &#8220;FedEx&#8221; logo had the Ex in orange; it is now used as the FedEx Express wordmark. The FedEx wordmark is notable for containing a hidden right-pointing arrow in the negative space between the &#8220;E&#8221; and the &#8220;X&#8221;, which was achieved by designing a proprietary font, based on Univers and Futura, to emphasize the arrow shape. Other than giving the new and modern look, this new logo with the hidden arrow was a genius idea behind their new logo,  made it looks like it&#8217;s presenting the moving forward company as well.</p>
<h2><a href="http://www.melbourne.vic.gov.au/">12. City of Melbourne</a></h2>
<p><a href="http://www.melbourne.vic.gov.au/"><img class="alignnone size-full wp-image-20084" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/122.jpg" alt="" width="570" height="200" /></a></p>
<p>The City of Melbourne is a Local Government Area in Victoria, Australia, located in the central city area of Melbourne.</p>
<h4>Old Logo History:</h4>
<p>City of Melbourne first logo M and leaf symbol was introduced in the early 1990s.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>The new logo received many critiques for the cost of the big &#8220;M&#8221; research and design. Despite that, this dimensional colored &#8220;M&#8221; is different compared to the other city logos on earth. Unique and sophisticated.</p>
<h2><a href="http://www.yourdiscovery.com/">13. Discovery Channel</a></h2>
<p><a href="http://www.yourdiscovery.com/"><img class="alignnone size-full wp-image-20087" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/132.jpg" alt="" width="570" height="200" /></a></p>
<h4>Old Logo History:</h4>
<p>The Discovery Channel&#8217;s very first logo was a television screen picturing a map of the World. In the mid-90s, the word &#8220;The&#8221; was dropped from the channel&#8217;s name. A globe became a permanent part of the logo and a strap was added to the bottom of the logo.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>Discovery Channel started using a new logo on 2008. With new graphics and the new tagline &#8220;The World is Just Awesome&#8221;. The new logo has been designed by Viewpoint Creative in Boston and replaced Aurora Bold Condensed with Gotham. The globe has been merged with the &#8220;D&#8221; in &#8220;Discovery&#8221;. Their new logo now looks more simplified and less crowded.</p>
<h2><a href="http://www.mailchimp.com/">14. MailChimp</a></h2>
<p><a href="http://www.mailchimp.com/"><img class="alignnone size-full wp-image-20089" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/142.jpg" alt="" width="570" height="200" /></a></p>
<p>MailChimp is a free and paid email marketing service started in the 2001.</p>
<h4>Old Logo History:</h4>
<p>Their first logo was the iconic monkey head used in the year of 2001 until 2005. In 2006, they decided to change the monkey-icon logo with using only typography &#8220;MailChimp&#8221;.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>Since 2008, MailChimp with their third generation logo has become one of the best email marketing services. The new monkey logo gives us a warm, friendly feel and overall pleasant.</p>
<h2><a href="http://www.target.com/">15. Target</a></h2>
<p><a href="http://www.target.com/"><img class="alignnone size-full wp-image-20138" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/153.jpg" alt="" width="570" height="200" /></a></p>
<p>Target Corporation, usually known simply as Target, is an American retailing company that was founded in Minneapolis, Minnesota in 1902 as the Dayton Dry Goods Company.</p>
<h4>Old Logo History:</h4>
<p>In 1968, Target changed its bullseye logo to a more modern look. Target script used from 1980 until 2004. Changes from the original logo are that its brandmark is a single red ring with a red dot in the middle, and its wordmark uses the Helvetica font.</p>
<h4>New Logo &#8211; What has been improved:</h4>
<p>Target&#8217;s latest logo are in red block letters using Helvetica font that the word &#8220;Target&#8221; uses in favor of a more streamlined red &#8220;Target Brand&#8221; look.  Over the survey, ninety-seven percent of American consumers recognize the Target Bullseye logo. Perhaps their logo redesign isn&#8217;t essential, but by making their Bullseye bigger that the &#8220;TARGET&#8221; characters, it obviously focusing more on their recognizable brand.</p>
<p>What are your thoughts about these logo redesigns? Feel free to share them with us.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/successful-logo-redesigns-improvements/feed/</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>Learn the Basics: 25+ Sites And Resources To Learn Typography</title>
		<link>http://www.1stwebdesigner.com/freebies/learn-typography/</link>
		<comments>http://www.1stwebdesigner.com/freebies/learn-typography/#comments</comments>
		<pubDate>Thu, 22 Jul 2010 10:00:02 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Basics]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[typeface]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=19710</guid>
		<description><![CDATA[Typography has been practiced and used in our daily life. Range from handwriting in a pocket notebook to the big advertising billboard. It&#8217;s sometimes typed using Times New Roman in 12 points for newspaper. Others use Edwardian in 26 points for their wedding invitations. When a designer decide to use the right font for the [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Typography has been practiced and used in our daily life. Range from handwriting in a pocket notebook to the big advertising billboard. It&#8217;s sometimes typed using Times New Roman in 12 points for newspaper. Others use Edwardian in 26 points for their wedding invitations. When a designer decide to use the right font for the right job, the typography itself become an art.</p>
<p>Learning typography seems to be easy at a glance, in order to achieve a great impact from typography for graphic and web designs isn&#8217;t so easy. Many designers found it as a complicated design aspects to practice. <span id="more-19710"></span>Below are the 25+ sites and resources we have selected to help you understanding typography basics in print or web designs, choosing the right fonts for your project, and guide you to create a good typography which aesthetically pleasing.</p>
<h3><a href="http://observin.com/2008/10/learning-about-type/">1. Learning About Type</a></h3>
<p style="text-align: center;"><a href="http://observin.com/2008/10/learning-about-type/"><img class="size-full wp-image-19733 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/112.jpg" alt="" width="480" height="208" /></a></p>
<p>There are quite a few terms thrown around with regards to typography. Hopefully this article will help you understand more about the world of typography. If this is your first true introduction to typography you probably underestimate the effect it has on the world.</p>
<h3><a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography">2. Five Simple Steps to Better Typography</a></h3>
<p style="text-align: center;"><a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography"><img class="size-full wp-image-19734 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/21.jpg" alt="" width="480" height="281" /></a></p>
<p style="text-align: left;">This is a series articles, each part explains deep knowledge of typography and help you to understand it more. The kind of typography in these articles is not your typ ical “What font should I use” typography but rather your “knowing your hanging punctuation from your em-dash” typography.</p>
<h3><a href="http://www.typeissexy.com/">3. Type Is Sexy</a></h3>
<p style="text-align: center;"><a href="http://www.typeissexy.com/"><img class="size-full wp-image-19736 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/3.jpg" alt="" width="480" height="284" /></a></p>
<p style="text-align: left;">This is more like an online book, but presented in interactive way. You will find basic understanding of typography from this site, from Anatomy 101 to The Rules of Good Typography.</p>
<h3><a href="http://www.istockphoto.com/article_view.php?ID=153">4. Know Your Type &#8211; Starting Points For Typographic Inspiration</a></h3>
<p style="text-align: center;"><a href="http://www.istockphoto.com/article_view.php?ID=153"><img class="size-full wp-image-19738 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/4.jpg" alt="" width="480" height="253" /></a></p>
<p style="text-align: left;">Not every typeface is the right choice for every job, this articles will help and guide you to understand and picking the right choice for different type of job or concept theme.</p>
<h3><a href="http://www.thetypestudio.com/writtenword.html">5. The Type Studio / The Written Word</a></h3>
<p style="text-align: center;"><a href="http://www.thetypestudio.com/writtenword.html"><img class="size-full wp-image-19740 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/5.jpg" alt="" width="480" height="117" /></a></p>
<p style="text-align: left;">This page offers links to a number of articles on typography, including PDF versions of archived. These cover individual typography topics in detail, for both online and offline applications (including pull-quotes, visual alignment, bullets, and emphasis, among more than 30 others).</p>
<h3><a href="http://retinart.net/typography/marksunknown">6. Typographic Marks Unknown</a></h3>
<p style="text-align: center;"><a href="http://retinart.net/typography/marksunknown"><img class="size-full wp-image-19749 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/8.jpg" alt="" width="480" height="216" /></a></p>
<p>There are many typographic marks which are familiar to most, but understood by few. Most of these glyphs have interesting histories and evolutions as they survived the beatings given to them through rushed handwriting of scribes and misuses through history. They now mostly live on our keyboards and in our software, and a few are used often, so it seems only fitting to know where they come from and how to correctly use them.</p>
<h3><a href="http://www.squidspot.com/Periodic_Table_of_Typefaces/Periodic_Table_of_Typefaces_large.jpg">7. Periodic Table Of Typefaces</a></h3>
<p style="text-align: center;"><a href="http://www.squidspot.com/Periodic_Table_of_Typefaces/Periodic_Table_of_Typefaces_large.jpg"><img class="size-full wp-image-19750 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/9.jpg" alt="" width="480" height="156" /></a></p>
<p style="text-align: left;">A reference table for most popular typefaces and their classifications.</p>
<h3><a href="http://typedia.com/">8. Typedia</a></h3>
<p style="text-align: center;"><a href="http://typedia.com/"><img class="size-full wp-image-19752 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/10.jpg" alt="" width="480" height="115" /></a></p>
<p style="text-align: left;">Typedia is a resource to classify, categorize, and connect typefaces. It is a community website to classify typefaces and educate people about them, very much like a mix between IMDb and Wikipedia, but just for type. Anyone can join, add, and edit pages for typefaces or for the people behind the type.</p>
<h3><a href="http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/">9. Typographic Design Patterns and Best Practices</a></h3>
<p style="text-align: center;"><a href="http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/"><img class="size-full wp-image-19753 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/113.jpg" alt="" width="480" height="234" /></a></p>
<p style="text-align: left;">This article from Smashing Magazine gives you a broad knowledge of popular typefaces used in web design, also included with some case studies and inspirations.</p>
<h3><a href="http://www.fontshop.com/blog/?cat=86">10. The Right Font for the Job</a></h3>
<p style="text-align: center;"><a href="http://www.fontshop.com/blog/?cat=86"><img class="size-full wp-image-19755 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/131.jpg" alt="" width="480" height="183" /></a></p>
<p style="text-align: left;">In this article you will find four main ways fonts can differ, even if most of their letters look the same. Save, bookmark, or print this newsletter and ask yourself these questions the next time you’re choosing type.</p>
<h3><a href="http://justcreativedesign.com/2007/12/04/how-to-choose-a-font/">11. How to Choose A Font</a></h3>
<p style="text-align: center;"><a href="http://justcreativedesign.com/2007/12/04/how-to-choose-a-font/"><img class="size-full wp-image-19758 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/141.jpg" alt="" width="480" height="216" /></a></p>
<p style="text-align: left;">Have you ever had the problem of not knowing what typeface to use? Well of course you have, everyone has. This is a guide on how to choose a font.</p>
<h3><a href="http://www.spoonfeddesign.com/11-essential-tips-for-good-print-typography">12. 11 Essential Tips for Good Print Typography</a></h3>
<p style="text-align: center;"><a href="http://www.spoonfeddesign.com/11-essential-tips-for-good-print-typography"><img class="size-full wp-image-19760 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/151.jpg" alt="" width="480" height="197" /></a></p>
<p style="text-align: left;">You can’t just throw text on a page, it has to be laid out and organized in a clean way that adds to the information being presented. This article will give you  11 typography tips to help you convey information in print the right way.</p>
<h3><a href="http://psd.tutsplus.com/articles/techniques/a-20-minute-intro-to-typography-basics/">13. A 20 Minute Intro to Typography Basics</a></h3>
<p style="text-align: center;"><a href="http://psd.tutsplus.com/articles/techniques/a-20-minute-intro-to-typography-basics/"><img class="size-full wp-image-19762 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/161.jpg" alt="" width="480" height="164" /></a></p>
<p style="text-align: left;">This is an introduction for you who are still new in the design field. Its aim here is to introduce some of the basics and the most common areas of typography that will be important in your design work.</p>
<p style="text-align: left;">&nbsp;</p>
<h3><a href="http://www.fontshop.com/blog/?p=2436">14. Fundamentals: Combining Type With Helvetica</a></h3>
<p style="text-align: center;"><a href="http://www.fontshop.com/blog/?p=2436"><img class="size-full wp-image-19763 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/171.jpg" alt="" width="480" height="133" /></a></p>
<p>In this article the Indra (the author) shares her favorite Helvetica companions with the following guidelines in mind: “Focusing on contrast makes combining fonts easier. Better not pair Helvetica (or other Neo-Grotesques) with another sans serif (like a Humanist Sans). Instead, choose a serif or a slab. Transitional and Modern (bracketed)serifs work quite well with Helvetica. So do most Garaldes like Garamond — it all depends on what kind of atmosphere you’re aiming for. Browse the list of ideas below, or look for faces with broad proportions, a large x-height, or similar characteristics, like an uppercase ‘R’ with a vertical tail.”</p>
<h3><a href="http://www.typography.com/email/2010_03/index_tw.htm">15. Four Techniques for Combining Fonts</a></h3>
<p style="text-align: center;"><a href="http://www.typography.com/email/2010_03/index_tw.htm"><img class="size-full wp-image-19765 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/181.jpg" alt="" width="480" height="162" /></a></p>
<p style="text-align: left;">This article gives you four tips for navigating the typographic ocean, all built around H&amp;FJ&#8217;s Highly Scientific First Principle of Combining Fonts: keep one thing consistent, and let one thing vary.</p>
<h3><a href="http://typophile.com/node/45613">16. How Do I Choose Paring Fonts?</a></h3>
<p style="text-align: center;"><a href="http://typophile.com/node/45613"><img class="size-full wp-image-19766 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/191.jpg" alt="" width="480" height="173" /></a></p>
<p style="text-align: left;">This is an open typography forum regarding paring fonts. Get the suggestion or advice from the designers who have been professionally experienced in typography in this forum.</p>
<h3><a href="http://www.magnetstudio.com/words/2010/opentype-guide">17. Beginners Guide to OpenTtype</a></h3>
<p style="text-align: center;"><a href="http://www.magnetstudio.com/words/2010/opentype-guide"><img class="size-full wp-image-19767 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/201.jpg" alt="" width="480" height="187" /></a></p>
<p>OpenType (OT) is a cross-platform type format that includes expert layout features to pro­vide richer linguistic support and advanced typo graphic control. This beginners guide will help to illustrate some of the more common features found in OT fonts and when they should be used.</p>
<h3><a href="http://typographica.org/2010/on-typography/making-geometric-type-work/">18. Making Geometric Type Work</a></h3>
<p style="text-align: center;"><a href="http://typographica.org/2010/on-typography/making-geometric-type-work/"><img class="size-full wp-image-19769 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/211.jpg" alt="" width="480" height="188" /></a></p>
<p style="text-align: left;">For graphic designers beginning to experiment in type design, a geometric or modular typeface is a natural starting point. Illustrator and other programs offer a simple collection of elements such as circles, squares, and triangles which can be combined to create a passable alphabet. This is not an argument against all geometric or modular typefaces, but simply some guidance on how to make them more readable, work effectively and be visually consistent.</p>
<h3><a href="http://fontfeed.com/archives/font-or-typeface/">19. Font or Typeface?</a></h3>
<p style="text-align: center;"><a href="http://fontfeed.com/archives/font-or-typeface/"><img class="size-full wp-image-19771 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/22.jpg" alt="" width="480" height="228" /></a></p>
<p style="text-align: left;">An article which discusses both font and typeface because these terms evolved over a considerable period of time and saw several transitions in technology, they can sometimes be interpreted in varying ways. This resulted in a terminology that is often perceived as at best esoteric, at worst plain confusing.</p>
<h3><a href="http://www.alistapart.com/articles/on-web-typography/">20. On Web Typography</a></h3>
<p style="text-align: center;"><a href="http://www.alistapart.com/articles/on-web-typography/"><img class="size-full wp-image-19741 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/6.jpg" alt="" width="480" height="235" /></a></p>
<p style="text-align: left;">A List Apart gives you more knowledge for typography on websites, explore choosing and pairing fonts on the web, particularly in relation to the expanded options <code>@font-face</code> provides from this article.</p>
<h3><a href="http://astheria.com/design/choosing-type-alignments-fortheweb">21. Choosing Type Alignment For The Web</a></h3>
<p style="text-align: center;"><a href="http://astheria.com/design/choosing-type-alignments-fortheweb"><img class="size-full wp-image-19747 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/7.jpg" alt="" width="462" height="209" /></a></p>
<p style="text-align: left;">This is another article that will help you understand type alignment for the web. It explains each on Justified, Right-Aligned, and Left-Aligned and giving the reason of which is best to use on the web depends on your need.</p>
<h3><a href="http://www.smashingmagazine.com/2009/03/18/10-principles-for-readable-web-typography/">22. Principles For Readable Web Typography</a></h3>
<p style="text-align: center;"><a href="http://www.smashingmagazine.com/2009/03/18/10-principles-for-readable-web-typography/"><img class="size-full wp-image-19754 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/121.jpg" alt="" width="480" height="234" /></a></p>
<p style="text-align: left;">There are many factors that play into the readability of text. There are also a number of terms, all very important. This article explains a few of the more common Web typography terms and an explanation of how each term affects readability.</p>
<h3><a href="http://www.alistapart.com/articles/settingtypeontheweb/">23. Setting Type on the Web to A Baseline Grid</a></h3>
<p style="text-align: left;">And how about setting type to a baseline grid? Learn more and practice it after you read this article, it will guide you with the easy to follow examples and codes.</p>
<h3><a href="http://www.clagnut.com/archive/typography/">24. Clagnut&#8217;s Typography</a></h3>
<p style="text-align: left;">Clagnut’s typography category archive is filled with great information on typography spanning the past eight years or so. Articles talking about theory, news, and technique are all included.</p>
<h3><a href="http://24ways.org/2009/type-inspired-interfaces">25. Type-Inspired Interfaces</a></h3>
<p style="text-align: center;"><a href="http://24ways.org/2009/type-inspired-interfaces"><img class="size-full wp-image-19773 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/23.jpg" alt="" width="480" height="241" /></a></p>
<p style="text-align: left;">Picking the right typeface gets you farther than you might think. Here are a few tips on taking cues from type to design interfaces and interface elements.</p>
<h3><a href="http://frespiration.com/inside-the-3d-typography/">26. Inside The 3D Typography</a></h3>
<p style="text-align: center;"><a href="http://frespiration.com/inside-the-3d-typography/"><img class="size-full wp-image-19855 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/24.jpg" alt="" width="480" height="202" /></a></p>
<p style="text-align: left;">This article will guide you to understand how to develop digital work in 3d typography, also included with 3D typography book and 3D typography inspirations.</p>
<h3><a title="Permanent Link to Typography Books To Help You Learn Typography" rel="bookmark" href="http://www.thedesigncubicle.com/2009/06/15-typography-books-to-help-you-learn-and-love-typography/">27. Typography Books To Help You Learn Typography</a></h3>
<p style="text-align: center;"><a href="http://www.thedesigncubicle.com/2009/06/15-typography-books-to-help-you-learn-and-love-typography/"><img class="size-full wp-image-19731 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/more1.jpg" alt="" width="480" height="221" /></a></p>
<p>The article gives you 15 typography books (with links to purchase) which are personally recommend by the writer to helped you learn, understand, appreciate and absolutely love typography and type layout.</p>
<h3><a href="http://benmartineau.com/findings/">28. Findings</a></h3>
<p style="text-align: center;"><a href="http://benmartineau.com/findings/"><img class="size-full wp-image-19759 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/last.jpg" alt="" width="480" height="228" /></a></p>
<p style="text-align: left;">Typography samples and inspiration.</p>
<p style="text-align: left;">Did you find that your favorite typography-related article is not on the list? Let us know in the comment section.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/learn-typography/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Tips and Inspiration on Creating a Great Website Footer</title>
		<link>http://www.1stwebdesigner.com/inspiration/website-footer-tips/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/website-footer-tips/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 10:00:46 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[footer]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=18833</guid>
		<description><![CDATA[As most of us know, there are three important parts of a website&#8217;s design: the header, the content, and the footer. None of these should be ignored when creating a web design. Sadly it happens in most cases, and many web designers ignore the footer design. Over time the footer evolved from just a line [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/inspiration/website-footer-tips/"><img class="alignleft size-thumbnail wp-image-18909" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Basic-Steps-Into-Great-Website-Footer-Creation-150x150.jpg" alt="" width="150" height="150" /></a>As most of us know, there are three important parts of a website&#8217;s design: the header, the content, and the footer. None of these should be ignored when creating a web design. Sadly it happens in most cases, and many web designers ignore the footer design. Over time the footer evolved from just a line of text with the copyright, legal notice, or navigation into a mini repeated area which is filled with navigation, comments, recent posts, copyright, etc.<span id="more-18833"></span></p>
<p>In this post, not only are we giving you samples of website footers for your inspiration, but also guiding you 5 important steps to remember whenever you are designing the footer.</p>
<h3>1. Decide On Repeated Content</h3>
<p style="text-align: center;"><a href="http://www.seraph-design.de/"><img class="size-full wp-image-18876 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/decide-on-repeated-content2.jpg" alt="" width="473" height="166" /></a></p>
<p style="text-align: center;"><a href="http://kailoon.com/"><img class="size-full wp-image-18877 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/decide-on-repeated-content.png" alt="" width="479" height="162" /></a></p>
<p>Be very selective in choosing the content you want to place in the footer. It depends on your need, what your website is about, or what content you want people to re-read in your footer. If you have a blog website, magazine type of website or similar it could be your recent posts, featured posts (in lines with no image thumbnail), recent comments, or social media links. For artists, designers or companies it could be their services, portfolios (in small thumbnails), testimonials, contact form or recent tweets.</p>
<h3>2. Add Logo(s) If Necessary</h3>
<p><img class="size-full wp-image-18873 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Add-logo-id-necessary2.jpg" alt="" width="450" height="245" /></p>
<p><img class="size-full wp-image-18872 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Add-logo-id-necessary.jpg" alt="" width="469" height="226" /></p>
<p style="text-align: center;"><a href="http://edgepointchurch.com/blog/"><img class="size-full wp-image-18874 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Add-logo-id-necessary3.png" alt="" width="479" height="154" /></a></p>
<p>People nowadays are really concerned about feeling safe and secure when they visit websites and want to make sure that they are browsing the right sites. For e-commerce websites, it will be a great idea to place some logos such as Verified Merchant, Verisign Secure, McAfee Secure, or others. And if you have partnership, sponsors or even awards recognition, why not placing their logos on your footer as well? This will help you get respect from your website visitors.</p>
<h3>3. Add The Interesting Point(s)</h3>
<p style="text-align: center;"><a href="http://www.amuki.blogspot.com/"><img class="size-full wp-image-18878   aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/add-interesting-points.jpg" alt="" width="447" height="192" /></a></p>
<p style="text-align: center;"><a href="http://www.bcandullo.com/"><img class="size-full wp-image-18879 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/add-interesting-points2.png" alt="" width="478" height="153" /></a></p>
<p>Say good bye to the old boring website footer. You have done a great job with the header and content (body) of your web design, now it&#8217;s time to spice up the footer. A few interesting things you could add can be icons, illustrations or just about anything fun. Though, remember to match them with the website layout or the website concept and try not to add many icons.</p>
<h3>4. Space Things Out</h3>
<p style="text-align: center;"><a href="http://www.1ncu8u5.co.uk/"><img class="size-full wp-image-18880 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/space-things-out.jpg" alt="" width="431" height="211" /></a></p>
<p style="text-align: center;"><a href="http://www.webdesignerwall.com/"><img class="size-full wp-image-18881 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/space-things-out2.jpg" alt="" width="475" height="170" /></a></p>
<p>Now that you have everything you need for the website footer, let&#8217;s add some space between the sections. Although it might not have as much content as you have in the body content, it is always better to have them spread out rather than looking so packed in.</p>
<h3>5. Do Not Forget Your Copyright Line</h3>
<p style="text-align: center;"><a href="http://www.mozilla.com/"><img class="size-full wp-image-18883 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/dont-forget-your-copyright.jpg" alt="" width="458" height="164" /></a></p>
<p style="text-align: center;"><a href="http://www.newconcept.hu/"><img class="size-full wp-image-18884 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/dont-forget-your-copyright2.jpg" alt="" width="470" height="94" /></a></p>
<p style="text-align: center;"><a href="http://www.espace.com.eg/"><img class="size-full wp-image-18885 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/decide-on-repeated-content3.jpg" alt="" width="485" height="119" /></a></p>
<p>Don&#8217;t let all the content in the footer fool you. It doesn&#8217;t matter how much stuff you put as content or how many logos/portfolios you have on your website footer, you still have to put your copyright line somewhere. Be creative, it doesn&#8217;t have to be at the bottom all the time.</p>
<p>Now let&#8217;s take a look at some other website footer designs for your inspiration.</p>
<h3><a href="http://www.komrade.gr/">1. Komrade</a></h3>
<p style="text-align: center;"><a href="http://www.komrade.gr/"><img class="size-full wp-image-18890 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sample1.jpg" alt="" width="480" height="461" /></a></p>
<h3><a href="http://www.adobeusergroup.nl/">2. Adobe User Group Nederland</a></h3>
<p style="text-align: center;"><a href="http://www.adobeusergroup.nl/"><img class="size-full wp-image-18892  aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sample2.jpg" alt="" width="480" height="83" /></a></p>
<h3><a href="http://www.loudentax.com/">3. Louden Tax &amp; Bookeeping</a></h3>
<p style="text-align: center;"><a href="http://www.loudentax.com/"><img class="size-full wp-image-18893  aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sample3.jpg" alt="" width="480" height="248" /></a></p>
<h3><a href="http://www.quoterobot.com/">4. Quoterobot</a></h3>
<p style="text-align: center;"><a href="http://www.quoterobot.com/"><img class="size-full wp-image-18894 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sample4.jpg" alt="" width="480" height="108" /></a></p>
<h3><a href="http://www.djericc.nl/">5. DJ Eric</a></h3>
<p style="text-align: center;"><a href="http://www.djericc.nl/"><img class="size-full wp-image-18896 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sample5.jpg" alt="" width="480" height="255" /></a></p>
<h3><a href="http://bringittofruition.net/">6. Bring It To Fruition</a></h3>
<p style="text-align: center;"><a href="http://bringittofruition.net/"><img class="size-full wp-image-18897 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sample6.jpg" alt="" width="480" height="285" /></a></p>
<h3><a href="http://forrst.com/">7. Forrst</a></h3>
<p style="text-align: center;"><a href="http://forrst.com/"><img class="size-full wp-image-18899 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sample7.jpg" alt="" width="480" height="262" /></a></p>
<h3><a href="http://www.logicbombmedia.com/blog">8. LogicBombMedia</a></h3>
<p style="text-align: center;"><a href="http://www.logicbombmedia.com/blog"><img class="size-full wp-image-18903 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sample8.jpg" alt="" width="480" height="129" /></a></p>
<h3><a href="http://www.swiths.com/">9. Swiths</a></h3>
<p style="text-align: center;"><a href="http://www.swiths.com/"><img class="size-full wp-image-18904 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sample9.jpg" alt="" width="480" height="254" /></a></p>
<h3><a href="http://ok.cogaoke.com/">10. Cog&#8217;Aoke</a></h3>
<p style="text-align: center;"><a href="http://ok.cogaoke.com/"><img class="size-full wp-image-18906 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sample10.jpg" alt="" width="480" height="465" /></a></p>
<h3><a href="http://www.pieoneers.com/">11. Pieoneers</a></h3>
<p style="text-align: center;"><a href="http://www.pieoneers.com/"><img class="size-full wp-image-19056 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/111.jpg" alt="" width="480" height="275" /></a></p>
<h3><a href="http://www.logodesignsstudio.com/">12. Logo Designs Studio</a></h3>
<p style="text-align: center;"><a href="http://www.logodesignsstudio.com/"><img class="size-full wp-image-19057 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/12.jpg" alt="" width="480" height="139" /></a></p>
<h3><a href="http://realdealpromotions.co.uk/home">13. Real Deal Promotions</a></h3>
<p style="text-align: center;"><a href="http://realdealpromotions.co.uk/home"><img class="size-full wp-image-19058 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/13.jpg" alt="" width="480" height="107" /></a></p>
<h3><a href="http://www.mymcreative.com/">14. Make Your Mark</a></h3>
<p style="text-align: center;"><a href="http://www.mymcreative.com/"><img class="size-full wp-image-19059 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/14.jpg" alt="" width="480" height="281" /></a></p>
<h3><a href="http://randoman.net/">15. Randoman</a></h3>
<p style="text-align: center;"><a href="http://randoman.net/"><img class="size-full wp-image-19060 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/15.jpg" alt="" width="480" height="176" /></a></p>
<h3><a href="http://gomypages.com/">16. Go My Pages</a></h3>
<p style="text-align: center;"><a href="http://gomypages.com/"><img class="size-full wp-image-19062 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/16.jpg" alt="" width="480" height="171" /></a></p>
<h3><a href="http://www.readymadedesigns.co.uk/">17. Ready Made Designs</a></h3>
<p style="text-align: center;"><a href="http://www.readymadedesigns.co.uk/"><img class="size-full wp-image-19063 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/17.jpg" alt="" width="480" height="254" /></a></p>
<h3><a href="http://www.agenciapublicidadebrasilia.com.br/">18. Agencia de Publicidade</a></h3>
<p style="text-align: center;"><a href="http://www.agenciapublicidadebrasilia.com.br/"><img class="size-full wp-image-19066 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/18.jpg" alt="" width="480" height="415" /></a></p>
<h3><a href="http://www.pixlogix.com/">19. Pixlogic</a></h3>
<p style="text-align: center;"><a href="http://www.pixlogix.com/"><img class="size-full wp-image-19069 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/19.jpg" alt="" width="480" height="180" /></a></p>
<h3><a href="http://www.mv-designs.eu/">20. MV Designs</a></h3>
<p style="text-align: center;"><a href="http://www.mv-designs.eu/"><img class="size-full wp-image-19072 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/20.jpg" alt="" width="480" height="245" /></a></p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/website-footer-tips/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Get Inspired: 35+ Warm VS Cool Color Website Designs</title>
		<link>http://www.1stwebdesigner.com/inspiration/warm-cool-color-website-designs/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/warm-cool-color-website-designs/#comments</comments>
		<pubDate>Sun, 20 Jun 2010 10:00:26 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[colors]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=17182</guid>
		<description><![CDATA[A website resembles the identity of a company, a certain community, or even a person. Thousands of websites live out there on the internet these days, and their number increase every single second. Many of us realize how important a website can be, therefore the design for every website has to be unique, and more [...]]]></description>
			<content:encoded><![CDATA[<p>A website resembles the identity of a company, a certain community, or even a person. Thousands of websites live out there on the internet these days, and their number increase every single second. Many of us realize how important a website can be, therefore the design for every website has to be unique, and more importantly has to have the right feel to it.</p>
<p>As a designer, we know how to play around with illustrations, typeface, and colors.<span id="more-17182"></span> I&#8217;m not going to get in too deep with illustrations or typeface, in this post but color. Some people classify websites from dark to bright website designs. Others classify them into minimalist and content heavy designs. But now let&#8217;s see website designs in the new perspective, in warm and cool colors.</p>
<h2>Warm Color Website Designs</h2>
<p>Hues from red through yellow, browns and tans are categorized as warm color. Other than keeping the same color of an identity on the website scheme, this warm color gives a few associations like energy, cheerful, fun, fresh, active, playful and happiness. This color scheme fits very well on sport related website, a website with kids or the youth as their audience, alcohol drinks website, or other website which wants to welcome their readers with warm feelings.</p>
<h3><a href="http://fedrick.deviantart.com/art/Some-Web-61158902">1. Some Web by Fedrick</a></h3>
<p style="text-align: center;"><a href="http://fedrick.deviantart.com/art/Some-Web-61158902?q=boost%3Apopular+in%3Adesigns%2Fweb&amp;qo=0"><img class="aligncenter" src="http://th00.deviantart.net/fs23/PRE/f/2007/338/f/8/f8bfe4e908bb8b28.jpg" alt="" width="488" height="477" /></a></p>
<h3><a href="http://neilan.deviantart.com/art/Zuzanka-kindergarten-138289935">2. Zuzanka Kindergarten by Neilan</a></h3>
<p style="text-align: center;"><a href="http://neilan.deviantart.com/art/Zuzanka-kindergarten-138289935?qj=1&amp;q=gallery%3Aartistunion%2F23916526&amp;qo=317"><img class="aligncenter size-full wp-image-17198" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/2010-06-11_19.53.06.jpg" alt="" width="502" height="399" /></a></p>
<h3><a href="http://www.behance.net/gallery/Yabazz-Website/366559">3. Yabazz Website by Ee Venn Soh</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Yabazz-Website/366559"><img class="aligncenter" src="http://behance.vo.llnwd.net/profiles/56187/projects/366559/561871260719294.jpg" alt="" width="540" height="791" /></a></p>
<h3><a href="http://www.airporttaxi.fi/index_airporttaxi_fi.html">4.Airport Taxi</a></h3>
<p style="text-align: center;"><a href="http://www.airporttaxi.fi/index_airporttaxi_fi.html"><img class="aligncenter size-full wp-image-17202" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/2010-06-11_20.17.12.jpg" alt="" width="541" height="269" /></a></p>
<h3><a href="http://www.behance.net/gallery/Termobravo/444753">5. Termobravo by Pawel Linard</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Termobravo/444753"><img class="aligncenter" src="http://behance.vo.llnwd.net/profiles2/91852/projects/444753/918521267911623.png" alt="" width="540" height="468" /></a></p>
<h3><a href="http://www.behance.net/gallery/Canvas-Card-Website-design/120103">6. Canvas Card Website by Ryan Barlin</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Canvas-Card-Website-design/120103"><img class="aligncenter" src="http://behance.vo.llnwd.net/profiles/80270/projects/120103/802701219664862.jpg" alt="" width="540" height="383" /></a></p>
<h3><a href="http://indestudio.deviantart.com/art/A-RemStroy-149925557">7. A RemStroy by IndieStudio</a></h3>
<p style="text-align: center;"><a href="http://indestudio.deviantart.com/art/A-RemStroy-149925557?q=boost%3Apopular+in%3Adesigns%2Fweb+yellow&amp;qo=51"><img class="aligncenter" src="http://fc09.deviantart.net/fs70/i/2010/010/d/3/A_RemStroy_by_indestudio.jpg" alt="" width="540" height="445" /></a></p>
<h3><a href="http://gdnz.deviantart.com/art/balparmak-142257788">8. Balparmak by Gdnz</a></h3>
<p style="text-align: center;"><a href="http://gdnz.deviantart.com/art/balparmak-142257788?q=boost%3Apopular+in%3Adesigns%2Fweb+yellow&amp;qo=78"><img class="aligncenter" src="http://fc07.deviantart.net/fs50/f/2009/306/e/d/ed6fd0073826944d69cd1e6b81e1aedc.jpg" alt="" width="528" height="528" /></a></p>
<h3><a href="http://www.fanta.pt/">9. Fanta by Diogo Parrinha</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Fanta/503403"><img class="aligncenter" src="http://behance.vo.llnwd.net/profiles/59549/projects/503403/595491273063157.jpg" alt="" width="540" height="294" /></a></p>
<h3><a href="http://www.behance.net/gallery/_Canderel/382255">10. Canderel by Cenk Yilmaz</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/_Canderel/382255"><img class="aligncenter size-full wp-image-17209" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/2010-06-11_20.46.57.jpg" alt="" width="534" height="346" /></a></p>
<h3><a href="http://www.behance.net/gallery/Telecine/518404">11. Telecine by Letícia Motta</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Telecine/518404"><img class="aligncenter" src="http://behance.vo.llnwd.net/profiles/84060/projects/518404/0f2f703a493b774d1656d11bce5110e4.jpg" alt="" width="539" height="447" /></a></p>
<h3><a href="http://www.behance.net/gallery/Johnnie-Wallker-Red-Label--Red-Adventure-website/349979">12. Johnnie Wallker Red Label by Sasha Nilov</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Johnnie-Wallker-Red-Label--Red-Adventure-website/349979"><img class="aligncenter size-full wp-image-17210" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/2010-06-11_20.48.56.jpg" alt="" width="504" height="317" /></a></p>
<h3><a href="http://jk89.deviantart.com/art/Imago-62914298">13. Imago by JK89</a></h3>
<p style="text-align: center;"><a href="http://jk89.deviantart.com/art/Imago-62914298?q=boost%3Apopular+in%3Adesigns%2Fweb&amp;qo=3"><img class="aligncenter" src="http://fc04.deviantart.net/fs21/f/2008/028/5/0/500eb3e82f0f30c7.jpg" alt="" width="498" height="374" /></a></p>
<h3><a href="http://www.fatduo.com.br/">14. Fat Duo Brasil by Baia Studio</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Fat-Duo-Brasil/501432"><img class="aligncenter" src="http://behance.vo.llnwd.net/profiles5/166943/projects/501432/1669431272914944.jpg" alt="" width="540" height="337" /></a></p>
<h3><a href="http://www.behance.net/gallery/Bubbaloo-Tuboo-Connect/403644">15. Bubbaloo Tuboo Connect by Carolina Janovik</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Bubbaloo-Tuboo-Connect/403644"><img class="aligncenter" src="http://behance.vo.llnwd.net/profiles5/146023/projects/403644/1460231264551850.png" alt="" width="539" height="297" /></a></p>
<h3><a href="http://kizlyar-cognac.ru/">16. Kizlar Cognac</a></h3>
<p style="text-align: center;"><a href="http://kizlyar-cognac.ru/"><img class="aligncenter size-large wp-image-17204" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/2010-06-11_20.22.511-1024x577.jpg" alt="" width="553" height="311" /></a></p>
<h3><a href="http://www.behance.net/gallery/Vigonne-Producoes-Site-(2008)/166762">17. Vigonne Producoes &#8211; Site (2008) by Diogo Montes</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Vigonne-Producoes-Site-(2008)/166762"><img class="aligncenter" src="http://behance.vo.llnwd.net/profiles/87531/projects/166762/875311231480753.jpg" alt="" width="540" height="348" /></a></p>
<h3>Cool Color Website Designs</h3>
<p>The cool color are hues from blue green through blue violet, and most grays. The feel of which you will achieve by using this color are relaxing, calm, and focus. Though in certain cases like blue and green could also give you the fresh feel as it is associated with water, sky, and the green grass. In most cases, companies often use this color scheme and applied it on their website design, others applied it to create calm atmosphere for their visitor.</p>
<h3><a href="http://detrans.deviantart.com/art/WordPress-IcePress-Theme-153385469">18. WordPress &#8211; IcePress Theme by Detrans</a></h3>
<p style="text-align: center;"><a href="http://detrans.deviantart.com/art/WordPress-IcePress-Theme-153385469?q=boost%3Apopular+ice+wordpress&amp;qo=0"><img class="aligncenter" src="http://th07.deviantart.net/fs71/PRE/f/2010/039/d/6/WordPress___IcePress_Theme_by_detrans.jpg" alt="" width="536" height="536" /></a></p>
<h3><a href="http://webdesigner1921.deviantart.com/art/sense-design-ver-1-155587480">19. Sense-design ver 1 by Webdesigner1921</a></h3>
<p style="text-align: center;"><a href="http://webdesigner1921.deviantart.com/art/sense-design-ver-1-155587480?qj=1&amp;q=gallery%3Aartistunion%2F23916526&amp;qo=292"><img class="aligncenter" src="http://fc01.deviantart.net/fs71/f/2010/058/c/9/sense_design_ver_1_by_webdesigner1921.png" alt="" width="518" height="391" /></a></p>
<h3><a href="http://ecp-pro.deviantart.com/art/Eye-For-Art-79205202">20. Eye for Art by ECP-Pro</a></h3>
<p style="text-align: center;"><a href="http://ecp-pro.deviantart.com/art/Eye-For-Art-79205202?q=boost%3Apopular+in%3Adesigns%2Fweb&amp;qo=6"><img class="aligncenter" src="http://th01.deviantart.net/fs28/PRE/f/2008/067/e/0/Eye_For_Art_by_ECP_Pro.png" alt="" width="538" height="535" /></a></p>
<h3><a href="http://jonaska.deviantart.com/art/Personal-Portfolio-2-0-160681857">21. Personal Portfolio 2.0 by Jonaska</a></h3>
<p style="text-align: center;"><a href="http://jonaska.deviantart.com/art/Personal-Portfolio-2-0-160681857?qj=1&amp;q=gallery%3Aartistunion%2F23916526&amp;qo=361"><img class="aligncenter" src="http://th06.deviantart.net/fs70/PRE/f/2010/104/8/d/8de77f4e9db71987870ef3815367a868.png" alt="" width="527" height="545" /></a></p>
<h3><a href="http://osec.deviantart.com/art/yakovae-69476041">22. Yakovae by Osec</a></h3>
<p style="text-align: center;"><a href="http://osec.deviantart.com/art/yakovae-69476041?q=boost%3Apopular+in%3Adesigns%2Fweb&amp;qo=71"><img class="aligncenter" src="http://th05.deviantart.net/fs22/PRE/f/2007/314/4/1/yakovae_by_osec.jpg" alt="" width="536" height="536" /></a></p>
<h3><a href="http://warbiee.deviantart.com/art/Exceed-your-Vision-website-163017325">23. EPSON: Exceed Your Vision by Warbiee</a></h3>
<p style="text-align: center;"><a href="http://warbiee.deviantart.com/art/Exceed-your-Vision-website-163017325?q=in%3Adesigns%2Fweb+sort%3Atime+blue+website&amp;qo=94"><img class="aligncenter" src="http://fc04.deviantart.net/fs70/f/2010/125/9/3/934f2adacad2852008ff2cda82745054.png" alt="" width="540" height="594" /></a></p>
<h3><a href="http://mehrd64.deviantart.com/art/AVE-162437995">24. Ave by MehrD64</a></h3>
<p style="text-align: center;"><a href="http://mehrd64.deviantart.com/art/AVE-162437995?q=in%3Adesigns%2Fweb+sort%3Atime+blue+website&amp;qo=111"><img class="aligncenter" src="http://fc03.deviantart.net/fs71/f/2010/120/4/6/AVE_by_MehrD64.jpg" alt="" width="540" height="391" /></a></p>
<h3><a href="http://www.2ndfriend.com/">25. 2NdFriend</a></h3>
<p style="text-align: center;"><a href="http://www.2ndfriend.com/"><img class="size-full wp-image-17191  aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/2010-06-11_17.58.12.jpg" alt="" width="539" height="384" /></a></p>
<h3><a href="http://www.skype.com/">26. Skype</a></h3>
<p style="text-align: center;"><a href="http://skype.com"><img class="size-large wp-image-17188 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/Make-the-most-of-Skype-free-internet-calls-and-great-value-calls-20100611-594x1023.jpg" alt="" width="535" height="921" /></a></p>
<h3><a href="http://foxstep.deviantart.com/art/Pocari-Sweat-Brand-Site-163104230">27. Pocari Sweat by Foxstep</a></h3>
<p style="text-align: center;"><a href="http://foxstep.deviantart.com/art/Pocari-Sweat-Brand-Site-163104230?q=in%3Adesigns%2Fweb+sort%3Atime+blue+website&amp;qo=92"><img class="size-full wp-image-17187 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/2010-06-11_17.33.48.jpg" alt="" width="502" height="289" /></a></p>
<h3><a href="http://www.twitteralerts.net/">28. Twitter Alerts</a></h3>
<p style="text-align: center;"><a href="http://www.twitteralerts.net/"><img class="aligncenter" src="http://th07.deviantart.net/fs70/PRE/f/2010/012/9/d/www_twitteralerts_net_by_silviu_ivan.jpg" alt="" width="509" height="362" /></a></p>
<h3><a href="http://www.behance.net/gallery/Sanimix-layout/94875">29. Sanimix by Marcel Pirosca</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Sanimix-layout/94875"><img class="aligncenter" src="http://behance.vo.llnwd.net/profiles/72942/projects/94875/729421211812279.jpg" alt="" width="540" height="528" /></a></p>
<h3><a href="http://www.behance.net/gallery/C_C/529008">30. C&amp;C by Igor Barazzetti</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/C_C/529008"><img class="aligncenter" src="http://behance.vo.llnwd.net/profiles5/138377/projects/529008/1383771275395839.png" alt="" width="540" height="395" /></a></p>
<h3><a href="http://www.carlsberg.com/">31. Carlsberg</a></h3>
<p style="text-align: center;"><a href="http://www.carlsberg.com/"><img class="aligncenter size-large wp-image-17193" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/2010-06-11_18.13.12-1024x627.jpg" alt="" width="540" height="331" /></a></p>
<h3><a href="http://www.behance.net/gallery/Boston-Childrens-Museum-Our-Green-Trail/390811">32. Our Green Trail by Chad Portas</a></h3>
<p style="text-align: center;"><a href="http://www.behance.net/gallery/Boston-Childrens-Museum-Our-Green-Trail/390811"><img class="aligncenter size-full wp-image-17195" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/1417481263431020.jpg" alt="" width="540" height="420" /></a></p>
<h3><a href="http://elshafto.deviantart.com/art/Citrus-Marketing-Website-142701763">33. Citrus Marketing Website by Elshafto</a></h3>
<p style="text-align: center;"><a href="http://elshafto.deviantart.com/art/Citrus-Marketing-Website-142701763?qj=1&amp;q=in%3Adesigns%2Fweb+sort%3Atime+green+website&amp;qo=436"><img class="aligncenter" src="http://fc07.deviantart.net/fs50/i/2009/310/2/1/Citrus_Marketing_Website_by_elshafto.jpg" alt="" width="540" height="425" /></a></p>
<h3><a href="http://oakme.deviantart.com/art/Tree-nursery-137951218">34. Tree Nursery by OakmE</a></h3>
<p style="text-align: center;"><a href="http://oakme.deviantart.com/art/Tree-nursery-137951218?qj=2&amp;q=in%3Adesigns%2Fweb+sort%3Atime+green+website&amp;qo=529"><img class="aligncenter" src="http://fc04.deviantart.net/fs51/f/2009/265/3/b/Tree_nursery_by_OakmE.jpg" alt="" width="538" height="617" /></a></p>
<h3><a href="http://mrzielsko.deviantart.com/art/INTRACE-offical-portfolio-163832459">35. Intrace Portfolio by MrZielko</a></h3>
<p style="text-align: center;"><a href="http://mrzielsko.deviantart.com/art/INTRACE-offical-portfolio-163832459?q=gallery%3A1stwebdesigner%2F24275989&amp;qo=2"><img class="aligncenter" src="http://fc01.deviantart.net/fs71/i/2010/133/7/a/INTRACE_offical_portfolio__by_MrZielsko.jpg" alt="" width="538" height="403" /></a></p>
<h3><a href="http://webdesigner1921.deviantart.com/art/beauty-sallon-2-152904833">36. Beauty Sallon</a></h3>
<p style="text-align: center;"><a href="http://webdesigner1921.deviantart.com/art/beauty-sallon-2-152904833?q=in%3Adesigns%2Fweb+sort%3Atime+spa&amp;qo=43"><img class="aligncenter size-full wp-image-17200" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/2010-06-11_20.05.52.jpg" alt="" width="528" height="362" /></a></p>
<h3><a href="http://zee7.deviantart.com/art/wonderland-photography-101475521">37. Wonderland Photography by Zee7</a></h3>
<p><a href="http://zee7.deviantart.com/art/wonderland-photography-101475521?q=gallery%3Aartistunion%2F23916526&amp;qo=107"><img class="aligncenter size-full wp-image-17196" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/2010-06-11_19.45.46.jpg" alt="" width="469" height="486" /></a></p>
<p>Let us know which one get your attention and what feel does it give you when you&#8217;re looking at it. And if you have other warm or cool color website designs which you would like to share with us, tell us in the comment section.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/warm-cool-color-website-designs/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

