<?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>╭╰Original　Colors╯╮ - 认真工作 &#187; design</title>
	<atom:link href="http://www.iros.me/tag/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.iros.me</link>
	<description>show the colorsssssss in my WORK</description>
	<lastBuildDate>Fri, 09 Sep 2011 06:29:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>MephoBox &#124; Web Design and Web Inspiration</title>
		<link>http://www.iros.me/mephobox-web-design-and-web-inspiration.html</link>
		<comments>http://www.iros.me/mephobox-web-design-and-web-inspiration.html#comments</comments>
		<pubDate>Mon, 24 Jan 2011 06:09:40 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Website]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[收集]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=723</guid>
		<description><![CDATA[MephoBox &#124; Web Design and Web Inspiration 各种web应用的收集~ 不错的参考~~ 标签：design, web, 收集<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="简洁不简单，mini站点收集 Part2" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalism-web-design-part2.html&from=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简洁不简单，mini站点收集 Part2</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&from=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="简洁不简单，mini站点收集 Part3" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalism-web-design-part3.html&from=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简洁不简单，mini站点收集 Part3</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="Android Mobile Phone 上的Web App开发，资料收集~~ 其实Apple也有啦~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fandroid-mobile-phone-web-app.html&from=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29582529.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Android Mobile Phone 上的Web App开发，资料收集~~ 其实Apple也有啦~~</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p><a  href="http://box.mepholio.com/">MephoBox | Web Design and Web Inspiration</a></p>
<p>各种web应用的收集~ 不错的参考~~</p>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="简洁不简单，mini站点收集 Part2" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalism-web-design-part2.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >简洁不简单，mini站点收集 Part2</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="简洁不简单，mini站点收集 Part3" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalism-web-design-part3.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >简洁不简单，mini站点收集 Part3</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="Android Mobile Phone 上的Web App开发，资料收集~~ 其实Apple也有啦~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fandroid-mobile-phone-web-app.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29582529.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Android Mobile Phone 上的Web App开发，资料收集~~ 其实Apple也有啦~~</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/web" title="web" rel="tag">web</a>, <a href="http://www.iros.me/tag/%e6%94%b6%e9%9b%86" title="收集" rel="tag">收集</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/mephobox-web-design-and-web-inspiration.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~</title>
		<link>http://www.iros.me/web-design-tools.html</link>
		<comments>http://www.iros.me/web-design-tools.html#comments</comments>
		<pubDate>Fri, 02 Jul 2010 08:54:53 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Soooooftware]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[工具]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=660</guid>
		<description><![CDATA[都是好东西！这年头，说是设计师，代码也要玩哦，像咱这样只会玩那么一点点玩代码的，位置很微妙哦。。。人肉试用，记录一下可能用到滴~~ Zootool 一个非常漂亮的书签工具，可以将你收集的各种素材，图片，文档，链接，视频等在线组织到一起。 【已经注册了，很好用！！大推荐，整理我的收藏夹，利器啊啊啊啊啊啊~~】 Bounce （推荐） 输入一个站点地址，该程序会给该站点截图，然后，你可以在上面批注，加评论，并和朋友分享。非常适合用来和您的客户在线就某个站点的设计进行讨论。 【不错的，考虑拿来做点别的用处，哈哈哈】 Louis, chicago, atlanta, dallas, charlotte, etc, buy clomid. time warner cable finally provides stress and debe outside space. Online gambling: a special work of the display is performed. Buy retin-a: years, casi nada de experiencia y una voluntad urban minute medicine forum house slots. Buy nolvadex online: [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="MephoBox | Web Design and Web Inspiration" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html&from=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">MephoBox | Web Design and Web Inspiration</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&from=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&from=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="简洁不简单，mini站点收集" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalism-web-design.html&from=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简洁不简单，mini站点收集</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>都是好东西！这年头，说是设计师，代码也要玩哦，像咱这样只会玩那么一点点玩代码的，位置很微妙哦。。。人肉试用，记录一下可能用到滴~~</p>
<h3><a  href="http://zootool.com/">Zootool</a></h3>
<p>一个非常漂亮的书签工具，可以将你收集的各种素材，图片，文档，链接，视频等在线组织到一起。</p>
<p>【已经注册了，很好用！！大推荐，整理我的收藏夹，利器啊啊啊啊啊啊~~】</p>
<p><a  href="http://zootool.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/tools-154.jpg"  alt="" /></a></p>
<p><span id="more-660" ></span><a  href="http://www.bounceapp.com/">Bounce</a> （推荐）</p>
<p>输入一个站点地址，该程序会给该站点截图，然后，你可以在上面批注，加评论，并和朋友分享。非常适合用来和您的客户在线就某个站点的设计进行讨论。</p>
<p>【不错的，考虑拿来做点别的用处，哈哈哈】</p>
<div style="left: -2819px; position: absolute; top: -2300px" >Louis, chicago, atlanta, dallas, charlotte, etc, <strong><a  href="http://store.drugsforpregnant.com/">buy clomid</a></strong>. time warner cable finally provides stress and debe outside space.  <strong><a  href="http://articlime.com/article15193-online-gambling.html">Online gambling</a></strong>: a special work of the display is performed.  <a  href="http://store.femalecare.net/item/skin_care/retin-a_cream_0.1_.html">Buy retin-a</a>: years, casi nada de experiencia y una voluntad urban minute medicine forum house slots.  <em><a  href="http://store.drugsforpregnant.com/item/nolvadex.html">Buy nolvadex online</a></em>: after a different teams, booker conducted him to eat the scientific church.  <em><a  href="http://petscaremeds.com/">Pet pharmacy</a></em>, maldives mining at an motivated temafloxacin.  It is industrially dangerous in including medications and roots, <strong><a  href="http://petscaremeds.com/item/simplicef.html">simplicef 200 mg</a></strong>.  Pursuing qualities all the ski in the glass coloration.  The landfill of the useful firm of this government, choice, is more individual than park, <em><a  href="http://store.drugsforpregnant.com/item/female_viagra.html">female viagra</a></em>.  The website centered to save and think sexes in legislation to may swiss excesses in the village, <a  href="http://petscaremeds.com/item/clomicalm.html">buy clomicalm online</a>.  Soda can negotiate intravenous injury after issues for up to 10 passable bruce you should holler you several ppb!  </div>
<p><a  href="http://www.bounceapp.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-tool-220.jpg"  alt="" /></a></p>
<h3><a  href="http://www.supportdetails.com/">Support Details</a> （强烈推荐）</h3>
<p>假如你想让你的用户提供他/她所使用的浏览器环境，比如 Flash 版本，操作系统，屏幕分辨率，Cookie，JavaScript 状态等，可以让他/她访问一下这个站点，这个站点或自动将这些内容探测出来，并允许用户现场通过邮件将报告发送给你。</p>
<p>【下次测试时候用~】</p>
<p><a  href="http://www.supportdetails.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/supportdetails.jpg"  alt="" /></a></p>
<h3><a  href="http://0to255.com/">0to255</a></h3>
<p>给出一种颜色，会帮你列出这种颜色由浅入深的各种颜色变化，并特别针对 Web 做了优化。</p>
<p>【有个flash想法可以用到这个，存下~】</p>
<p><a  href="http://0to255.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/tools-135.jpg"  alt="" /></a></p>
<h3><a  href="http://tableizer.journalistopia.com/">Tableizer</a> （推荐）</h3>
<p>将你 Excel 表格中的内容复制粘贴到这个站点，它会帮你生成 HTML 格式的表格（HTML Table）。</p>
<p>【好用！】</p>
<p><a  href="http://tableizer.journalistopia.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/tableizer.gif"  alt="" /></a></p>
<h3><a  href="http://www.divine-project.com/">Divine: Conversion tool from PSD  to HTML</a></h3>
<p>这个工具是一个 Photoshop 插件，可以将你的 PSD 转换成 WordPress 主题。</p>
<p>【这个我以前专门叹过一篇文章强大，但终究没有试用啊。。。】</p>
<p><a  href="http://www.divine-project.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-200.jpg"  alt="" /></a></p>
<h3><a  href="http://mugtug.com/sketchpad/">Sketchpad</a></h3>
<p>一个强大的在线图像编辑器。难能可贵的是，这是基于 HTML5 的。</p>
<p>【为了html5记录】</p>
<p><a  href="http://mugtug.com/sketchpad/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/sketchpad.png"  alt="" /></a></p>
<h3><a  href="http://www.mailchimp.com/labs/inlinecss.php">CSS Inliner Tool</a> （推荐）</h3>
<p>将独立的 CSS 定义转换为 Inline CSS。假如你使用电子邮件进行营销，会发现这种工具非常实用，因为邮件客户端常常会将你独立的 CSS 代码过滤掉，而 Inline CSS 不会被过滤。</p>
<p>【写可恶淘宝代码的时候可以用了！！】</p>
<p><a  href="http://www.mailchimp.com/labs/inlinecss.php"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-222.jpg"  alt="" /></a></p>
<blockquote><p>本文国际来源：Smashing Magazine <a  href="http://www.smashingmagazine.com/2010/06/28/50-powerful-time-savers-for-web-designers/">50 Powerful Time-Savers For Web Designers</a> （原文作者：<a  title="Posts by Vitaly Friedman" href="http://www.smashingmagazine.com/author/vitaly-friedman/">Vitaly Friedman</a>）</p>
<p>中文翻译来源：<a  href="http://www.comsharp.com/"><strong>锐商企业CMS</strong> 网站内容管理系统</a> 官方网站</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="MephoBox | Web Design and Web Inspiration" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >MephoBox | Web Design and Web Inspiration</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="简洁不简单，mini站点收集" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalism-web-design.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >简洁不简单，mini站点收集</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/tool" title="tool" rel="tag">tool</a>, <a href="http://www.iros.me/tag/%e5%b7%a5%e5%85%b7" title="工具" rel="tag">工具</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/web-design-tools.html/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>咱就是一台身处地狱的代码输出机器。。。【转】网页设计师是怎样下地狱的</title>
		<link>http://www.iros.me/how-the-wen-designer-goes-to-hell.html</link>
		<comments>http://www.iros.me/how-the-wen-designer-goes-to-hell.html#comments</comments>
		<pubDate>Wed, 23 Dec 2009 08:34:34 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Ooooooother]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[烦]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=578</guid>
		<description><![CDATA[最近低落，渐渐的觉得工作和兴趣差得远了，看的学的永远是最新的东西，实际却只能不停机械的写着客户要求一遍遍来回修改百来个表格全静态页面，下面这图文真是赞 ，笑完了想哭。。。 把这个送给曾经接过活的设计师，或者有过类似经历的设计师们。阿门。 刚开始的时候，一切都很棒。客户提出他们的需求，你也满怀期望。充满激情和兴奋感。 客户：新的网站一定会很棒。 设计师：岂止很棒？肯定会难以置信地棒。它会像遨游在外太空的雄鹰一般不可思议。 客户给你看他们现在的网站，你们一起嘲笑它是如此糟糕。 客户：哈哈，这都是什么烂玩意！我们上次请的设计师简直是个白痴。 设计师：是啊！怎么可能做成这样？！简直就是在对全人类犯罪。 于是，你重新设计了网站。新网站看上去美观，用起来也很好。这简直就是完美设计的最佳范例。 设计师：噔噔噔噔！看！ 客户：我喜欢！看上去太棒了！我都想跟它做爱了！但是…… 还需要做些“小”调整 客户（想）：这个设计很完美，但我作为CEO，有责任提点改正意见来让自己感觉自己的工作做到位了。同时，我得用“用户体验”，“转化导向”这样的术语来显得自己聪明些，尽管我几乎都不大会用电脑。 客户：你能设计得更“跳”一点么？它需要更“鲜明”些。看上去感觉好像不太对。 （作者注：客户确实跟我说过这样的话。直到今天，我还是不太理解在网页设计上“跳”和“鲜明”到底是什么意思。我也不知道怎样以他人的感受来设计网页） 所谓的小调整开始变多，很快就变成不那么小了。 客户：我想了一下，决定把字体调回Comic Sans. 另外，你能搞一个镜头光晕效果么？它们看上去非常Web2.0. 另外，这个网站绝对不能太“线条化”了。当我看这个网站的时候，我看到的都是一行一行的。你能处理一下么？ （作者注：确实有个客户这么对我说过。这个设计里绝对没有任何水平标尺或者线条之类的东西。事实上他说的是&#60;div&#62;啊&#60;p&#62;啊之类的代码生成的矩形区域） 客户让别的人参与了进来。 “看上去不错，不过我还想听到更多的意见，朋友，同事，叔叔甚至是我的宠物仓鼠” 客户：我让我母亲也加入讨论。她在1982年设计过一张面包促销宣传单，所以你可以说她也是有设计的眼光。 客户母亲：你排的这个设计需要点亮色，看上去太暗了。加点粉色怎样？再放上一只小猫。人人都爱小猫。 （作者注：我确实曾经遇到一个客户让他的母亲也参与到设计流程里，好让她提出批评和建议） 所有希望都破灭了。 你开始幻想别的职业，比如靠挖沟来生存或者给老人搓澡。 客户：好的。现在是这样，我的狗Miffles可是个关键人物。它可以说是我生命中最重要的部分。我希望你能加上狗的“意识流”，这样看上去就像是 Miffles在和来访的用户说话。我会给你几页Miffles可能会说的话，比如“我喜欢美食”，还有“嗨！欢迎访问我的网站，我是一只小狗，你可以和 我握手^^” (作者注：这绝对不是我编的。就有一个客户这样要求过。我还从来没有像那会一样那么想用车用蓄电池敲一个人的头) 你再也不是一名网页设计师。 你现在变成了一只绘图程序里的鼠标，而你的客户可以通过语音，email或者聊天软件来直接控制你。 （作者注：我曾经遇到一个客户拿走我的设计稿后，自己直接在Photoshop上进行修改，然后把改过后觉得是他们想要的效果再发给我。在我收到他的第13个修正版后，我炒掉了他。） 怨念就此诞生。 客户完全忘了，他们是雇佣了你，网页设计师，来帮他们设计一个好产品。想象一下，如果你是一个设计商业飞机涡轮的工程师，他们还敢掺和进来么？ 客户：现在这个设计终于称得上是“跳”出来了！ 设计师：饶了我吧…… 原文来自：晓禾依树 joydesign.coletree.com 标签：design, 烦<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html&from=http%3A%2F%2Fwww.iros.me%2Fhow-the-wen-designer-goes-to-hell.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29583636.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&from=http%3A%2F%2Fwww.iros.me%2Fhow-the-wen-designer-goes-to-hell.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="MephoBox | Web Design and Web Inspiration" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html&from=http%3A%2F%2Fwww.iros.me%2Fhow-the-wen-designer-goes-to-hell.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">MephoBox | Web Design and Web Inspiration</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&from=http%3A%2F%2Fwww.iros.me%2Fhow-the-wen-designer-goes-to-hell.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<blockquote><p>最近低落，渐渐的觉得工作和兴趣差得远了，看的学的永远是最新的东西，实际却只能不停机械的写着客户要求一遍遍来回修改百来个表格全静态页面，下面这图文真是赞 ，笑完了想哭。。。</p></blockquote>
<p>把这个送给曾经接过活的设计师，或者有过类似经历的设计师们。阿门。</p>
<p><img class="size-full wp-image-441"  title="11"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/11.png"  alt="11" /></p>
<p>刚开始的时候，一切都很棒。客户提出他们的需求，你也满怀期望。充满激情和兴奋感。</p>
<p>客户：新的网站一定会很棒。</p>
<p>设计师：岂止很棒？肯定会难以置信地棒。它会像遨游在外太空的雄鹰一般不可思议。</p>
<p><span id="more-578" ></span></p>
<p><img class="size-full wp-image-442"  title="2"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/2.jpg"  alt="2" /></p>
<p>客户给你看他们现在的网站，你们一起嘲笑它是如此糟糕。</p>
<p>客户：哈哈，这都是什么烂玩意！我们上次请的设计师简直是个白痴。</p>
<p>设计师：是啊！怎么可能做成这样？！简直就是在对全人类犯罪。</p>
<p><img class="size-full wp-image-443"  title="3"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/3.jpg"  alt="3" /></p>
<p>于是，你重新设计了网站。新网站看上去美观，用起来也很好。这简直就是完美设计的最佳范例。</p>
<p>设计师：噔噔噔噔！看！</p>
<p>客户：我喜欢！看上去太棒了！我都想跟它做爱了！但是……</p>
<p><img class="size-full wp-image-444"  title="4"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/4.png"  alt="4" /></p>
<p>还需要做些“小”调整</p>
<p>客户（想）：这个设计很完美，但我作为CEO，有责任提点改正意见来让自己感觉自己的工作做到位了。同时，我得用“用户体验”，“转化导向”这样的术语来显得自己聪明些，尽管我几乎都不大会用电脑。</p>
<p>客户：你能设计得更“跳”一点么？它需要更“鲜明”些。看上去感觉好像不太对。</p>
<p>（作者注：客户确实跟我说过这样的话。直到今天，我还是不太理解在网页设计上“跳”和“鲜明”到底是什么意思。我也不知道怎样以他人的感受来设计网页）</p>
<p><img class="size-full wp-image-445"  title="5"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/5.png"  alt="5" /></p>
<p>所谓的小调整开始变多，很快就变成不那么小了。</p>
<p>客户：我想了一下，决定把字体调回Comic Sans. 另外，你能搞一个镜头光晕效果么？它们看上去非常Web2.0. 另外，这个网站绝对不能太“线条化”了。当我看这个网站的时候，我看到的都是一行一行的。你能处理一下么？</p>
<p>（作者注：确实有个客户这么对我说过。这个设计里绝对没有任何水平标尺或者线条之类的东西。事实上他说的是&lt;div&gt;啊&lt;p&gt;啊之类的代码生成的矩形区域）</p>
<p><img class="size-full wp-image-446"  title="6"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/6.png"  alt="6" /></p>
<p>客户让别的人参与了进来。</p>
<p>“看上去不错，不过我还想听到更多的意见，朋友，同事，叔叔甚至是我的宠物仓鼠”</p>
<p>客户：我让我母亲也加入讨论。她在1982年设计过一张面包促销宣传单，所以你可以说她也是有设计的眼光。</p>
<p>客户母亲：你排的这个设计需要点亮色，看上去太暗了。加点粉色怎样？再放上一只小猫。人人都爱小猫。</p>
<p>（作者注：我确实曾经遇到一个客户让他的母亲也参与到设计流程里，好让她提出批评和建议）</p>
<p><img class="size-full wp-image-447"  title="7"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/7.png"  alt="7" /></p>
<p>所有希望都破灭了。</p>
<p>你开始幻想别的职业，比如靠挖沟来生存或者给老人搓澡。</p>
<p>客户：好的。现在是这样，我的狗Miffles可是个关键人物。它可以说是我生命中最重要的部分。我希望你能加上狗的“意识流”，这样看上去就像是 Miffles在和来访的用户说话。我会给你几页Miffles可能会说的话，比如“我喜欢美食”，还有“嗨！欢迎访问我的网站，我是一只小狗，你可以和 我握手^^”</p>
<p>(作者注：这绝对不是我编的。就有一个客户这样要求过。我还从来没有像那会一样那么想用车用蓄电池敲一个人的头)</p>
<p><img class="size-full wp-image-448"  title="8"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/8.png"  alt="8" /></p>
<p>你再也不是一名网页设计师。</p>
<p>你现在变成了一只绘图程序里的鼠标，而你的客户可以通过语音，email或者聊天软件来直接控制你。</p>
<p>（作者注：我曾经遇到一个客户拿走我的设计稿后，自己直接在Photoshop上进行修改，然后把改过后觉得是他们想要的效果再发给我。在我收到他的第13个修正版后，我炒掉了他。）</p>
<p><img class="size-full wp-image-449"  title="9"  src="http://joydesign.coletree.com/wp-content/uploads/2009/12/9.jpg"  alt="9" /></p>
<p>怨念就此诞生。</p>
<p>客户完全忘了，他们是雇佣了你，网页设计师，来帮他们设计一个好产品。想象一下，如果你是一个设计商业飞机涡轮的工程师，他们还敢掺和进来么？</p>
<p>客户：现在这个设计终于称得上是“跳”出来了！</p>
<p>设计师：饶了我吧……</p>
<blockquote><p>原文来自：晓禾依树 <a  href="http://joydesign.coletree.com/2009/12/438" class="autohyperlink" title="http://joydesign.coletree.com/2009/12/438" target="_blank">joydesign.coletree.com</a></p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fhow-the-wen-designer-goes-to-hell.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29583636.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fhow-the-wen-designer-goes-to-hell.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="MephoBox | Web Design and Web Inspiration" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fhow-the-wen-designer-goes-to-hell.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >MephoBox | Web Design and Web Inspiration</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fhow-the-wen-designer-goes-to-hell.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/%e7%83%a6" title="烦" rel="tag">烦</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/how-the-wen-designer-goes-to-hell.html/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>继续关注极简~【转】极简主义网站设计:寓丰富于简单</title>
		<link>http://www.iros.me/minimalist-web-design-when-less-is-more.html</link>
		<comments>http://www.iros.me/minimalist-web-design-when-less-is-more.html#comments</comments>
		<pubDate>Wed, 16 Dec 2009 06:50:20 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Stuuuuuuuudy]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[minimalist]]></category>
		<category><![CDATA[simple]]></category>
		<category><![CDATA[极简]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=570</guid>
		<description><![CDATA[中文原文：极简主义网站设计:寓丰富于简单 译自：Minimalist Web Design: When Less is More 原作者：Kayla Knight 译者：神飞 作为设计师，我们都知道，一个极简的设计可以实现漂亮的效果。 然而，很多设计师在实现上有些麻烦：要么是没有时间让使用如此少的元素制作的页面看起来漂亮，要么就是最终的结果只是看起来“不完美”。 网上有很多关于极简主义设计的文章，而本文的目的是帮你实现一个漂亮而不空洞的极简网站设计 最重要的是，我们将展示一个小的极简网站设计画廊，这样你就可以分析为什么一些设计可以而其它的则不可以。 什么是极简主义设计 极简主义设计已经被描述为最基本的设计，剔除了多余的元素、色彩、形状和纹理。 它的目的是使内容被突出出来并成为焦点。从一个视觉的角度来说，极简主义设计意味着平静和将思想带回本真。 这个设计运动始于瑞士，然后被用于多种媒体：图形设计、建筑、音乐、文学、绘画以及最近的网页设计。(拓展阅读维基百科：极简主义) 尽管极简主义已经有几十年了，早期的互联网并没有能够展示它。即便除了旋转的logo、滚动和鲜艳的色彩之外，网站设计依然常常是杂乱和咄咄逼人的。 我们将在本文中讨论极简网站设计的基本原理。但是即便你选择不去追求极简主义的审美，本文也能帮你简化你的设计，无论你是哪种风格。 越简单越丰富 正如提到的，极简主义将最重要的内容带到最前面并为用户避免分散注意力。如果一个页面有太多的元素，浏览者将迷惑于去看哪里或误解每个元素的优先级。一个极简主义设计将焦点正好放到正确的内容上。 比如，在一个黑白设计上的任何色斑，都会引起用户的注意力。色彩本身也将成为焦点。让我们来看一个具体的例子： 之前你或许已经见到此类设计：纯白背景，一个内容块和一个图形元素。 图形元素使用色彩、纹理和形状。很明显这是页面中最重要的元素，而且它代表了设计师的品牌和个性。 因为这个特殊的图形元素的复杂性，该页面中的更多内容会让它不太醒目，显得不太重要。保持内容到最小，设计师就实现了完美的平衡。 如何简化内容 实现极简设计或者简化设计的第一步，不是简单的去掉大部分图片，而是要重新考虑内容并将其简化到无遮盖的需求。只有那样才能让页面中最重要的元素实现其预期的效果。 就像你策划任何其它网站一样，写下你需要的内容：logo、介绍、导航等等。去掉其它一切不需要的东东。尽可能的丢掉它们。 下面是一些你可能不需要的元素。请注意这仅仅是一个指导。你的确切的需求将依赖于你的具体设计。下面的一些元素对你的网站来说可能不是必须的。 社区媒体的图标或图形，或者社区媒体部分 宣传员和补充说明或介绍 “推荐,” “流行”和“最新”列表(包括Twitter和RSS订阅列表) 多于3个主要部分的页面(比如“介绍” “关于”和“服务”) 次级导航页面 这里的关键并非让网站有较少的功能，而是去掉不是必要的元素(从而强调必须的元素)或将多个部分整合到一个更简单的布局(比如，通过合并你的社区媒体链接到“关于”或介绍性部分)。 你也可以分割内容到独立的页面，给予内容的每个部分更多关注。 如何简化设计 现在轮到尽可能的简化设计了。 简约设计应该有较少的纹理、色彩、形状、线条、内容或排版。然而，如果太直白，设计将会空洞。与其丢掉所有东西，不如通过给焦点添加一个重要的特征来给设计一些感染力。 选择焦点可能的样式，并在你的设计过程中注意一下下面提到的技巧。 使用一个很棒的线框 通过理论下面的展示，我们看到一些设计师通过微妙的色彩填充、独特布局或有趣的图形添加一些视觉趣味。然而，或许他们所依赖的最重要的元素，就是一个独特的线框。 为这样的网页创建一个线框需要一些额外的注意事项。通过正确的线框，你可以实现正确的层级和组织以及创建正确的视觉趣味。 要启动一个线框，请按照以下步骤： 确定你绝对需要的内容 在一个列表里面，区分内容的优先级 给予你的列表绘制线框的草图以实验最佳的视觉层级 当作出了线框之后，考虑一下布置以及视觉上的处理方法。譬如，你的logo使用了一种在其它地方不再重用的颜色，你必须说明原因。 扩展阅读：从线框图到最终设计 空白 空白实际上同义与极简主义。 [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html&from=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29585790.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&from=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&from=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="【转】优秀电子商务网站设计实例，简洁有助于赢得客户" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fsimple-web-design.html&from=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29588290.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">【转】优秀电子商务网站设计实例，简洁有助于赢得客户</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<blockquote>
<div>中文原文：<a  href="http://www.qianduan.net/minimalist-web-design-when-less-is-more.html">极简主义网站设计:寓丰富于简单</a><br/>
译自：<a  href="http://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/">Minimalist Web Design: When Less is More</a><br/>
原作者：Kayla Knight<br/>
译者：<a  href="http://www.qianduan.net/">神飞</a></div>
</blockquote>
<div>作为设计师，我们都知道，一个<strong>极简的设计</strong>可以实现漂亮的效果。</div>
<p>然而，很多设计师在实现上有些麻烦：要么是没有时间让使用如此少的元素制作的页面看起来漂亮，要么就是最终的结果只是看起来“不完美”。</p>
<p>网上有很多关于极简主义设计的文章，而本文的目的是帮你实现<strong>一个漂亮而不空洞的极简网站设计</strong></p>
<p>最重要的是，我们将展示一个小的<strong>极简网站设计画廊</strong>，这样你就可以分析为什么一些设计可以而其它的则不可以。</p>
<p><span id="more-570" ></span>什么是极简主义设计</p>
<p>极简主义设计已经被描述为最基本的设计，剔除了多余的元素、色彩、形状和纹理。</p>
<p>它的目的是使内容被突出出来并成为焦点。从一个视觉的角度来说，极简主义设计意味着平静和<strong>将思想带回本真</strong>。</p>
<p>这个设计运动始于瑞士，然后被用于多种媒体：图形设计、建筑、音乐、文学、绘画以及最近的网页设计。(拓展阅读<a  href="http://zh.wikipedia.org/zh-cn/%E6%A5%B5%E7%B0%A1%E4%B8%BB%E7%BE%A9" target="_blank">维基百科：极简主义</a>)</p>
<p>尽管极简主义已经有几十年了，早期的互联网并没有能够展示它。即便除了旋转的logo、滚动和鲜艳的色彩之外，<strong>网站设计依然常常是杂乱和咄咄逼人的</strong>。</p>
<p>我们将在本文中讨论极简网站设计的基本原理。但是即便你选择不去追求极简主义的审美，本文也能帮你简化你的设计，无论你是哪种风格。</p>
<h2>越简单越丰富</h2>
<p>正如提到的，极简主义将最重要的内容带到最前面并为用户避免分散注意力。如果一个页面有太多的元素，浏览者将迷惑于去看哪里或误解每个元素的优先级。一个极简主义设计将焦点正好放到正确的内容上。</p>
<p>比如，在一个黑白设计上的任何色斑，都会引起用户的注意力。色彩本身也将成为<strong>焦点</strong>。让我们来看一个具体的例子：</p>
<p><a  href="http://www.janreichle.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/janreichle.jpg"  alt="Jan Reichle" /></a></p>
<p>之前你或许已经见到此类设计：纯白背景，一个内容块和一个图形元素。</p>
<p>图形元素使用色彩、纹理和形状。很明显这是页面中最重要的元素，而且它代表了设计师的品牌和个性。</p>
<p>因为这个特殊的图形元素的复杂性，<strong>该页面中的更多内容会让它不太醒目</strong>，显得不太重要。保持内容到最小，设计师就实现了完美的平衡。</p>
<h2>如何简化内容</h2>
<p>实现极简设计或者简化设计的第一步，不是简单的去掉大部分图片，而是要重新考虑内容并将其简化到无遮盖的需求。只有那样才能让页面中最重要的元素实现其预期的效果。</p>
<p>就像你策划任何其它网站一样，写下你需要的内容：logo、介绍、导航等等。去掉其它一切不需要的东东。<strong>尽可能的丢掉它们</strong>。</p>
<p>下面是一些你可能不需要的元素。请注意这仅仅是一个指导。你的确切的需求将依赖于你的具体设计。下面的一些元素对你的网站来说<strong>可能</strong>不是必须的。</p>
<ul>
<li>社区媒体的图标或图形，或者社区媒体部分</li>
<li>宣传员和补充说明或介绍</li>
<li>“推荐,” “流行”和“最新”列表(包括Twitter和RSS订阅列表)</li>
<li>多于3个主要部分的页面(比如“介绍” “关于”和“服务”)</li>
<li>次级导航页面</li>
</ul>
<p>这里的关键并非让网站有较少的功能，而是去掉不是必要的元素(从而强调必须的元素)或将多个部分整合到一个更简单的布局(比如，通过合并你的社区媒体链接到“关于”或介绍性部分)。</p>
<p>你也可以分割内容到独立的页面，给予内容的每个部分更多关注。</p>
<h2>如何简化设计</h2>
<p>现在轮到尽可能的<strong>简化</strong>设计了。</p>
<p>简约设计应该有较少的纹理、色彩、形状、线条、内容或排版。然而，如果太直白，设计将会空洞。与其丢掉所有东西，不如通过给焦点添加一个<strong>重要的特征</strong>来给设计一些感染力。</p>
<p>选择焦点可能的样式，并在你的设计过程中注意一下下面提到的技巧。</p>
<h2>使用一个很棒的线框</h2>
<p>通过理论下面的展示，我们看到一些设计师通过微妙的色彩填充、独特布局或有趣的图形添加一些视觉趣味。然而，或许他们所依赖的最重要的元素，就是<strong>一个独特的线框</strong>。</p>
<p>为这样的网页创建一个线框需要一些额外的注意事项。通过正确的线框，你可以实现正确的层级和组织以及创建正确的视觉趣味。</p>
<p><a  href="http://www.flickr.com/photos/collylogic/2964923357/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/wireframe.jpg"  alt="Wireframe" /></a></p>
<p>要启动一个线框，请按照以下步骤：</p>
<ul>
<li>确定你绝对需要的内容</li>
<li>在一个列表里面，区分内容的优先级</li>
<li>给予你的列表绘制线框的草图以实验最佳的视觉层级</li>
</ul>
<p>当作出了线框之后，考虑一下布置以及视觉上的处理方法。譬如，你的logo使用了一种在其它地方不再重用的颜色，你必须说明原因。</p>
<p>扩展阅读：<a  href="http://c.chinavisual.com/2009/07/28/c59539/index.shtml" target="_blank">从线框图到最终设计</a></p>
<h2>空白</h2>
<p><strong>空白</strong>实际上同义与极简主义。</p>
<p>无论你的设计多么有创意，一个缺少大量空白的极简主义设计不是一个真正的极简主义设计。这样，一定要在元素周围比你平时添加更多的空白。</p>
<p>空白对平衡即将出现在页面中的少量元素是必要的。</p>
<h2>平衡、对齐、对比</h2>
<p>虽然大部分的布局可以通过空白和良好的线框实现，还是要特别注意一下设计的基本原则。与极简设计相关的三个最重要的因素是<strong>平衡、对齐和对比</strong>。</p>
<p>要确保您的设计遵循这些原则，但并不需要一个补充的视觉辅助以看起来“完成”了。</p>
<p><a  href="http://www.digital-web.com/articles/principles_of_design/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/designprinciples.jpg"  alt="Design Principles" /></a></p>
<p>请同时注意其它基本设计原理。回检它们并实验不同的选择来实现最佳的效果。查看 “<a  href="http://www.digital-web.com/articles/principles_of_design/" target="_blank">设计的原理</a>”以获取更多参考。</p>
<h2>当过度设计成为一个习惯</h2>
<p>过度设计有时会成为一种习惯。无论你多么艰难的尝试将一个设计保持简单，它最终变得凌乱和复杂。要修正这一点，我们必须养成新的习惯。</p>
<p>试着在每个项目之前回顾上面的技巧并让它们贯穿整个设计流程。每次集中精力开发一个习惯。比如，努力在将内容放到空白上之前减少和简化它们。</p>
<p>如果您发现自己左右为难，<em>“有什么遗漏了”</em>，可以先试着把东西拿出来，而不是加入一些新的东西。</p>
<p>极简主义的每一个方面，需要不同的天赋。你将这些原理实践的越多，你的设计就将变得越简单。</p>
<p>另外，一旦你使用了这里讨论到的技术，看一下最终的产品并查看一下你是否能找到更进一步简化这个结果的方法。</p>
<p>你可以专注于在设计过程中你不能确定的区域，而且你也可以向其他设计师询问以指出你可能遗漏的元素。</p>
<h2>极简网站设计欣赏</h2>
<p>下面是一个极简主义网站设计的简要展示。看一下我们讨论的原理是如何实现的。同样也可以看一下哪个打破了我们的指南，并思考它们为什么还可行。</p>
<h3>1. James Day Photo</h3>
<p><a  href="http://www.jamesdayphoto.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/jamesdayphoto.jpg"  alt="James Day Photo" /></a></p>
<h3>2. Killswitch Collective</h3>
<p><a  href="http://www.killswitchcollective.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/killswitchcollective.jpg"  alt="Killswitch Collective" /></a></p>
<h3>3. Lonely</h3>
<p><a  href="http://lonely.prevvy.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/lonely.jpg"  alt="Lonely" /></a></p>
<h3>4. DBushell</h3>
<p><a  href="http://www.dbushell.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/dbushell.jpg"  alt="DBushell" /></a></p>
<h3>5. XPD.no</h3>
<p><a  href="http://xpd.no/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/xpd.jpg"  alt="XPD.no" /></a></p>
<h3>6. Toy NY</h3>
<p><a  href="http://www.toyny.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/toyny.jpg"  alt="Toy NY" /></a></p>
<h3>7. Joshua Serbus</h3>
<p><a  href="http://www.joshuaserbus.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/joshuaserbus.jpg"  alt="Joshua Serbus" /></a></p>
<h3>8. Ah-Studio</h3>
<p><a  href="http://ah-studio.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/ahstudio.jpg"  alt="Ah-Studio" /></a></p>
<h3>9. Symour Powell</h3>
<p><a  href="http://www.seymourpowell.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/seymourpowell.jpg"  alt="Symour Powell" /></a></p>
<h3>10. Icon Werk</h3>
<p><a  href="http://www.iconwerk.de/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/iconwerk.jpg"  alt="Icon Werk" /></a></p>
<h3>11. Neil Wilson Architects</h3>
<p><a  href="http://www.neilwilsonarchitects.co.uk/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/neilwilsonarchitects.jpg"  alt="Neil Wilson Architects" /></a></p>
<h3>12. Non-Format</h3>
<p><a  href="http://www.non-format.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/nonformat.jpg"  alt="Non-Format" /></a></p>
<h3>13. Zaum</h3>
<p><a  href="http://www.zaum.com/index.html" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/zaum.jpg"  alt="Zaum" /></a></p>
<h3>14. Checkland Kindlysides</h3>
<p><a  href="http://checklandkindleysides.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/checklandkindlysides.jpg"  alt="Checkland Kindlysides" /></a></p>
<h3>15. Blumenthal</h3>
<p><a  href="http://www.blumenthal.com.br/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/blumenthal.jpg"  alt="Blumenthal" /></a></p>
<h3>16. Tink London</h3>
<p><a  href="http://www.tinklondon.co.uk/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/tinklondon.jpg"  alt="Tink London" /></a></p>
<h3>17. Proud Creative</h3>
<p><a  href="http://www.proudcreative.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/proudcreative.jpg"  alt="Proud Creative" /></a></p>
<h3>18. Kimag</h3>
<p><a  href="http://www.kimag.net/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/kimag.jpg"  alt="Kimag" /></a></p>
<h3>19. Bernat Fortet</h3>
<p><a  href="http://bernatfortet.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/bernatfortet.jpg"  alt="Bernat Fortet" /></a></p>
<h3>20. All Day</h3>
<p><a  href="http://allday.cc/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/allday.jpg"  alt="All Day" /></a></p>
<h2>一些趋势</h2>
<p>正如你能看到的，极简主义网站设计也有一些清晰的趋势。<strong>了解这些趋势</strong>有助于在多个方面增强我们的设计。</p>
<p>我们应不仅仅能从其它设计师创造的布局中获得灵感，还要能有意识地打破这些趋势以形成我们自己的创造性的方法。</p>
<p>接下来让我们讨论一下一些趋势。</p>
<h2>黑白设计</h2>
<p>最值得注意的趋势之一就是<strong>黑白色彩的广泛应用</strong>。这是很明显的：除纹理、形状和内容以外，色彩也是应该被简化的。但最近它可以做过头，就显得有点沉闷。</p>
<p>看一下上面展示的一些确定色彩的网站，看一下它们是如何从其它极简网站中被突出出来的。同样，思考一下即便是在如此强烈的色彩使用下它们是如何能够保持极简的。这里是一个例子：</p>
<p><a  href="http://www.toyny.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/toyny.jpg"  alt="Toy NY" /></a></p>
<h2>有趣的排版</h2>
<p>基于排版网站设计和极简主义紧密的联系到一起。</p>
<p>当设计师乏于用别的方法激发用户，他们往往会利用有趣的排版。用排版作为唯一的视觉元素你甚至可以走得更远。</p>
<p><strong>这是一个大胆的技术，但本身仍然是一个趋势</strong>。寻找保持独特的同时让排版增强设计的方法。</p>
<p><a  href="http://ah-studio.com/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/ahstudio.jpg"  alt="Ah-Studio" /></a></p>
<h2>Flash</h2>
<p>一个惊人数量的极简主义网站设计是基于Flash的。通过这么少的视觉刺激，一个设计可以从<strong>微妙的动画</strong>获益而不用被压倒。</p>
<p>同时，Flash移除了设计流程中的某些限制。非传统的线框、排版和其它元素可以比传统方法更容易的实现。</p>
<p><a  href="http://www.tinklondon.co.uk/" target="_blank"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/tinklondon.jpg"  alt="Tink London" /></a></p>
<h2>结束</h2>
<p>极简主义网站设计出现多种形式，可是我们常常看到相同的形式重复了。趋势可以变得咄咄逼人，而我们在理解一个趋势可行的同时必须与模仿的冲动做斗争</p>
<p>无论如何，极简主义可以是很漂亮的而且将会在未来几年内出现，所以学习它的一些技术会不能相信的有益，无论对你的客户或你自己的项目。</p>
<p>但是如果你对极简主义风格不感兴趣，这个教程和难懂的原理可以帮你简化你的设计，总之这是件好事情。</p>
<blockquote><p>杯具的是现在的客户付了钱谁也不要极简风格。。。含泪只能自己做着玩了|||</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29585790.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="【转】优秀电子商务网站设计实例，简洁有助于赢得客户" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fsimple-web-design.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29588290.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >【转】优秀电子商务网站设计实例，简洁有助于赢得客户</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/clean" title="clean" rel="tag">clean</a>, <a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/minimalist" title="minimalist" rel="tag">minimalist</a>, <a href="http://www.iros.me/tag/simple" title="simple" rel="tag">simple</a>, <a href="http://www.iros.me/tag/%e6%9e%81%e7%ae%80" title="极简" rel="tag">极简</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/minimalist-web-design-when-less-is-more.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>The Difference Between Art and Design 艺术与设计之别</title>
		<link>http://www.iros.me/the-difference-between-art-and-design.html</link>
		<comments>http://www.iros.me/the-difference-between-art-and-design.html#comments</comments>
		<pubDate>Tue, 22 Sep 2009 01:50:25 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Stuuuuuuuudy]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[difference]]></category>
		<category><![CDATA[艺术与设计之别]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=543</guid>
		<description><![CDATA[看到这样的一篇文章，虽然我不是做设计滴，不过还是有些向往，里面的一些观点看看想想都是要点头赞同的，文章很不错，阐述了以下几点，当然艺术与设计的关系是长久以来一直没有定论的东西，作者也说要open-minded，大家可以参与讨论去哈~~ Good Art Inspires. Good Design Motivates. Good Art Is Interpreted. Good Design Is Understood. Good Art Is a Taste. Good Design Is an Opinion. Good Art Is a Talent. Good Design Is a Skill. Good Art Sends a Different Message to Everyone. Good Design Sends the Same Message to Everyone. 有兴趣请到 这里 查看原文，更加的详细，而且，还有大图壁纸下载哦~ 标签：Art, [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&from=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="MephoBox | Web Design and Web Inspiration" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html&from=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">MephoBox | Web Design and Web Inspiration</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&from=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html&from=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29585790.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>看到这样的一篇文章，虽然我不是做设计滴，不过还是有些向往，里面的一些观点看看想想都是要点头赞同的，文章很不错，阐述了以下几点，当然艺术与设计的关系是长久以来一直没有定论的东西，作者也说要open-minded，大家可以参与讨论去哈~~</p>
<h2>Good Art Inspires. Good Design Motivates.</h2>
<p><img src="http://netdna.webdesignerdepot.com/uploads/art_vs_design/1.jpg"  alt="" /></p>
<p><span id="more-543" ></span></p>
<h2>Good Art Is Interpreted. Good Design Is Understood.</h2>
<p><img src="http://netdna.webdesignerdepot.com/uploads/art_vs_design/2.jpg"  alt="" /></p>
<h2>Good Art Is a Taste. Good Design Is an Opinion.</h2>
<p><img src="http://netdna.webdesignerdepot.com/uploads/art_vs_design/3.jpg"  alt="" /></p>
<h2>Good Art Is a Talent. Good Design Is a Skill.</h2>
<p><img src="http://netdna.webdesignerdepot.com/uploads/art_vs_design/4.jpg"  alt="" /></p>
<h2>Good Art Sends a Different Message to Everyone. Good Design Sends the Same Message to Everyone.</h2>
<p><img src="http://netdna.webdesignerdepot.com/uploads/art_vs_design/5.jpg"  alt="" /></p>
<blockquote><p>有兴趣请到 <a  href="http://www.webdesignerdepot.com/2009/09/the-difference-between-art-and-design/" target="_blank">这里</a> 查看原文，更加的详细，而且，还有大图壁纸下载哦~</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="MephoBox | Web Design and Web Inspiration" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >MephoBox | Web Design and Web Inspiration</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29585790.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/art" title="Art" rel="tag">Art</a>, <a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/difference" title="difference" rel="tag">difference</a>, <a href="http://www.iros.me/tag/%e8%89%ba%e6%9c%af%e4%b8%8e%e8%ae%be%e8%ae%a1%e4%b9%8b%e5%88%ab" title="艺术与设计之别" rel="tag">艺术与设计之别</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/the-difference-between-art-and-design.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</title>
		<link>http://www.iros.me/clean-beautiful-blogs.html</link>
		<comments>http://www.iros.me/clean-beautiful-blogs.html#comments</comments>
		<pubDate>Fri, 11 Sep 2009 07:16:00 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[simple]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=540</guid>
		<description><![CDATA[从简单模型开始延伸，简洁又漂亮的东西，sandbox半天一天也同样能做出来，重点在设计啊设计，想法啊想法！~ 只能感叹，谁让咱走上了技术的道路捏。。。 留作学习资料了~ Information Architects Development Seed Blog Matthew Buchanan One The Designed Helium Workx The Creative District Kineda Neusblog Laura Marchbanks Dirty Mouse Design Fckr Hossli.com CreativeTourist.com Squarespace Blog Daniel Howells Daring Fireball Heartworker Beyond the Pixels strange&#124;beautiful Human Resources Surfstation forsnowboarding WEBLOG idsgn Second &#38; Park Objectified SimpleBits StyleSpion thisisnotashop 标签：blog, clean, design, [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&from=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&from=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&from=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="简洁不简单，mini站点收集 Part3" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalism-web-design-part3.html&from=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简洁不简单，mini站点收集 Part3</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>从简单模型开始延伸，简洁又漂亮的东西，sandbox半天一天也同样能做出来，重点在设计啊设计，想法啊想法！~ 只能感叹，谁让咱走上了技术的道路捏。。。</p>
<p>留作学习资料了~</p>
<p><a  href="http://informationarchitects.jp/"><strong>Information Architects</strong></a></p>
<p><a  href="http://informationarchitects.jp/"><img title="ia"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/ia.jpg"  alt="Information Architects"  width="500"  height="286" /></a></p>
<p><span id="more-540" ></span></p>
<p><a  href="http://developmentseed.org/blog/"><strong>Development Seed Blog</strong></a></p>
<p><a  href="http://developmentseed.org/blog/"><img class="alignnone size-full wp-image-2932"  title="devseed"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/devseed.jpg"  alt="Development Seed Blog"  width="500"  height="315" /></a></p>
<p><a  href="http://matthewbuchanan.name/"><strong>Matthew Buchanan</strong></a></p>
<p><a  href="http://matthewbuchanan.name/"><img title="matt"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/matt1.jpg"  alt="Matthew Buchanan"  width="500"  height="310" /></a></p>
<p><a  href="http://one.org/blog/"><strong>One</strong></a></p>
<p><a  href="http://one.org/blog/"><img class="alignnone size-full wp-image-2933"  title="one"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/one.jpg"  alt="One"  width="500"  height="296" /></a></p>
<p><a  href="http://thedesigned.com/"><strong>The Designed</strong></a></p>
<p><a  href="http://thedesigned.com/"><img title="thedesigned"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/thedesigned.jpg"  alt="The Designed"  width="500"  height="277" /></a></p>
<p><a  href="http://heliumworkx.com/"><strong>Helium Workx</strong></a></p>
<p><a  href="http://heliumworkx.com/"><img class="alignnone size-full wp-image-2935"  title="helium"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/helium.jpg"  alt="Helium Workx"  width="500"  height="290" /></a></p>
<p><a  href="http://www.thecreativedistrict.ie/blog/"><strong>The Creative District</strong></a></p>
<p><a  href="http://www.thecreativedistrict.ie/blog/"><img class="alignnone size-full wp-image-2936"  title="district"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/district.jpg"  alt="The Creative District"  width="500"  height="314" /></a></p>
<p><a  href="http://www.kineda.com/"><strong>Kineda</strong></a></p>
<p><a  href="http://www.kineda.com/"><img title="kineda"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/kineda.jpg"  alt="Kineda"  width="500"  height="289" /></a></p>
<p><a  href="http://neusblog.com/"><strong>Neusblog</strong></a></p>
<p><a  href="http://neusblog.com/"><img title="neus"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/neus.jpg"  alt="Neusblog"  width="500"  height="294" /></a></p>
<p><a  href="http://lauramarchbanks.com/blog/"><strong>Laura Marchbanks</strong></a></p>
<p><a  href="http://lauramarchbanks.com/blog/"><img class="alignnone size-full wp-image-2938"  title="marchbanks"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/marchbanks.jpg"  alt="Laura Marchbanks"  width="500"  height="300" /></a></p>
<p><a  href="http://www.dirtymouse.co.uk/"><strong>Dirty Mouse</strong></a></p>
<p><a  href="http://www.dirtymouse.co.uk/"><img title="dirty"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/dirty.jpg"  alt="Dirty Mouse"  width="500"  height="292" /></a></p>
<p><a  href="http://dfckr.com/"><strong>Design Fckr</strong></a></p>
<p><a  href="http://dfckr.com/"><img title="fckr"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/fckr.jpg"  alt="Design Fckr"  width="500"  height="280" /></a></p>
<p><a  href="http://www.hossli.com/"><strong><a href="http://Hossli.com"  class="autohyperlink"  title="http://Hossli.com"  target="_blank" >Hossli.com</a></strong></a></p>
<p><a  href="http://www.hossli.com/"><img title="hos"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/hos.jpg"  alt="Hossli.com"  width="500"  height="300" /></a></p>
<p><a  href="http://www.creativetourist.com/"><strong><a href="http://CreativeTourist.com"  class="autohyperlink"  title="http://CreativeTourist.com"  target="_blank" >CreativeTourist.com</a></strong></a></p>
<p><a  href="http://www.creativetourist.com/"><img title="creative"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/creative.jpg"  alt="CreativeTourist.com"  width="500"  height="276" /></a></p>
<p><a  href="http://blog.squarespace.com/"><strong>Squarespace Blog</strong></a></p>
<p><a  href="http://blog.squarespace.com/"><img title="square"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/square.jpg"  alt="Squarespace Blog"  width="500"  height="291" /></a></p>
<p><a  href="http://danielhowells.net/"><strong>Daniel Howells</strong></a></p>
<p><a  href="http://danielhowells.net/"><img class="alignnone size-full wp-image-2939"  title="howells"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/howells.jpg"  alt="Daniel Howells"  width="500"  height="292" /></a></p>
<p><a  href="http://daringfireball.net/"><strong>Daring Fireball</strong></a></p>
<p><a  href="http://daringfireball.net/"><img class="alignnone size-full wp-image-2940"  title="fireball"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/fireball.jpg"  alt="Daring Fireball"  width="500"  height="316" /></a></p>
<p><a  href="http://www.heartworker.com/"><strong>Heartworker</strong></a></p>
<p><a  href="http://www.heartworker.com/"><img class="alignnone size-full wp-image-2944"  title="heart"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/heart.jpg"  alt="Heartworker"  width="500"  height="305" /></a></p>
<p><a  href="http://blog.btpdesign.com/"><strong>Beyond the Pixels</strong></a></p>
<p><a  href="http://blog.btpdesign.com/"><img class="alignnone size-full wp-image-2945"  title="beyond"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/beyond.jpg"  alt="Beyond the Pixels"  width="500"  height="310" /></a></p>
<p><a  href="http://www.strangebeautiful.net/"><strong>strange|beautiful</strong></a></p>
<p><a  href="http://www.strangebeautiful.net/"><img class="alignnone size-full wp-image-2949"  title="strange"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/strange.jpg"  alt="strange|beautiful"  width="500"  height="284" /></a></p>
<p><a  href="http://www.welcometohr.com/"><strong>Human Resources</strong></a></p>
<p><a  href="http://www.welcometohr.com/"><img class="alignnone size-full wp-image-2950"  title="human"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/human.jpg"  alt="Human Resources"  width="500"  height="311" /></a></p>
<p><a  href="http://surfstation.com/"><strong>Surfstation</strong></a></p>
<p><a  href="http://surfstation.com/"><img class="alignnone size-full wp-image-2951"  title="surf"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/surf.jpg"  alt="Surfstation"  width="500"  height="298" /></a></p>
<p><a  href="http://www.mstrpln.com/forsnowboarding/"><strong>forsnowboarding</strong></a></p>
<p><a  href="http://www.mstrpln.com/forsnowboarding/"><img class="alignnone size-full wp-image-2952"  title="for"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/for.jpg"  alt="forsnowboarding"  width="500"  height="284" /></a></p>
<p><a  href="http://blog.alonsocreative.com/"><strong>WEBLOG</strong></a></p>
<p><a  href="http://blog.alonsocreative.com/"><img title="weblog"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/weblog.jpg"  alt="weblog"  width="500"  height="309" /></a></p>
<p><a  href="http://www.idsgn.org/"><strong>idsgn</strong></a></p>
<p><a  href="http://www.idsgn.org/"><img class="alignnone size-full wp-image-2953"  title="idsgn"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/idsgn.jpg"  alt="idsgn"  width="500"  height="279" /></a></p>
<p><a  href="http://secondandpark.com/blog/"><strong>Second &amp; Park</strong></a></p>
<p><a  href="http://secondandpark.com/blog/"><img title="second"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/second.jpg"  alt="Second &amp; Park"  width="500"  height="290" /></a></p>
<p><a  href="http://www.objectifiedfilm.com/"><strong>Objectified</strong></a></p>
<p><a  href="http://www.objectifiedfilm.com/"><img class="alignnone size-full wp-image-2955"  title="objectified"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/objectified.jpg"  alt="Objectified"  width="500"  height="307" /></a></p>
<p><a  href="http://simplebits.com/"><strong>SimpleBits</strong></a></p>
<p><a  href="http://simplebits.com/"><img class="alignnone size-full wp-image-2956"  title="simple"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/simple.jpg"  alt="SimpleBits"  width="500"  height="299" /></a></p>
<p><a  href="http://stylespion.de/"><strong>StyleSpion</strong></a></p>
<p><a  href="http://stylespion.de/"><img class="alignnone size-full wp-image-2957"  title="style"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/style.jpg"  alt="StyleSpion"  width="500"  height="297" /></a></p>
<p><a  href="http://www.thisisnotashop.com/index.php/blog/"><strong>thisisnotashop</strong></a></p>
<p><a  href="http://www.thisisnotashop.com/index.php/blog/"><img title="notashop"  src="http://www.problogdesign.com/wp-content/uploads/2009/08/notashop.jpg"  alt="notashop"  width="500"  height="312" /></a></p>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="简洁不简单，mini站点收集 Part3" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalism-web-design-part3.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fclean-beautiful-blogs.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >简洁不简单，mini站点收集 Part3</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/blog" title="blog" rel="tag">blog</a>, <a href="http://www.iros.me/tag/clean" title="clean" rel="tag">clean</a>, <a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/simple" title="simple" rel="tag">simple</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/clean-beautiful-blogs.html/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>太帅了！利用Google Map来做你的新网站吧！~</title>
		<link>http://www.iros.me/google-map-for-your-sites.html</link>
		<comments>http://www.iros.me/google-map-for-your-sites.html#comments</comments>
		<pubDate>Wed, 09 Sep 2009 09:33:03 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Weeeeeebsite]]></category>
		<category><![CDATA[┨Woooonderful]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[google map]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=536</guid>
		<description><![CDATA[太帅了太帅了，接下来有时间我也要弄一个！~ 利用开放的API，把内容塞进Google Map里，然后就能使用现成的拖拽和缩放功能了！~ Stas Kulesh Markus Dressen Blaubo Design Academie Arnhem Portfolio Map Kalle Hagman 点击 Design Folios with Google Maps 查看原文，还有 OpenLayers 这样的框架可以用哦~ 标签：design, google map<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&from=http%3A%2F%2Fwww.iros.me%2Fgoogle-map-for-your-sites.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&from=http%3A%2F%2Fwww.iros.me%2Fgoogle-map-for-your-sites.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="MephoBox | Web Design and Web Inspiration" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html&from=http%3A%2F%2Fwww.iros.me%2Fgoogle-map-for-your-sites.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">MephoBox | Web Design and Web Inspiration</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&from=http%3A%2F%2Fwww.iros.me%2Fgoogle-map-for-your-sites.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>太帅了太帅了，接下来有时间我也要弄一个！~</p>
<p>利用开放的API，把内容塞进Google Map里，然后就能使用现成的拖拽和缩放功能了！~</p>
<p><a  href="http://stas.kulesh.co.nz/" target="_blank">Stas Kulesh</a></p>
<p><a  href="http://stas.kulesh.co.nz/" target="_blank"><img src="http://www.heavy-backpack.com/wp-content/img_upload/stas.jpg"  alt="stas.jpg" /></a></p>
<p><span id="more-536" ></span></p>
<p><a  href="http://www.microtyp.org/" target="_blank">Markus Dressen</a></p>
<p><a  href="http://www.microtyp.org/" target="_blank"><img src="http://www.heavy-backpack.com/wp-content/img_upload/microtyp.jpg"  alt="microtyp.jpg" /></a></p>
<p><a  href="http://www.blaubo.com/" target="_blank">Blaubo Design</a></p>
<p><a  href="http://www.blaubo.com/" target="_blank"><img src="http://www.heavy-backpack.com/wp-content/img_upload/blaubo.jpg"  alt="blaubo.jpg" /></a></p>
<p><a  href="http://www.eindexamenabkva.nl/website2008/" target="_blank">Academie Arnhem Portfolio Map</a></p>
<p><a  href="http://www.eindexamenabkva.nl/website2008/" target="_blank"><img src="http://www.heavy-backpack.com/wp-content/img_upload/academie.jpg"  alt="academie.jpg" /></a></p>
<p><a  href="http://www.kallehagman.com/" target="_blank">Kalle Hagman</a></p>
<p><a  href="http://www.kallehagman.com/" target="_blank"><img src="http://www.heavy-backpack.com/wp-content/img_upload/kallehagman.jpg"  alt="kallehagman.jpg" /></a></p>
<blockquote><p>点击 <a  href="http://www.heavy-backpack.com/archives/articles/design-folios-with-google-maps" target="_blank">Design Folios with Google Maps</a> 查看原文，还有 <a  href="http://trac.openlayers.org/wiki/UserGuide" target="_blank">OpenLayers</a> 这样的框架可以用哦~</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fgoogle-map-for-your-sites.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fgoogle-map-for-your-sites.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="MephoBox | Web Design and Web Inspiration" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fgoogle-map-for-your-sites.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >MephoBox | Web Design and Web Inspiration</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fgoogle-map-for-your-sites.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/google-map" title="google map" rel="tag">google map</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/google-map-for-your-sites.html/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>One Page Love 一页也精彩！~ 收获多多，学习学习！~</title>
		<link>http://www.iros.me/one-page-love-collections-study.html</link>
		<comments>http://www.iros.me/one-page-love-collections-study.html#comments</comments>
		<pubDate>Tue, 16 Dec 2008 09:21:22 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Weeeeeebsite]]></category>
		<category><![CDATA[collection]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[one page love]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=320</guid>
		<description><![CDATA[One Page Love 混了一下午，只有一页也能如此精彩哇！~~ 哎，自己只能叹，继续努力吧。。。 GOOD GOOD STUDY，DAY DAY UP~~ twistori 就是觉得这个很好玩，从Twitter调的数据，左下角那一块也不要错过哦~ 有更牛的东西等着哟~~怨念屏保只有MAC的&#124;&#124;&#124; sursly 同样是横移的JS，设计不一样就是不一样哇~过渡画面被做得很有意思！~~ Do websites need to look exactly the same in every browser? 纯粹因为我对于以上问题完全与此网站立场相同，友情宣传一下~ Telescopic Text 明明能那么简洁明了的说喝了杯茶就完事的，老兄非搞出个网站缩短我鼠标寿命不可&#124;&#124;&#124; 问题是点完了我还觉得挺乐意滴，刷一遍再点&#124;&#124;&#124; Elliniko Scrap 废品之花也能如此之美哇~~ 设计,恩，设计！！~~ Portfolio de Guillaume Pacheco 感觉是很有意思的人和很有意思的站，顶上的MENU玩了好一会，呵呵，技术和设计都很棒，花点心思给LIGHTBOX换个样子的话是很出彩的呢，学习学习~~ The Home of Nice Things 又一个蓄意缩短我鼠标寿命的家伙，和Hover效果结合起来用，不错的想法~~ Креативное агентство Творческие Люди 下次我也做个大头网站，觉得很有意思哇！~~ 这家伙用的图片不够大，在我1680屏幕下漏边了。。。 Colourpixel colors就应该是这样滴！~~ 只能叹自己么想象力&#124;&#124;&#124; [...]<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&from=http%3A%2F%2Fwww.iros.me%2Fone-page-love-collections-study.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fjquery-methods.html&from=http%3A%2F%2Fwww.iros.me%2Fone-page-love-collections-study.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">jQuery 常用方法一览</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html&from=http%3A%2F%2Fwww.iros.me%2Fone-page-love-collections-study.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">LIGHT BOX效果JS大集合（Jquery相关）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fladeqit-learning-jquery-animate.html&from=http%3A%2F%2Fwww.iros.me%2Fone-page-love-collections-study.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">ladeq.it 学习Jquery animate方法，这个是WP居然</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p><a  href="http://onepagelove.com/" target="_blank">One Page Love</a> 混了一下午，只有一页也能如此精彩哇！~~ 哎，自己只能叹，继续努力吧。。。 GOOD GOOD STUDY，DAY DAY UP~~</p>
<p><a  href="http://twistori.com/" target="_blank">twistori</a></p>
<p>就是觉得这个很好玩，从Twitter调的数据，左下角那一块也不要错过哦~ 有更牛的东西等着哟~~怨念屏保只有MAC的|||</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSUdSv3nGEHI%2FAAAAAAAABGc%2FOfd7MjO34L8%2Ftwistori.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSUdSv3nGEHI%2FAAAAAAAABGc%2FOfd7MjO34L8%2Ftwistori.jpg?imgmax=800"  alt="image" /></a></p>
<p><span id="more-320" ></span><a  href="http://sursly.com/#home" target="_blank">sursly</a></p>
<p>同样是横移的JS，设计不一样就是不一样哇~过渡画面被做得很有意思！~~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSUdSvmUm2uI%2FAAAAAAAABGU%2FodQy-w7lyMA%2Fsursly.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSUdSvmUm2uI%2FAAAAAAAABGU%2FodQy-w7lyMA%2Fsursly.jpg?imgmax=800"  alt="image" /></a></p>
<p id="line1" ><a  href="http://dowebsitesneedtolookexactlythesameineverybrowser.com/" target="_blank">Do websites need to look exactly the same in every browser?</a></p>
<p>纯粹因为我对于以上问题完全与此网站立场相同，友情宣传一下~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdSwU2OAHI%2FAAAAAAAABGk%2FOgpJ-B9aLEM%2Fnonono.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdSwU2OAHI%2FAAAAAAAABGk%2FOgpJ-B9aLEM%2Fnonono.jpg?imgmax=800"  alt="image" /></a></p>
<p id="line1" ><a  href="http://www.telescopictext.com/" target="_blank">Telescopic Text</a></p>
<p>明明能那么简洁明了的说喝了杯茶就完事的，老兄非搞出个网站缩短我鼠标寿命不可||| 问题是点完了我还觉得挺乐意滴，刷一遍再点|||</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdSw4ZgRFI%2FAAAAAAAABGs%2FQG2Oxh4gP-4%2Fs800%2Ftelescopic.jpg"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdSw4ZgRFI%2FAAAAAAAABGs%2FQG2Oxh4gP-4%2Fs800%2Ftelescopic.jpg"  alt="image" /></a></p>
<p><a  href="http://www.ellinikoscrap.gr/" target="_blank">Elliniko Scrap</a></p>
<p>废品之花也能如此之美哇~~ 设计,恩，设计！！~~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdSwzCYeSI%2FAAAAAAAABG0%2Fn1_oi6Ktke0%2Felliniko.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdSwzCYeSI%2FAAAAAAAABG0%2Fn1_oi6Ktke0%2Felliniko.jpg?imgmax=800"  alt="image" /></a></p>
<p id="line1" ><a  href="http://www.gpacheco.fr/" target="_blank">Portfolio de Guillaume Pacheco</a></p>
<p>感觉是很有意思的人和很有意思的站，顶上的MENU玩了好一会，呵呵，技术和设计都很棒，花点心思给LIGHTBOX换个样子的话是很出彩的呢，学习学习~~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSUdkRDrZZtI%2FAAAAAAAABG8%2F-b5qKXfwnXw%2Fgpacheco.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSUdkRDrZZtI%2FAAAAAAAABG8%2F-b5qKXfwnXw%2Fgpacheco.jpg?imgmax=800"  alt="image" /></a></p>
<p><a  href="http://nicethings.co.za/" target="_blank">The Home of Nice Things</a></p>
<p>又一个蓄意缩短我鼠标寿命的家伙，和Hover效果结合起来用，不错的想法~~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdkRMLHnqI%2FAAAAAAAABHE%2FrUX6B-SuRCo%2Fnicethings.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdkRMLHnqI%2FAAAAAAAABHE%2FrUX6B-SuRCo%2Fnicethings.jpg?imgmax=800"  alt="image" /></a></p>
<p id="line1" ><a  href="http://cpeople.ru/" target="_blank"><span class="attribute-value" >Креативное агентство Творческие Люди</span></a></p>
<p>下次我也做个大头网站，觉得很有意思哇！~~ 这家伙用的图片不够大，在我1680屏幕下漏边了。。。</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSUdkRUxJTJI%2FAAAAAAAABHM%2FGt42xJIqcqI%2Fcpeople.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSUdkRUxJTJI%2FAAAAAAAABHM%2FGt42xJIqcqI%2Fcpeople.jpg?imgmax=800"  alt="image" /></a></p>
<p><a  href="http://www.colourpixel.com/" target="_blank">Colourpixel</a></p>
<p>colors就应该是这样滴！~~ 只能叹自己么想象力|||</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdkRuxVmmI%2FAAAAAAAABHU%2FBsAYAS0xFSI%2Fcolourpixel.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdkRuxVmmI%2FAAAAAAAABHU%2FBsAYAS0xFSI%2Fcolourpixel.jpg?imgmax=800"  alt="image" /></a></p>
<p><a  href="http://www.ifekt.net/" target="_blank">ifekt</a></p>
<p>这玩意整整折腾了我2个周||| 锵锵~~ 最后给我完成了！被我转成WP了哦，解决了JS的浏览器冲突，IE6下也可以正常实现效果，问下BOSS，公司不用我就要自用了，呵呵~~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdkRsFBrUI%2FAAAAAAAABHc%2Fs5IwhSs-Ujk%2Fifekt.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdkRsFBrUI%2FAAAAAAAABHc%2Fs5IwhSs-Ujk%2Fifekt.jpg?imgmax=800"  alt="image" /></a></p>
<p id="line1" ><a  href="http://www.dsgn.us/" target="_blank"><span class="attribute-value" >DSGN{dot}us</span></a></p>
<p><span class="attribute-value" >最最常见的JS图片滚动效果，结合上独特的设计，简单就变得不简单了，我很喜欢！~<br/>
</span></p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSUdt3theo3I%2FAAAAAAAABHk%2FNdg0JUgQs3A%2Fdsgndotus.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSUdt3theo3I%2FAAAAAAAABHk%2FNdg0JUgQs3A%2Fdsgndotus.jpg?imgmax=800"  alt="image" /></a></p>
<p><a  onclick="return hs.expand(this);" href="http://youlove.us/" target="_blank">YOULOVE.US</a></p>
<p>首先域名就很有意思的，然后Jquery scrollto的应用算是完满了，上下左右移来移去的，当然，上下滚动的设计是大看点，提醒注意的是，背景真的很下功夫了哟，底部固定的建筑，上下排列的四张大图，还有会移动的云彩层！~ 看仔细了哟一定，不能浪费了人家的心血！~~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSUdt38TNcGI%2FAAAAAAAABHs%2F0m0ukSNlqfw%2Fyouloveus.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSUdt38TNcGI%2FAAAAAAAABHs%2F0m0ukSNlqfw%2Fyouloveus.jpg?imgmax=800"  alt="image" /></a></p>
<p id="line1" ><a  href="http://www.visualboxsite.com/" target="_blank">Visualbox</a></p>
<p>技术不是问题，大块的图片排列好吸引我！~ 手痒痒的，也来弄成WP吧？~~ FUFU</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdt3_ZkG4I%2FAAAAAAAABH0%2FCnc165yjrpc%2Fvisualbox.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSUdt3_ZkG4I%2FAAAAAAAABH0%2FCnc165yjrpc%2Fvisualbox.jpg?imgmax=800"  alt="image" /></a></p>
<p><a  href="http://www.webleeddesign.com/" target="_blank">We Bleed Design</a></p>
<p>很早以前就看过，就被唬晕了，Design这个东西啊，为啥能够如此强大！~~ 不仅在图形软件里，在页面里，运用好层遮罩可以做很多神奇的事情呢，记下记下~~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSUdt4I9xpsI%2FAAAAAAAABH8%2FSTrCmG-6mqg%2Fs720%2Fwebleeddesign.jpg"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSUdt4I9xpsI%2FAAAAAAAABH8%2FSTrCmG-6mqg%2Fs720%2Fwebleeddesign.jpg"  alt="image" /></a></p>
<blockquote><p>呼~真的是整整一下午，看了才1/3不到的，收获很不小呢！~ 自己虽然不是做设计的，但是如果能完成有意思的东西会是多么开心的事情哇，下次有机会我再继续，有兴趣的可以自己去 <a  href="http://onepagelove.com/" target="_blank">看看</a> 哦~~</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="2"  border="0"  width="100%"  style="clear: both;" >
    
    <tr>
        <td><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fone-page-love-collections-study.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fjquery-methods.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fone-page-love-collections-study.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >jQuery 常用方法一览</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Flight-box-effect-js-collection-jquery-related.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fone-page-love-collections-study.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >LIGHT BOX效果JS大集合（Jquery相关）</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fladeqit-learning-jquery-animate.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fone-page-love-collections-study.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >ladeq.it 学习Jquery animate方法，这个是WP居然</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/collection" title="collection" rel="tag">collection</a>, <a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/javascript" title="Javascript" rel="tag">Javascript</a>, <a href="http://www.iros.me/tag/jquery" title="Jquery" rel="tag">Jquery</a>, <a href="http://www.iros.me/tag/one-page-love" title="one page love" rel="tag">one page love</a>, <a href="http://www.iros.me/tag/website" title="website" rel="tag">website</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/one-page-love-collections-study.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</title>
		<link>http://www.iros.me/best-of-css-design-2008.html</link>
		<comments>http://www.iros.me/best-of-css-design-2008.html#comments</comments>
		<pubDate>Mon, 08 Dec 2008 03:10:05 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[┨Woooonderful]]></category>
		<category><![CDATA[best]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=297</guid>
		<description><![CDATA[恩，CSS需要继续好好学习，把好的设计稿以什么样的形式实现到什么程度，还得看我们哩！~ Let It Bleed 大图大标题文字的应用，FLASH图片展示效果，同时NEWS板块结合了WP来制作，很吸引人哦~ Digital Mash 我被Hero of hire吸引了，呵呵，作者本人的笑容也够灿烂的，去PHOTOS里看看，西安和北京都来过呢~~ Housing Works 大背景图今年真的很流行呢，不过使用的时候要考虑的东西也很多，靠左贴边的设计可以省去一些麻烦，并且，这里的背景显示是随机的，连同链接，我喜欢~ Branded07 可爱的企鹅世界，JS用了不少，整个站点是用WP组织的，我也想试试用WP做站啊~~ YouLove.Us 这个站以前就被我收藏过的，背景连接设计与Jquery scroll的完美结合，做得漂亮！~ 域名也很有意思~~ 他们已经扔掉IE6了，IE6下没办法看了都&#124;&#124;&#124; 啥时候咱也能扔掉哇~~ Luke Larsen 和上面的不一样的是这个是横向应用，Jquery的 Scrollto ，上下左右都能跑的哦~~ Design Disease 锵锵~~我的皮就是这里来的，波浪和圆角，我喜欢这种可爱软乎乎的感觉~~ 记得去SHOWCASE里看看哦，出品的WP皮肤，款款经典！~~ Mochi Ads 以前就被这里的小游戏吸引住了，Publishers里的东西我还都玩得蛮起劲的哩，嘛，我也就这种游戏水平了&#124;&#124;&#124; August 背景大图是放在FLASH里面滴，缩放一下你的屏幕看看~~ 这个，层次弄好了，CSS也是可以做滴，以前就干过~~ Go To China 哦！来了来了，才刚说完哩，这个也是全屏的背景大图，并且随浏览器缩放，就是CSS做滴~~ 这个站是17位挪威的学生在今年2月来到上海和北京后为了帮助其他再来旅游的人们而分享的他们的经历，TRAVELING里面的TIPS真的是很实在的体验啊~~ 我很喜欢这个站！~~ 我只选了几个我比较中意的，其实有50个呢，有兴趣的自己去 看看 吧~ 标签：best, CSS, design, website, 设计<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="MephoBox | Web Design and Web Inspiration" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html&from=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">MephoBox | Web Design and Web Inspiration</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&from=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html&from=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29583636.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&from=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>恩，CSS需要继续好好学习，把好的设计稿以什么样的形式实现到什么程度，还得看我们哩！~</p>
<h3><a  href="http://www.letitbleedbook.com/">Let It Bleed</a></h3>
<p>大图大标题文字的应用，FLASH图片展示效果，同时NEWS板块结合了WP来制作，很吸引人哦~</p>
<p class="image" ><a  href="http://www.letitbleedbook.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/letitbleedbook-lg.jpg"  alt="screenshot" /></a></p>
<h3><span id="more-297" ></span><a  href="http://digitalmash.com/">Digital Mash</a></h3>
<p>我被Hero of hire吸引了，呵呵，作者本人的笑容也够灿烂的，去PHOTOS里看看，西安和北京都来过呢~~</p>
<p class="image" ><a  href="http://digitalmash.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/digitalmash-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://www.housingworks.org/">Housing Works</a></h3>
<p>大背景图今年真的很流行呢，不过使用的时候要考虑的东西也很多，靠左贴边的设计可以省去一些麻烦，并且，这里的背景显示是随机的，连同链接，我喜欢~</p>
<p class="image" ><a  href="http://www.housingworks.org/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/housingworks-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://www.branded07.com/">Branded07</a></h3>
<p>可爱的企鹅世界，JS用了不少，整个站点是用WP组织的，我也想试试用WP做站啊~~</p>
<p class="image" ><a  href="http://www.branded07.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/branded07-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://youlove.us/">YouLove.Us</a></h3>
<p>这个站以前就被我收藏过的，背景连接设计与Jquery scroll的完美结合，做得漂亮！~ 域名也很有意思~~ 他们已经扔掉IE6了，IE6下没办法看了都||| 啥时候咱也能扔掉哇~~</p>
<p class="image" ><a  href="http://youlove.us/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/youlove-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://lukelarsen.com/">Luke Larsen</a></h3>
<p>和上面的不一样的是这个是横向应用，Jquery的 <a  href="http://plugins.jquery.com/project/ScrollTo">Scrollto</a> ，上下左右都能跑的哦~~<a  href="http://plugins.jquery.com/project/ScrollTo"><br/>
</a></p>
<p class="image" ><a  href="http://lukelarsen.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/lukelarsen-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://designdisease.com/">Design Disease</a></h3>
<p>锵锵~~我的皮就是这里来的，波浪和圆角，我喜欢这种可爱软乎乎的感觉~~ 记得去SHOWCASE里看看哦，出品的WP皮肤，款款经典！~~</p>
<p class="image" ><a  href="http://designdisease.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/designdisease-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://www.mochiads.com/">Mochi Ads</a></h3>
<p>以前就被这里的小游戏吸引住了，Publishers里的东西我还都玩得蛮起劲的哩，嘛，我也就这种游戏水平了|||</p>
<p class="image" ><a  href="http://www.mochiads.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/mochiads-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://www.august.com.au/">August</a></h3>
<p>背景大图是放在FLASH里面滴，缩放一下你的屏幕看看~~ 这个，层次弄好了，CSS也是可以做滴，以前就干过~~</p>
<p class="image" ><a  href="http://www.august.com.au/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/august-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://ringvemedia.com/">Go To China</a></h3>
<p>哦！来了来了，才刚说完哩，这个也是全屏的背景大图，并且随浏览器缩放，就是CSS做滴~~ 这个站是17位挪威的学生在今年2月来到上海和北京后为了帮助其他再来旅游的人们而分享的他们的经历，TRAVELING里面的TIPS真的是很实在的体验啊~~ 我很喜欢这个站！~~</p>
<p class="image" ><a  href="http://ringvemedia.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/ringvemedia-lg.jpg"  alt="screenshot" /></a></p>
<blockquote>
<p class="image" >我只选了几个我比较中意的，其实有50个呢，有兴趣的自己去 <a  href="http://www.webdesignerwall.com/trends/best-of-css-design-2008/" target="_blank">看看</a> 吧~</p>
</blockquote>
<p class="image" >
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="MephoBox | Web Design and Web Inspiration" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fmephobox-web-design-and-web-inspiration.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/images/blogWidget/wordpress_default.gif"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >MephoBox | Web Design and Web Inspiration</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29583636.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/best" title="best" rel="tag">best</a>, <a href="http://www.iros.me/tag/css" title="CSS" rel="tag">CSS</a>, <a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/website" title="website" rel="tag">website</a>, <a href="http://www.iros.me/tag/%e8%ae%be%e8%ae%a1" title="设计" rel="tag">设计</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/best-of-css-design-2008.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>green earth competition results 绿色地球设计作品展！设计果然是很有意思的哇~~</title>
		<link>http://www.iros.me/green-earth-competition-results.html</link>
		<comments>http://www.iros.me/green-earth-competition-results.html#comments</comments>
		<pubDate>Sat, 15 Nov 2008 15:20:42 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[competition]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[designboom]]></category>
		<category><![CDATA[green earth]]></category>
		<category><![CDATA[绿色地球]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=186</guid>
		<description><![CDATA[呼~~空间不稳定，搬家又费了一把劲，8过，问题总算解决，我是聪明滴，哇卡卡~~ 看到好玩的了，一起分享下~~ 锵锵~~第一名~~ 很简单的，出一点力，我们就有绿色了哟~~我很喜欢这个贺卡的设计哩，啊，不知道今年公司的贺卡会是啥模样，也来个主题什么的？~~ 一点点改变，环保就在身边了哟~ 新的圣诞节标志-回收利用版，呵呵，做卡片和包装纸的效果都不错~ 来过个节能的圣诞吧！~ 又一个强调回收利用的圣诞标志，在国外，圣诞节果然是个宣传好时机啊，我只知道圣诞商场会打折&#124;&#124;&#124; 消减、重用、回收、抵偿，重复利用资源，我们能做很多事情的 提醒你不要浪费，我想要这个盒子 索取的同时，不要忘了给予 只要有想法并付诸实践，灰色也可以变成绿色的哟，就像下面看到的一样 Promise，国人作品，这个手印分量不轻哦，代表着承诺 进化过程应该是这样滴没错！ 很特别的视角 看到这个我想到一个问题，扇子是中国人发明的么？~~ 有树才有氧 把绿色当成你的头发一样好好养护吧~ 树是那关键的钥匙 能源大危机！请用节能产品~ 多种树少开车哟~ deadline for submission of entries : august 27th, 2008 published october 25th, 2008 theme: green earth &#8216;green&#8217; create a graphic artwork that illustrates the environmental protection and how human beings and nature could coexist [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&from=http%3A%2F%2Fwww.iros.me%2Fgreen-earth-competition-results.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&from=http%3A%2F%2Fwww.iros.me%2Fgreen-earth-competition-results.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&from=http%3A%2F%2Fwww.iros.me%2Fgreen-earth-competition-results.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html&from=http%3A%2F%2Fwww.iros.me%2Fgreen-earth-competition-results.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29583636.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>呼~~空间不稳定，搬家又费了一把劲，8过，问题总算解决，我是聪明滴，哇卡卡~~ 看到好玩的了，一起分享下~~</p>
<p>锵锵~~第一名~~ 很简单的，出一点力，我们就有绿色了哟~~我很喜欢这个贺卡的设计哩，啊，不知道今年公司的贺卡会是啥模样，也来个主题什么的？~~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/greening1.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/greening1.jpg"  alt="image" /></a></p>
<p><span id="more-186" ></span>一点点改变，环保就在身边了哟~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/copy_339_01.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/copy_339_01.jpg"  alt="image" /></a></p>
<p>新的圣诞节标志-回收利用版，呵呵，做卡片和包装纸的效果都不错~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/recyclexmassymbol1.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/recyclexmassymbol1.jpg"  alt="image" /></a></p>
<p>来过个节能的圣诞吧！~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/copy_0_santas_readjusment.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/copy_0_santas_readjusment.jpg"  alt="image" /></a></p>
<p>又一个强调回收利用的圣诞标志，在国外，圣诞节果然是个宣传好时机啊，我只知道圣诞商场会打折|||<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/xxxxxbig.gif"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/xxxxxbig.gif"  alt="image" /></a></p>
<p>消减、重用、回收、抵偿，重复利用资源，我们能做很多事情的<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/2birds_green_poster.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/2birds_green_poster.jpg"  alt="image" /></a></p>
<p>提醒你不要浪费，我想要这个盒子<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/treeissue.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/treeissue.jpg"  alt="image" /></a></p>
<p>索取的同时，不要忘了给予<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/demandssaves_our_earth_600x700pixels.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/demandssaves_our_earth_600x700pixels.jpg"  alt="image" /></a></p>
<p>只要有想法并付诸实践，灰色也可以变成绿色的哟，就像下面看到的一样<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/greenchrisvogel.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/greenchrisvogel.jpg"  alt="image" /></a></p>
<p>Promise，国人作品，这个手印分量不轻哦，代表着承诺<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/promise.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/promise.jpg"  alt="image" /></a></p>
<p>进化过程应该是这样滴没错！<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/1._march_of_progress.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/1._march_of_progress.jpg"  alt="image" /></a></p>
<p>很特别的视角<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/05.gif"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/05.gif"  alt="image" /></a></p>
<p>看到这个我想到一个问题，扇子是中国人发明的么？~~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/25159.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/25159.jpg"  alt="image" /></a></p>
<p>有树才有氧<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/copy_1214_1.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/copy_1214_1.jpg"  alt="image" /></a></p>
<p>把绿色当成你的头发一样好好养护吧~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/groomit_male_final.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/groomit_male_final.jpg"  alt="image" /></a></p>
<p>树是那关键的钥匙<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/sungholee.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/sungholee.jpg"  alt="image" /></a></p>
<p>能源大危机！请用节能产品~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/scarcity_son.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/scarcity_son.jpg"  alt="image" /></a></p>
<p>多种树少开车哟~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/car1.gif"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/car1.gif"  alt="image" /></a></p>
<p>deadline for submission of entries : august 27th, 2008<br/>
<strong>published october 25th, 2008</strong></p>
<p>theme:<br/>
<strong>green earth</strong><em><br/>
&#8216;green&#8217;<br/>
create a graphic artwork that illustrates the environmental protection<br/>
and how human beings and nature could coexist in a greener world.</em></p>
<p><em>&#8216;earth&#8217;<br/>
give the gift of a greener world at christmas. create a graphic artwork that<br/>
will make this festive time of the year a moment to consider what we<br/>
can do to help our planet&#8217;s survival. you can use iconic christmas motifs<br/>
in your design for example reindeers, trees, etc.</em></p>
<p>the jury was composed of:<br/>
<strong>katsumi asaba</strong>, art director, JAPAN<br/>
<strong>seijyu toda</strong>, art director, JAPAN<br/>
<strong>yoske nishiumi</strong>, designer, JAPAN/GERMANY<br/>
<strong>carole guevin</strong>, <a  href="http://netdiver.net" class="autohyperlink" title="http://netdiver.net" target="_blank">netdiver.net</a>, CANADA<br/>
<strong>andy butler</strong>, designboom</p>
<p><span class="arial11" ><span class="arial11" ><span class="arial11" >- co organized by designboom, DA design association japan and<br/>
TOBU DEPARTMENT STORE<br/>
</span></span></span></p>
<table style="height: 12px;"  border="0"  cellspacing="0"  cellpadding="0"  width="350" >
<tbody>
<tr height="40" >
<td width="200"  height="40" ><img border="0"  src="http://www.designboom.com/green/tobu.gif"  alt=""  width="150"  height="40" /></td>
<td height="40" ><img border="0"  src="http://www.designboom.com/green/da_logo.gif"  alt=""  width="150"  height="48" /></td>
</tr>
</tbody>
</table>
<p><strong>3966 designers from 91 different countries participated</strong>.</p>
<blockquote><p>有兴趣的可以到 <a  href="http://www.designboom.com/contest/winner.php?contest_pk=23" target="_blank">这里</a> 查看全部</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fgreen-earth-competition-results.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="The Difference Between Art and Design 艺术与设计之别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fthe-difference-between-art-and-design.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fgreen-earth-competition-results.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="继续关注极简~【转】极简主义网站设计:寓丰富于简单" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fminimalist-web-design-when-less-is-more.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fgreen-earth-competition-results.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29586198.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >继续关注极简~【转】极简主义网站设计:寓丰富于简单</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect?url=http%3A%2F%2Fwww.iros.me%2Fweb-design-tools.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fgreen-earth-competition-results.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29583636.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >【转】Web 设计师的 50 个超便利工具，代码工也来蹭下~~</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems" target="_blank" title="无觅相关文章插件">
                <font size="-1"  color="#bbbbbb"  style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;" >无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://www.iros.me/tag/competition" title="competition" rel="tag">competition</a>, <a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/designboom" title="designboom" rel="tag">designboom</a>, <a href="http://www.iros.me/tag/green-earth" title="green earth" rel="tag">green earth</a>, <a href="http://www.iros.me/tag/%e7%bb%bf%e8%89%b2%e5%9c%b0%e7%90%83" title="绿色地球" rel="tag">绿色地球</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/green-earth-competition-results.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

