44个 灵感来自于“大自然”的网站设计（上）

<span style="color: #111111; font-family: verdana, arial; font-size: 13px; line-height: 23px;">


<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><span style="color: #111111; font-size: 13px; line-height: 1.8em; padding: 0px; margin: 0px;"><span style="color: #111111; font-size: 13px; line-height: 1.8em; padding: 0px; margin: 0px;">如果你是这种类型的设计项目的设计师之一，本文将帮助你在一个有效的网站设计中得到更多的想法。?</span></span><strong style="padding: 0px; margin: 0px;"><span style="color: #111111; font-size: 13px; line-height: 1.8em; padding: 0px; margin: 0px;"><span style="color: #111111; font-size: 13px; line-height: 1.8em; padding: 0px; margin: 0px;">自然灵感的网站设计</span></span></strong><span style="color: #111111; font-size: 13px; line-height: 1.8em; padding: 0px; margin: 0px;"><span style="color: #111111; font-size: 13px; line-height: 1.8em; padding: 0px; margin: 0px;">下面的例子展示你得到启发 ，并获得</span><span style="color: #111111; font-size: 13px; line-height: 1.8em; padding: 0px; margin: 0px;">与相关性质的概念设计 。</span></span>

<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><span style="color: #111111; font-size: 13px; line-height: 1.8em; padding: 0px; margin: 0px;"><span style="color: #111111; font-size: 13px; line-height: 1.8em; padding: 0px; margin: 0px;"><br style="padding: 0px; margin: 0px;"></span></span>

<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.antidecaf.com/">Anti Decaf</a></h2>
<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.antidecaf.com/"><img class="alignnone size-full wp-image-5360" style="padding: 0px; margin: 0px;" src="http://cdn.naldzgraphics.net/wp-content/uploads/2009/10/wnature2.jpg" alt="Nature Web Design" width="500" height="250"></a>
<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.blueacorn.com/">Blue Acorn</a></h2>

<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://kauppa.yalo.fi/">Yalo</a></h2>
<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://kauppa.yalo.fi/"><img class="alignnone size-full wp-image-5360" style="padding: 0px; margin: 0px;" src="http://cdn.naldzgraphics.net/wp-content/uploads/2009/10/wnature4.jpg" alt="Nature Web Design" width="500" height="250"></a>
<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.revyver.com/">Revyer</a></h2>

<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.studio7designs.com/">Studio 7 Designs</a></h2>
<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.studio7designs.com/"><img class="alignnone size-full wp-image-5360" style="padding: 0px; margin: 0px;" src="http://cdn.naldzgraphics.net/wp-content/uploads/2009/10/wnature6.jpg" alt="Nature Web Design" width="500" height="250"></a>
<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.absolutebica.com/">Absolute Bica</a></h2>

<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.pojeta.cz/">Pojeta</a></h2>
<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.pojeta.cz/"><img class="alignnone size-full wp-image-5360" style="padding: 0px; margin: 0px;" src="http://cdn.naldzgraphics.net/wp-content/uploads/2009/10/wnature8.jpg" alt="Nature Web Design" width="500" height="250"></a>
<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.glocalventures.org/">Glocal Ventures</a></h2>

<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.tyrrellspotatochips.co.uk/">Tyrrells</a></h2>
<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.tyrrellspotatochips.co.uk/"><img class="alignnone size-full wp-image-5360" style="padding: 0px; margin: 0px;" src="http://cdn.naldzgraphics.net/wp-content/uploads/2009/10/wnature10.jpg" alt="Nature Web Design" width="500" height="250"></a>
<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.padi.com/scuba/default.aspx">Padi</a></h2>

<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://drippinginsunshine.com/">Dripping in Sunshine</a></h2>
<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://drippinginsunshine.com/"><img class="alignnone size-full wp-image-5360" style="padding: 0px; margin: 0px;" src="http://cdn.naldzgraphics.net/wp-content/uploads/2009/10/wnature12.jpg" alt="Nature Web Design" width="500" height="250"></a>
<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.weberica.net/">Weberica</a></h2>

<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://fx.inetcat.com/">Inet Cat</a></h2>
<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://fx.inetcat.com/"><img class="alignnone size-full wp-image-5360" style="padding: 0px; margin: 0px;" src="http://cdn.naldzgraphics.net/wp-content/uploads/2009/10/wnature14.jpg" alt="Nature Web Design" width="500" height="250"></a>
<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.ekochgren.se/">Ek & Gren</a></h2>

<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.abetterplay.com/">A Better Play</a></h2>
<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.abetterplay.com/"><img class="alignnone size-full wp-image-5360" style="padding: 0px; margin: 0px;" src="http://cdn.naldzgraphics.net/wp-content/uploads/2009/10/wnature16.jpg" alt="Nature Web Design" width="500" height="250"></a>
<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.august.com.au/">August</a></h2>

<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://greenglobeideas.com/">Green Globe Ideas</a></h2>
<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://greenglobeideas.com/"><img class="alignnone size-full wp-image-5360" style="padding: 0px; margin: 0px;" src="http://cdn.naldzgraphics.net/wp-content/uploads/2009/10/wnature18.jpg" alt="Nature Web Design" width="500" height="250"></a>
<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://www.lanbruk.com.au/">Lanbruk’s Gunyah</a></h2>

<h2 style="font-weight: bold; color: #000000; padding: 0px; margin: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://xhtmlit.com/">XHTMLiT</a></h2>
<p style="margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; text-indent: 0px; padding: 0px;"><a style="text-decoration: underline; color: #0066cc; padding: 0px; margin: 0px;" href="http://xhtmlit.com/"><img class="alignnone size-full wp-image-5360" style="padding: 0px; margin: 0px;" src="http://cdn.naldzgraphics.net/wp-content/uploads/2009/10/wnature20.jpg" alt="Nature Web Design" width="500" height="250"></a>
</span></p>