<?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; ┨Cooooollection</title>
	<atom:link href="http://www.iros.me/category/cooooollection/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>[置顶] HTC HD2大脸 Android应用游戏主题 倒腾记录（2011.1.25）</title>
		<link>http://www.iros.me/htc-hd2.html</link>
		<comments>http://www.iros.me/htc-hd2.html#comments</comments>
		<pubDate>Tue, 25 Jan 2011 08:54:03 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Soooooftware]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[HD2]]></category>
		<category><![CDATA[HTC]]></category>
		<category><![CDATA[LEO]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[刷机]]></category>
		<category><![CDATA[大脸]]></category>
		<category><![CDATA[市场]]></category>
		<category><![CDATA[应用]]></category>
		<category><![CDATA[游戏]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=726</guid>
		<description><![CDATA[记录我对大脸所做的这样的那样的各种各样的事情&#8230; 好吧，终于我又置顶了一篇文章（2011.1.25），反正我就是爱折腾啦，尤其劲上来了的时候，(*^__^*) 嘻嘻…… 话说10年10月我想要的其实是G7 Desire啦，那个时候3400（现在2900了，555），虽然那个时候BOSS怂恿我加入水果队伍，不过米钱啊。。。反正touch3也在手上，还在想着苹果皮呢~~ 于是最终还是选择了HTC HD2这款09年的“机皇”，哈哈哈，我是硬件控~~ 原版，+8G卡，该配的都配上了，2900入的，直接就上了wm6.5和android2.1的双系统，wm虽然说不习惯上手用，不过HTC SENCE做的确实不错，UI还是很有加分的，不过主要是在android下用，大脸用电量本来就很大了A系统下更大，有时候充好电放一个晚上就又没电了。。。而且电话本读取啊连接不上电脑之类的问题，不知道是不是老板给我刷的版本不稳定还是咋的，反正各种不方便突然搞得我没有兴趣，就那样放置PLAY了，上周找到老板帮我直刷了Android 2.2，终于有劲头折腾了哦也！~~ 那些个什么装机必备我就不搞了，一把一把的，没啥选择感觉，其他乱七八糟我装了卸了啥的就小记一下，基本装东西之前都会先查一下，选几个评价还OK的装了看，用一阵子再选择性留一个用，写在这里的东西仅作为参考哈~~ 记账软件（随手记 &#124; 挖财） 用了2个月的 金蝶随手记（MyMoney） ，界面是做的漂亮很得我心啦，不过到月末了想查查花费明细，杯具啊，居然没有分类饼图，这，我只能说我后悔了。。。而且网站同步要收20块钱~ 于是换成了 挖财 ，还没用，回头说~ 数据转移（App 2 SD） 直刷不装卡上了，系统内存剩下114M，然后胡乱下点东西，马上就满了，用 App 2 SD，很方便的在系统和SD卡来回移东西~~ www.cyrket.com 记事本工具（Evernote &#124; 小米便签 &#124; OnePunch Notes &#124; Easy Note） 前面一直用的 小米便签 ，最简单最方便，分颜色记录东东，就只是输入文字而已 Everynote ，绿色的很舒服，功能异常强大啊，体验中~ OnePunch Notes 标签：android, HD2, HTC, LEO, 主题, 刷机, 大脸, 市场, 应用, 游戏<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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwonderful-wordpress-theme-collection-part2.html&from=http%3A%2F%2Fwww.iros.me%2Fhtc-hd2.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Wordpress 主题收集 PART 2</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fandroid-mobile-phone-web-app.html&from=http%3A%2F%2Fwww.iros.me%2Fhtc-hd2.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Android Mobile Phone 上的Web App开发，资料收集~~ 其实Apple也有啦~~</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwonderful-wordpress-themes-collection.html&from=http%3A%2F%2Fwww.iros.me%2Fhtc-hd2.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Wordpress 主题收集（2008.12.15更新）</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fhd-720p-10801-1080p-knowledge.html&from=http%3A%2F%2Fwww.iros.me%2Fhtc-hd2.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">给自己扫盲，关于高清、720p、1080i、1080p，我要换显卡！</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" 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>记录我对大脸所做的这样的那样的各种各样的事情&#8230;</p>
<p><span id="more-726" ></span><br/>
好吧，终于我又置顶了一篇文章（2011.1.25），反正我就是爱折腾啦，尤其劲上来了的时候，(*^__^*) 嘻嘻……</p>
<p>话说10年10月我想要的其实是G7 Desire啦，那个时候3400（现在2900了，555），虽然那个时候BOSS怂恿我加入水果队伍，不过米钱啊。。。反正touch3也在手上，还在想着苹果皮呢~~ 于是最终还是选择了HTC HD2这款09年的“机皇”，哈哈哈，我是硬件控~~ 原版，+8G卡，该配的都配上了，2900入的，直接就上了wm6.5和android2.1的双系统，wm虽然说不习惯上手用，不过HTC SENCE做的确实不错，UI还是很有加分的，不过主要是在android下用，大脸用电量本来就很大了A系统下更大，有时候充好电放一个晚上就又没电了。。。而且电话本读取啊连接不上电脑之类的问题，不知道是不是老板给我刷的版本不稳定还是咋的，反正各种不方便突然搞得我没有兴趣，就那样放置PLAY了，上周找到老板帮我直刷了Android 2.2，终于有劲头折腾了哦也！~~</p>
<p>那些个什么装机必备我就不搞了，一把一把的，没啥选择感觉，其他乱七八糟我装了卸了啥的就小记一下，基本装东西之前都会先查一下，选几个评价还OK的装了看，用一阵子再选择性留一个用，写在这里的东西仅作为参考哈~~</p>
<p><img src="http://chart.apis.google.com/chart?cht=qr&amp;chs=150x150&amp;chl=那天突然碰到研究了一小下，然后觉得二维码真是个神奇的东东啊，本来装了个wp的插件来生成，不过豆腐男告诉了我有Google API的，作为伪谷粉的我，当然就直接用啦~~ (*^__^*) 嘻嘻……，看到这段的都是好同志！~~"  alt="" /></p>
<h3>记账软件（<span style="text-decoration: line-through;" >随手记</span> | 挖财）</h3>
<p>用了2个月的 <a  href="http://www.cyrket.com/p/android/com.mymoney/" target="_blank">金蝶随手记（MyMoney）</a> ，界面是做的漂亮很得我心啦，不过到月末了想查查花费明细，杯具啊，居然没有分类饼图，这，我只能说我后悔了。。。而且网站同步要收20块钱~</p>
<p>于是换成了 <a  href="http://www.cyrket.com/p/android/com.wacai365/" target="_blank">挖财</a> ，还没用，回头说~</p>
<p><img src="http://chart.apis.google.com/chart?cht=qr&amp;chs=150x150&amp;chl=market://search?q=pname:com.wacai365"  alt="" /></p>
<h3>数据转移（App 2 SD）</h3>
<p>直刷不装卡上了，系统内存剩下114M，然后胡乱下点东西，马上就满了，用 <a  href="http://www.cyrket.com/p/android/com.a0soft.gphone.app2sd/" target="_blank">App 2 SD</a>，很方便的在系统和SD卡来回移东西~~</p>
<div id="_mcePaste"  style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;" ><a  href="http://www.cyrket.com/p/android/com.a0soft.gphone.app2sd/" class="autohyperlink" title="http://www.cyrket.com/p/android/com.a0soft.gphone.app2sd/" target="_blank">www.cyrket.com</a></div>
<p><img src="http://chart.apis.google.com/chart?cht=qr&amp;chs=150x150&amp;chl=market://search?q=pname:com.a0soft.gphone.app2sd"  alt="" /></p>
<h3>记事本工具（Evernote | 小米便签 | OnePunch Notes | Easy Note）</h3>
<p>前面一直用的 小米便签 ，最简单最方便，分颜色记录东东，就只是输入文字而已</p>
<p><a  href="http://www.cyrket.com/p/android/com.evernote/" target="_blank">Everynote</a> ，绿色的很舒服，功能异常强大啊，体验中~</p>
<p>OnePunch Notes</p>
<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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwonderful-wordpress-theme-collection-part2.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fhtc-hd2.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >WordPress 主题收集 PART 2</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fandroid-mobile-phone-web-app.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fhtc-hd2.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >Android Mobile Phone 上的Web App开发，资料收集~~ 其实Apple也有啦~~</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwonderful-wordpress-themes-collection.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fhtc-hd2.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >WordPress 主题收集（2008.12.15更新）</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fhd-720p-10801-1080p-knowledge.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fhtc-hd2.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >给自己扫盲，关于高清、720p、1080i、1080p，我要换显卡！</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" 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/android" title="android" rel="tag">android</a>, <a href="http://www.iros.me/tag/hd2" title="HD2" rel="tag">HD2</a>, <a href="http://www.iros.me/tag/htc" title="HTC" rel="tag">HTC</a>, <a href="http://www.iros.me/tag/leo" title="LEO" rel="tag">LEO</a>, <a href="http://www.iros.me/tag/%e4%b8%bb%e9%a2%98" title="主题" rel="tag">主题</a>, <a href="http://www.iros.me/tag/%e5%88%b7%e6%9c%ba" title="刷机" rel="tag">刷机</a>, <a href="http://www.iros.me/tag/%e5%a4%a7%e8%84%b8" title="大脸" rel="tag">大脸</a>, <a href="http://www.iros.me/tag/%e5%b8%82%e5%9c%ba" title="市场" rel="tag">市场</a>, <a href="http://www.iros.me/tag/%e5%ba%94%e7%94%a8" title="应用" rel="tag">应用</a>, <a href="http://www.iros.me/tag/%e6%b8%b8%e6%88%8f" title="游戏" rel="tag">游戏</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/htc-hd2.html/feed</wfw:commentRss>
		<slash:comments>1</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.htm?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.htm?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.htm?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="咱就是一台身处地狱的代码输出机器。。。【转】网页设计师是怎样下地狱的" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fhow-the-wen-designer-goes-to-hell.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;">咱就是一台身处地狱的代码输出机器。。。【转】网页设计师是怎样下地狱的</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" 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.htm?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.htm?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.htm?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="咱就是一台身处地狱的代码输出机器。。。【转】网页设计师是怎样下地狱的" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fhow-the-wen-designer-goes-to-hell.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;" >咱就是一台身处地狱的代码输出机器。。。【转】网页设计师是怎样下地狱的</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" 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>1</slash:comments>
		</item>
		<item>
		<title>我自己做的WordPress Test站大集合！~ WordPress是好物！~~</title>
		<link>http://www.iros.me/my-wordpress-websites.html</link>
		<comments>http://www.iros.me/my-wordpress-websites.html#comments</comments>
		<pubDate>Fri, 23 Apr 2010 08:54:39 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Dooooitmyself]]></category>
		<category><![CDATA[┨Theme]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=628</guid>
		<description><![CDATA[终于我还是干了，前面低估了自己不是20+插件是40+。。。现在删到18个，明显快了好多（只能和以前比了。。。），感觉不错！~ 然后没事把自己的wp站子也整理下，没事到处乱晃，看见人家的网站漂亮的就手也痒了，对数据库啥的其实没什么大了解，不过wordpress这个东西实在是神奇强大，反正捣腾捣腾啥都能整出来！~ 最近想做个卖T的站子，找找好的例子去还要~~ 标签：website, Wordpress, ┨Theme<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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwordpress-websites.html&from=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">使用Wordpress搭建中小型展示网站，公司篇~~ 问题+插件汇总</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwordpress-themes.html&from=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Wordpress 主题框架推荐，我自己爱用的 Sandbox WP 大集合~ 第16个新鲜出炉~~</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwonderful-wordpress-theme-collection-part2.html&from=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Wordpress 主题收集 PART 2</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwordpress-seo-cheat-sheet.html&from=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">Wordpress SEO 手册【伪】Cheat Sheet Seo for WordPress，PONY口水版，慎入！~</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" 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>终于我还是干了，前面低估了自己不是20+插件是40+。。。现在删到18个，明显快了好多（只能和以前比了。。。），感觉不错！~ </p>
<p>然后没事把自己的wp站子也整理下，没事到处乱晃，看见人家的网站漂亮的就手也痒了，对数据库啥的其实没什么大了解，不过wordpress这个东西实在是神奇强大，反正捣腾捣腾啥都能整出来！~ 最近想做个卖T的站子，找找好的例子去还要~~</p>
<ul>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/visualbox/" target="_blank"><img src="http://www.originalcolors.cn/images/visualbox.jpg"  alt="" /></a></li>
<p><span id="more-628" ></span></p>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/ifekt/" target="_blank"><img src="http://www.originalcolors.cn/images/ifekt.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/bohdan/" target="_blank"><img src="http://www.originalcolors.cn/images/bohdan.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/nile/" target="_blank"><img src="http://www.originalcolors.cn/images/nile.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/letters-numbers/" target="_blank"><img src="http://www.originalcolors.cn/images/letters.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/newbility/" target="_blank"><img src="http://www.originalcolors.cn/images/newbility.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="#"><img src="http://www.originalcolors.cn/images/modx.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/sinato/" target="_blank"><img src="http://www.originalcolors.cn/images/sinato.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/mareen/" target="_blank"><img src="http://www.originalcolors.cn/images/mareen.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/cargo/" target="_blank"><img src="http://www.originalcolors.cn/images/cargo.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/lamalla/" target="_blank"><img src="http://www.originalcolors.cn/images/lamalla.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/common/" target="_blank"><img src="http://www.originalcolors.cn/images/commonwealth.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/creative/" target="_blank"><img src="http://www.originalcolors.cn/images/creative.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/wuwa/" target="_blank"><img src="http://www.originalcolors.cn/images/wuwa.jpg"  alt="" /></a></li>
<li class="box bg" ><a  href="http://www.originalcolors.cn/test/joshsmith/" target="_blank"><img src="http://www.originalcolors.cn/images/josh.jpg"  alt="" /></a></li>
</ul>
<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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwordpress-websites.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >使用Wordpress搭建中小型展示网站，公司篇~~ 问题+插件汇总</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwordpress-themes.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >WordPress 主题框架推荐，我自己爱用的 Sandbox WP 大集合~ 第16个新鲜出炉~~</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwonderful-wordpress-theme-collection-part2.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >WordPress 主题收集 PART 2</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.htm?url=http%3A%2F%2Fwww.iros.me%2Fwordpress-seo-cheat-sheet.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >WordPress SEO 手册【伪】Cheat Sheet Seo for WordPress，PONY口水版，慎入！~</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" 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/website" title="website" rel="tag">website</a>, <a href="http://www.iros.me/tag/wordpress" title="Wordpress" rel="tag">Wordpress</a>, <a href="http://www.iros.me/tag/theme" title="┨Theme" rel="tag">┨Theme</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/my-wordpress-websites.html/feed</wfw:commentRss>
		<slash:comments>2</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.htm?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.htm?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.htm?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="简洁不简单，mini站点收集" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fminimalism-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/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.htm" 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.htm?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.htm?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.htm?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="简洁不简单，mini站点收集" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fminimalism-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/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.htm" 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>0</slash:comments>
		</item>
		<item>
		<title>WordPress 主题框架推荐，我自己爱用的 Sandbox WP 大集合~ 第16个新鲜出炉~~</title>
		<link>http://www.iros.me/wordpress-themes.html</link>
		<comments>http://www.iros.me/wordpress-themes.html#comments</comments>
		<pubDate>Tue, 15 Dec 2009 09:22:59 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Dooooitmyself]]></category>
		<category><![CDATA[sandbox]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[┨Theme]]></category>
		<category><![CDATA[框架]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=566</guid>
		<description><![CDATA[占位喊一声，有8个google wave邀请码，有需要的话。。。 有2天空闲，又做了一个新滴WP，依旧是sandbox基础~ 依旧是不做设计只做代码~ 首先是把图片地址写入WP日志，首页调用的时候用js随机取出一张作为首页封面图，同时使用了masonry做插缝的绝对定位排列，所以需要知道每张图的高宽，然后这中间就问题多多，js在不同浏览器下的执行顺序啊，页面结构的读取顺序啊，图片加载完全的判断啊，都不一样，头痛了挺久，不过还好最后解决了~~ FF/IE7/IE6测试通过~~ 撒花~~ 然后今天看到了关于WP主题框架介绍的文章（相关资料在最下面有链接~），我是爱用且只用过sandbox，不过主题本身已经不更新了，到WP2.9版本官方增加了不少新的function，所以其实一直在想着要不要换个框架试试看，那么，在这里先把以前的东西晒一晒，俺是picasa被封的受害者，绝大多数测试网站图片都是在picasa下，现在看不见了只能内牛，555，嘛，下次选个新的框架用用，也换个新的相册，如果勤快的话再追加下使用体验啥的~~ A Comparison of 6 Popular WordPress Frameworks WordPress Theme Frameworks explained 标签：sandbox, Wordpress, ┨Theme, 框架]]></description>
			<content:encoded><![CDATA[<blockquote><p>占位喊一声，有8个google wave邀请码，有需要的话。。。</p></blockquote>
<p>有2天空闲，又做了一个新滴WP，依旧是sandbox基础~ 依旧是不做设计只做代码~</p>
<p>首先是把图片地址写入WP日志，首页调用的时候用js随机取出一张作为首页封面图，同时使用了masonry做插缝的绝对定位排列，所以需要知道每张图的高宽，然后这中间就问题多多，js在不同浏览器下的执行顺序啊，页面结构的读取顺序啊，图片加载完全的判断啊，都不一样，头痛了挺久，不过还好最后解决了~~ FF/IE7/IE6测试通过~~ 撒花~~</p>
<p><a href="../../test/common/"  target="_blank" ><img src="../../images/commonwealth.jpg"  alt="" /></a></p>
<p><span id="more-566" ></span>然后今天看到了关于WP主题框架介绍的文章（相关资料在最下面有链接~），我是爱用且只用过sandbox，不过主题本身已经不更新了，到WP2.9版本官方增加了不少新的function，所以其实一直在想着要不要换个框架试试看，那么，在这里先把以前的东西晒一晒，俺是picasa被封的受害者，绝大多数测试网站图片都是在picasa下，现在看不见了只能内牛，555，嘛，下次选个新的框架用用，也换个新的相册，如果勤快的话再追加下使用体验啥的~~</p>
<p><a href="../../test/lamalla/"  target="_blank" ><img src="../../images/lamalla.jpg"  alt="" /></a><br/>
<a href="../../test/cargo/"  target="_blank" ><img src="../../images/cargo.jpg"  alt="" /></a><br/>
<a href="../../test/mareen/"  target="_blank" ><img src="../../images/mareen.jpg"  alt="" /></a><br/>
<a href="../../test/sinato/"  target="_blank" ><img src="../../images/sinato.jpg"  alt="" /></a><br/>
<a href="../../#" ><img src="../../images/modx.jpg"  alt="" /></a><br/>
<a href="../../newbility/"  target="_blank" ><img src="../../images/newbility.jpg"  alt="" /></a><br/>
<a href="../../test/ewout/"  target="_blank" ><img src="../../images/deskfaces.jpg"  alt="" /></a><br/>
<a href="../../test/joshsmith/"  target="_blank" ><img src="../../images/josh.jpg"  alt="" /></a><br/>
<a href="../../test/letters-numbers/"  target="_blank" ><img src="../../images/letters.jpg"  alt="" /></a><br/>
<a href="../../test/nile/"  target="_blank" ><img src="../../images/nile.jpg"  alt="" /></a><br/>
<a href="../../test/bohdan/"  target="_blank" ><img src="../../images/bohdan.jpg"  alt="" /></a><br/>
<a href="../../test/visualbox/"  target="_blank" ><img src="../../images/visualbox.jpg"  alt="" /></a><br/>
<a href="../../test/fabrik2/"  target="_blank" ><img src="../../images/fabrik2.jpg"  alt="" /></a><br/>
<a href="../../test/ifekt/"  target="_blank" ><img src="../../images/ifekt.jpg"  alt="" /></a></p>
<blockquote><p><a  href="http://www.problogdesign.com/wordpress/a-comparison-of-6-popular-wordpress-frameworks/" target="_blank">A Comparison of 6 Popular WordPress Frameworks</a></p>
<p><a  href="http://www.catswhocode.com/blog/wordpress-theme-frameworks" target="_blank">WordPress Theme Frameworks explained</a></p></blockquote>

	标签：<a href="http://www.iros.me/tag/sandbox" title="sandbox" rel="tag">sandbox</a>, <a href="http://www.iros.me/tag/wordpress" title="Wordpress" rel="tag">Wordpress</a>, <a href="http://www.iros.me/tag/theme" title="┨Theme" rel="tag">┨Theme</a>, <a href="http://www.iros.me/tag/%e6%a1%86%e6%9e%b6" title="框架" rel="tag">框架</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/wordpress-themes.html/feed</wfw:commentRss>
		<slash:comments>3</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, [...]]]></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>

	标签：<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>1</slash:comments>
		</item>
		<item>
		<title>简洁不简单，mini站点收集 Part3</title>
		<link>http://www.iros.me/minimalism-web-design-part3.html</link>
		<comments>http://www.iros.me/minimalism-web-design-part3.html#comments</comments>
		<pubDate>Mon, 07 Sep 2009 08:05:23 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Weeeeeebsite]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[minimalism]]></category>
		<category><![CDATA[mini站点]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=532</guid>
		<description><![CDATA[第三波了，喜欢的记得把前面的翻出来看看~ 最下面有相关链接 Sander Mulder 简洁高效的产品展示，左上角Menu深藏不露啊。。。 MOJAVE 一个页面里，内容齐全，舒服那就是一个字啊~ Berit Somme 想改成WP的模版，做展示不错的 The International Office 很干脆的简单，很干脆的方式了IE6的兼容，定位和透明就都出问题了。。。做得好！~ Make 案例的图片和文字都是建个更换的，空间利用率够大的 Jan Sochor Photography 比较少见到这样玩的摄影师，很喜欢鼠标悬停的效果 Hamillbosket 我觉得作品展示就是要这样干脆的 Crafts Council 遮一点不遮一点，很好，页面还有配合颜色变化 De facto 顶部悬浮，分类明确，块内图片展示，改成WP也很合适 GOOD 太GOOD了！作为综合内容站，简洁漂亮到没话说！~ The Darling Tree 好个内容丰富的首页，版块清楚，有探寻欲望 Beholder 静中有动，看下面~ PROA 藏一点不藏一点，很有趣 emma hanquist 省地方，超多内容都塞下了！~ 标签：clean, minimalism, mini站点, web design]]></description>
			<content:encoded><![CDATA[<p>第三波了，喜欢的记得把前面的翻出来看看~ 最下面有相关链接</p>
<p><a  href="http://www.sandermulder.com/index.html" target="_blank">Sander Mulder</a></p>
<p>简洁高效的产品展示，左上角Menu深藏不露啊。。。</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSqS8Y8Qqw0I%2FAAAAAAAADog%2FaTdkhr4NLdY%2Fsander.jpg?imgmax=800"  alt="sander.jpg" /></p>
<p class="pie-img-wrapper" ><span id="more-532" ></span></p>
<p><a  href="http://www.mojaveinteractive.com/" target="_blank">MOJAVE</a></p>
<p>一个页面里，内容齐全，舒服那就是一个字啊~</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSqS8Zthmi7I%2FAAAAAAAADok%2FPqeXTHkh54I%2Fmojave.jpg?imgmax=800"  alt="mojave.jpg" /></p>
<p><a  href="http://www.somme.no/" target="_blank">Berit Somme</a></p>
<p>想改成WP的模版，做展示不错的</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSqS8a1uSCPI%2FAAAAAAAADoo%2F7QC89HejMyk%2Fberit.jpg?imgmax=800"  alt="berit.jpg" /></p>
<p><a  href="http://the-international-office.com/" target="_blank">The International Office</a></p>
<p>很干脆的简单，很干脆的方式了IE6的兼容，定位和透明就都出问题了。。。做得好！~</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSqS8caLRNAI%2FAAAAAAAADos%2FD3ovdXBZpW4%2Finternation.jpg?imgmax=800"  alt="internation.jpg" /></p>
<p><a  href="http://www.make.dk/forside" target="_blank">Make</a></p>
<p>案例的图片和文字都是建个更换的，空间利用率够大的</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSqS8cw11QyI%2FAAAAAAAADow%2F5nlqUF3A8OU%2Fmake.jpg?imgmax=800"  alt="make.jpg" /></p>
<p><a  href="http://www.jansochor.com/" target="_blank">Jan Sochor Photography</a></p>
<p>比较少见到这样玩的摄影师，很喜欢鼠标悬停的效果</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSqS8d7tatLI%2FAAAAAAAADo0%2FhRVIrsIQa5M%2Fjan.jpg?imgmax=800"  alt="jan.jpg" /></p>
<p><a  href="http://www.hamillbosket.com/site/page/work" target="_blank">Hamillbosket</a></p>
<p>我觉得作品展示就是要这样干脆的</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSqS8ev8ytMI%2FAAAAAAAADo8%2FnESWsP3L4_o%2Fhamill.jpg?imgmax=800"  alt="hamill.jpg" /></p>
<p><a  href="http://www.craftscouncil.org.uk/home/">Crafts Council</a></p>
<p>遮一点不遮一点，很好，页面还有配合颜色变化</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSqS8fk1dwZI%2FAAAAAAAADpA%2FJQ7Bj94Kknw%2Fcraft.jpg?imgmax=800"  alt="craft.jpg" /></p>
<p><a  href="http://www.de-facto.com/web/">De facto</a></p>
<p>顶部悬浮，分类明确，块内图片展示，改成WP也很合适</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSqS8mifduTI%2FAAAAAAAADpY%2FGhFzH2dP_wg%2Fdefacto.jpg?imgmax=800"  alt="defacto.jpg" /></p>
<p><a  href="http://www.good.is/">GOOD</a></p>
<p>太GOOD了！作为综合内容站，简洁漂亮到没话说！~</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSqS8lhwr9tI%2FAAAAAAAADpU%2FnozPphHQ7fc%2Fgood.jpg?imgmax=800"  alt="good.jpg" /></p>
<p><a  href="http://www.thedarlingtree.com/">The Darling Tree</a></p>
<p>好个内容丰富的首页，版块清楚，有探寻欲望</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSqS8kh4avUI%2FAAAAAAAADpQ%2FlW-XwSQYAaY%2Fdarling%20tree.jpg?imgmax=800"  alt="darling tree.jpg" /></p>
<p><a  href="http://beholder-art.com/" target="_blank">Beholder</a></p>
<p>静中有动，看下面~</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSqS8jFBum3I%2FAAAAAAAADpM%2Fg9RU6tsPahw%2Fbeholder.jpg?imgmax=800"  alt="beholder.jpg" /></p>
<p><a  href="http://www.proa.org/esp/">PROA</a></p>
<p>藏一点不藏一点，很有趣</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSqS8iCLeJLI%2FAAAAAAAADpI%2FGRV1CW-Y-b8%2Fproma.jpg?imgmax=800"  alt="proma.jpg" /></p>
<p><a  href="http://www.emmahan.com/">emma hanquist</a></p>
<p>省地方，超多内容都塞下了！~</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSqS8hG1Dh9I%2FAAAAAAAADpE%2FRWRIH8gkxBs%2Femma.jpg?imgmax=800"  alt="emma.jpg" /></p>

	标签：<a href="http://www.iros.me/tag/clean" title="clean" rel="tag">clean</a>, <a href="http://www.iros.me/tag/minimalism" title="minimalism" rel="tag">minimalism</a>, <a href="http://www.iros.me/tag/mini%e7%ab%99%e7%82%b9" title="mini站点" rel="tag">mini站点</a>, <a href="http://www.iros.me/tag/web-design" title="web design" rel="tag">web design</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/minimalism-web-design-part3.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FireFox升级至3.5.2，种种，浏览器theme皮肤小收集！~</title>
		<link>http://www.iros.me/firefox-352-themes.html</link>
		<comments>http://www.iros.me/firefox-352-themes.html#comments</comments>
		<pubDate>Tue, 01 Sep 2009 05:10:25 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Firefox]]></category>
		<category><![CDATA[google toolbar]]></category>
		<category><![CDATA[┨Theme]]></category>
		<category><![CDATA[升级]]></category>
		<category><![CDATA[皮肤]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=527</guid>
		<description><![CDATA[今天闲逛发现的新皮 Mushroom Kingdom，觉得很有意思就去官网瞧了瞧，发现FF已经不够新了不能试用，于是升级，结果到了3.5.2其他插件倒是都OK的，就是 Google Toolbar 和我心爱的 WiiFox皮 说是么办法用了，真的很爱啊，超级漂亮的Wii皮，我的OOXX站也 特别介绍 过呢，Google工具栏倒是误报的，去官网下回来就又可以用了，但是WiiFox就只能洒泪告别了，555，看看超级玛丽这个花花皮我能用多久吧。。。另一个发现（才发现）是，Firefox帮助选项里有“致IE用户”，然后里面稍微讲了FF和IE的术语啊在使用习惯上的变化啊，居然可以申请自己编辑和翻译，呵呵，有心的可以去贡献力量啦~ 下面就是WiiFox，旧版的朋友可以去下用，真的超漂亮！~ 然后，就想着看看有没啥其他皮可以选择，那，就来收集展示一下吧~ Chromifox Basic（Google Chrom皮） MacOSX Theme（苹果Safari皮） HalloFF（万圣节南瓜皮） Full Flat（日本产极简皮） Naver（这皮看起来也不错，公司绿啊~） Scribblies Kids（手绘涂鸦皮） 到最新版，以前的大多数皮都灰掉不能用了呢。。。看来升级前要考虑考虑，尤其是我这种比较看重皮相的家伙，马里奥之后很可能我会换那日本极简皮去~ 标签：google toolbar, ┨Firefox, ┨Theme, 升级, 皮肤]]></description>
			<content:encoded><![CDATA[<p><img border="0"  style="border: 0px none; display: block; "  title="Mushroom Kingdom theme for Firefox"  src="http://www.firefoxfacts.com/wp-content/uploads/2009/08/1250695214.png"  alt="Mushroom Kingdom theme for Firefox"  width="504"  height="197" /></p>
<p>今天闲逛发现的新皮 <a  href="https://addons.mozilla.org/en-US/firefox/addon/9858" target="_blank">Mushroom Kingdom</a>，觉得很有意思就去官网瞧了瞧，发现FF已经不够新了不能试用，于是升级，结果到了3.5.2其他插件倒是都OK的，就是 <a  href="https://addons.mozilla.org/en-US/firefox/addon/6249" target="_blank">Google Toolbar</a> 和我心爱的 <a  href="https://addons.mozilla.org/en-US/firefox/addon/11165" target="_blank">WiiFox皮</a> 说是么办法用了，真的很爱啊，超级漂亮的Wii皮，我的OOXX站也 <a  href="http://www.today-s-ooxx.com/firefox-wii-theme.html" target="_blank">特别介绍</a> 过呢，Google工具栏倒是误报的，去官网下回来就又可以用了，但是WiiFox就只能洒泪告别了，555，看看超级玛丽这个花花皮我能用多久吧。。。另一个发现（才发现）是，Firefox帮助选项里有“致IE用户”，然后里面稍微讲了FF和IE的术语啊在使用习惯上的变化啊，居然可以申请自己编辑和翻译，呵呵，有心的可以去贡献力量啦~</p>
<p><span id="more-527" ></span></p>
<p>下面就是WiiFox，旧版的朋友可以去下用，真的超漂亮！~</p>
<p><img src="https://addons.mozilla.org/en-US/firefox/images/p/30677/1239494433"  alt="" /></p>
<p>然后，就想着看看有没啥其他皮可以选择，那，就来收集展示一下吧~</p>
<div class="img" ><img title="Preview Image of Chromifox Basic"  src="https://addons.mozilla.org/en-US/firefox/images/t/25704/1241302247"  alt="Preview Image of Chromifox Basic" /></div>
<h4 class="name" ><a  href="https://addons.mozilla.org/en-US/firefox/addon/8782">Chromifox Basic</a>（Google Chrom皮）</h4>
<div class="img" ><img title="Preview Image of MacOSX Theme"  src="https://addons.mozilla.org/en-US/firefox/images/t/33975/1246619410"  alt="Preview Image of MacOSX Theme" /></div>
<h4 class="name" ><a  href="https://addons.mozilla.org/en-US/firefox/addon/12782">MacOSX Theme</a>（苹果Safari皮）</h4>
<div class="img" ><img title="Preview Image of HalloFF"  src="https://addons.mozilla.org/en-US/firefox/images/t/25972/1221429481"  alt="Preview Image of HalloFF" /></div>
<h4 class="name" ><a  href="https://addons.mozilla.org/en-US/firefox/addon/3522">HalloFF</a>（万圣节南瓜皮）</h4>
<div class="img" ><img title="Preview Image of Full Flat"  src="https://addons.mozilla.org/en-US/firefox/images/t/20921/1211877855"  alt="Preview Image of Full Flat" /></div>
<h4 class="name" ><a  href="https://addons.mozilla.org/en-US/firefox/addon/6971">Full Flat</a>（日本产极简皮）</h4>
<div class="img" ><img title="Preview Image of Naver"  src="https://addons.mozilla.org/en-US/firefox/images/t/26471/1223122061"  alt="Preview Image of Naver" /></div>
<h4 class="name" ><a  href="https://addons.mozilla.org/en-US/firefox/addon/9125">Naver</a>（这皮看起来也不错，公司绿啊~）</h4>
<div class="img" ><img title="Preview Image of Scribblies Kids"  src="https://addons.mozilla.org/en-US/firefox/images/t/105/"  alt="Preview Image of Scribblies Kids" /></div>
<h4 class="name" ><a  href="https://addons.mozilla.org/en-US/firefox/addon/275">Scribblies Kids</a>（手绘涂鸦皮）</h4>
<blockquote><p>到最新版，以前的大多数皮都灰掉不能用了呢。。。看来升级前要考虑考虑，尤其是我这种比较看重皮相的家伙，马里奥之后很可能我会换那日本极简皮去~</p></blockquote>

	标签：<a href="http://www.iros.me/tag/google-toolbar" title="google toolbar" rel="tag">google toolbar</a>, <a href="http://www.iros.me/tag/firefox" title="┨Firefox" rel="tag">┨Firefox</a>, <a href="http://www.iros.me/tag/theme" title="┨Theme" rel="tag">┨Theme</a>, <a href="http://www.iros.me/tag/%e5%8d%87%e7%ba%a7" title="升级" rel="tag">升级</a>, <a href="http://www.iros.me/tag/%e7%9a%ae%e8%82%a4" title="皮肤" rel="tag">皮肤</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/firefox-352-themes.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>简洁不简单，mini站点收集 Part2</title>
		<link>http://www.iros.me/minimalism-web-design-part2.html</link>
		<comments>http://www.iros.me/minimalism-web-design-part2.html#comments</comments>
		<pubDate>Wed, 08 Jul 2009 09:21:36 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Woooonderful]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[minimalism]]></category>
		<category><![CDATA[mini站点]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=483</guid>
		<description><![CDATA[昏天暗地的一周半Object-C学习，大苹果真是不习惯，下午终于可以喘口气。。。回归WEB世界，好不快活！~ 继续MINI站点收集！~ Ronald Stoops Photography 横着来，不需要规则，不过居然是FLASH的 CLAPCLAP 彩块拼接，滚动效果好舒服！~JS滴 Haunch of Venison FLASH滴，文字隐藏，规则中的不规则 FLOK 干净主页，内页图片展示排版 BB &#8211; Bisgragrafic Blog 挡一块的效果也很不错啊~ Young FLASH，左上角拖动，简单特别 Patrick Fry 黑白位图的形式不错，分类清晰 Gugazine 啥都别多弄了，就这样直接排吧，WP的，我很想搞清是以生么样的规则来排列。。。 MATEO&#38;CO 系统文件夹样式的MENU蛮好玩 The Ministry of Type 空和满 Design Interactions WP的，用了小小的JS技巧，不错~ Design is Kinky Studio 上下左右移，FLASH滴，改成动态比较难哇，可以放大 Erscheinungsbild 结构清晰，露出一点点的图片很有吸引力啊~ 标签：clean, minimalism, mini站点, web design]]></description>
			<content:encoded><![CDATA[<p>昏天暗地的一周半Object-C学习，大苹果真是不习惯，下午终于可以喘口气。。。回归WEB世界，好不快活！~</p>
<p>继续MINI站点收集！~</p>
<p><a  href="http://www.ronaldstoops.com/" target="_blank">Ronald Stoops Photography</a></p>
<p>横着来，不需要规则，不过居然是FLASH的</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSlRYnEkNBCI%2FAAAAAAAADJY%2FqBzqFLp_4Ng%2Fronaldstoops.jpg?imgmax=640"  alt="ronaldstoops.jpg" /></p>
<p class="pie-img-wrapper" ><span id="more-483" ></span><a  href="http://www.clapclap.se/index.htm#c1" target="_blank">CLAPCLAP</a></p>
<p class="pie-img-wrapper" >彩块拼接，滚动效果好舒服！~JS滴</p>
<div class="pie-gallery alignGalleryLeft" >
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSlRY2YNN1qI%2FAAAAAAAADKE%2FRbNK5psJ8es%2Fclapclap.jpg?imgmax=640"  alt="clapclap.jpg" /></p>
<p><a  href="http://www.haunchofvenison.com/" target="_blank">Haunch of Venison</a></p>
<p>FLASH滴，文字隐藏，规则中的不规则</p></div>
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSlRY1W-DXmI%2FAAAAAAAADKA%2Fdnm7ThABM8c%2Fhaunchofvenison.jpg?imgmax=640"  alt="haunchofvenison.jpg" /></p>
<p><a  href="http://www.flokdesign.com/" target="_blank">FLOK</a></p>
<p>干净主页，内页图片展示排版</p></div>
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSlRY0aD5afI%2FAAAAAAAADJ8%2Fyr7jKkVnREw%2Fflokdesign.jpg?imgmax=640"  alt="flokdesign.jpg" /></p>
<p><a  href="http://www.bisgrafic.info/" target="_blank">BB &#8211; Bisgragrafic Blog</a></p>
<p>挡一块的效果也很不错啊~</p></div>
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSlRYzvKe6iI%2FAAAAAAAADJ4%2Ft7_SbOrF_vw%2Fbisgrafic.jpg?imgmax=640"  alt="bisgrafic.jpg" /></p>
<p class="pie-img-wrapper" ><a  href="http://www.weareyoung.co.uk/" target="_blank">Young</a></p>
<p class="pie-img-wrapper" >FLASH，左上角拖动，简单特别</p>
</div>
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSlRYue-loNI%2FAAAAAAAADJo%2Frs1FIdRyzSk%2Fyoung.jpg?imgmax=640"  alt="young.jpg" /></p>
<p class="pie-img-wrapper" ><a  href="http://www.patrickfry.co.uk/" target="_blank">Patrick Fry</a></p>
<p class="pie-img-wrapper" >黑白位图的形式不错，分类清晰</p>
</div>
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSlRYvdWjxQI%2FAAAAAAAADJs%2FvVPBQw2ufVk%2Fpatrickfry.jpg?imgmax=640"  alt="patrickfry.jpg" /></p>
<p><a  href="http://www.gugazine.com/" target="_blank">Gugazine</a></p>
<p>啥都别多弄了，就这样直接排吧，WP的，我很想搞清是以生么样的规则来排列。。。</p></div>
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSlRYwk4OtHI%2FAAAAAAAADJw%2FidhsP55CLRc%2Fgugazine.jpg?imgmax=640"  alt="gugazine.jpg" /></p>
</div>
<div class="pie-item" ><a  href="http://www.mateoandco.es/">MATEO&amp;CO</a></div>
<div class="pie-item" >系统文件夹样式的MENU蛮好玩</div>
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSlRYyItddBI%2FAAAAAAAADJ0%2FTHmV1m6MV4M%2Fmateoandco.jpg?imgmax=640"  alt="mateoandco.jpg" /></p>
</div>
<div class="pie-item" ><a  href="http://ministryoftype.co.uk/" target="_blank">The Ministry of Type</a></div>
<div class="pie-item" >空和满</div>
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSlRYrxyHN2I%2FAAAAAAAADJk%2FmNwNLuq2BNY%2Fministryoftype.jpg?imgmax=640"  alt="ministryoftype.jpg" /></p>
<p><a  href="http://www.di09.rca.ac.uk/" target="_blank">Design Interactions</a></p>
<p>WP的，用了小小的JS技巧，不错~</p></div>
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSlRYqgj9fNI%2FAAAAAAAADJg%2F-rx9IEDsDMY%2Fdi09.jpg?imgmax=640"  alt="di09.jpg" /></p>
<p><a  href="http://www.dikstudio.net/" target="_blank">Design is Kinky Studio</a></p>
<p>上下左右移，FLASH滴，改成动态比较难哇，可以放大</p></div>
<div class="pie-item" >
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSlRYo2rY8SI%2FAAAAAAAADJc%2Fdm3JISeId14%2Fdikstudio.jpg?imgmax=640"  alt="dikstudio.jpg" /></p>
<p><a  href="http://www.agenturzwo.de/index.php" target="_blank">Erscheinungsbild</a></p>
<p>结构清晰，露出一点点的图片很有吸引力啊~</p>
<p class="pie-img-wrapper" ><img class="pie-img"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSlRkKHrnZiI%2FAAAAAAAADKg%2FBg4ecEAiwe0%2Fagenturzwo.jpg?imgmax=640"  alt="agenturzwo.jpg" /></p>
</div>
</div>

	标签：<a href="http://www.iros.me/tag/clean" title="clean" rel="tag">clean</a>, <a href="http://www.iros.me/tag/minimalism" title="minimalism" rel="tag">minimalism</a>, <a href="http://www.iros.me/tag/mini%e7%ab%99%e7%82%b9" title="mini站点" rel="tag">mini站点</a>, <a href="http://www.iros.me/tag/web-design" title="web design" rel="tag">web design</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/minimalism-web-design-part2.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>简洁不简单，mini站点收集</title>
		<link>http://www.iros.me/minimalism-web-design.html</link>
		<comments>http://www.iros.me/minimalism-web-design.html#comments</comments>
		<pubDate>Mon, 29 Jun 2009 01:30:16 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Woooonderful]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[minimalism]]></category>
		<category><![CDATA[mini站点]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=472</guid>
		<description><![CDATA[看完这些，决定把我的www.originalcolors.cn首页换一下去！ 不会设计咱可以简单着来嘛，人家做得多好呀啊啊啊啊，跟着学点，嘿嘿~~ Chama 拉到底部有惊喜哦~ Kyle Steed 喜欢右侧边栏的应用 David Arias 头部很漂亮，背景固定，大屏幕多得，22寸的我喜欢~ Corporate Rick Watch 菜单隐藏效果很棒 Black Estate 上下滚，布局很好 Fellswoop 首页很抢眼很好 Design Hotels 右圆角的应用，特色十足 On 就是很舒服 F5 Fest 有趣的菜单效果 GB Studio 从上到下，干净漂亮！ 同样来了兴趣的可以 这里 查看其他，共50个MINI站点~ 标签：clean, minimalism, mini站点, web design]]></description>
			<content:encoded><![CDATA[<p>看完这些，决定把我的www.originalcolors.cn首页换一下去！ 不会设计咱可以简单着来嘛，人家做得多好呀啊啊啊啊，跟着学点，嘿嘿~~</p>
<h3><a  href="http://www.chamainc.com/">Chama</a></h3>
<p>拉到底部有惊喜哦~</p>
<p><img src="http://line25.s3.amazonaws.com/wp-content/uploads/2009/minimal/Picture-2.png.jpg"  alt="Minimal website design" /></p>
<p><span id="more-472" ></span><a  href="http://kylesteed.com/">Kyle Steed</a></p>
<p>喜欢右侧边栏的应用</p>
<p><img src="http://line25.s3.amazonaws.com/wp-content/uploads/2009/minimal/Picture-43.png.jpg"  alt="Minimal website design" /></p>
<h3><a  href="http://www.arias.ca/">David Arias</a></h3>
<p>头部很漂亮，背景固定，大屏幕多得，22寸的我喜欢~</p>
<p><img src="http://line25.s3.amazonaws.com/wp-content/uploads/2009/minimal/Picture-20.png.jpg"  alt="Minimal website design" /></p>
<h3><a  href="http://www.corporateriskwatch.com/">Corporate Rick Watch</a></h3>
<p>菜单隐藏效果很棒</p>
<p><img src="http://line25.s3.amazonaws.com/wp-content/uploads/2009/minimal/Picture-9.png.jpg"  alt="Minimal website design" /></p>
<h3><a  href="http://www.blackestate.co.nz/">Black Estate</a></h3>
<p>上下滚，布局很好</p>
<p><img src="http://line25.s3.amazonaws.com/wp-content/uploads/2009/minimal/Picture-4.png.jpg"  alt="Minimal website design" /></p>
<h3><a  href="http://www.fellswoop.com/index.html">Fellswoop</a></h3>
<p>首页很抢眼很好</p>
<p><img src="http://line25.s3.amazonaws.com/wp-content/uploads/2009/minimal/Picture-10.png.jpg"  alt="Minimal website design" /></p>
<h3><a  href="http://www.designhotels.com/">Design Hotels</a></h3>
<p>右圆角的应用，特色十足</p>
<p><img src="http://line25.s3.amazonaws.com/wp-content/uploads/2009/minimal/Picture-13.png.jpg"  alt="Minimal website design" /></p>
<h3><a  href="http://madebyon.com/">On</a></h3>
<p>就是很舒服</p>
<p><img src="http://line25.s3.amazonaws.com/wp-content/uploads/2009/minimal/Picture-23.png.jpg"  alt="Minimal website design" /></p>
<h3><a  href="http://f5fest.com/">F5 Fest</a></h3>
<p>有趣的菜单效果</p>
<p><img src="http://line25.s3.amazonaws.com/wp-content/uploads/2009/minimal/Picture-32.png.jpg"  alt="Minimal website design" /></p>
<h3><a  href="http://gb-studio.tv/">GB Studio</a></h3>
<p>从上到下，干净漂亮！</p>
<p><img src="http://line25.s3.amazonaws.com/wp-content/uploads/2009/minimal/Picture-42.png.jpg"  alt="Minimal website design" /></p>
<blockquote><p>同样来了兴趣的可以 <a  href="http://line25.com/articles/50-inspiring-examples-of-minimalism-in-web-design" target="_blank">这里</a> 查看其他，共50个MINI站点~</p></blockquote>

	标签：<a href="http://www.iros.me/tag/clean" title="clean" rel="tag">clean</a>, <a href="http://www.iros.me/tag/minimalism" title="minimalism" rel="tag">minimalism</a>, <a href="http://www.iros.me/tag/mini%e7%ab%99%e7%82%b9" title="mini站点" rel="tag">mini站点</a>, <a href="http://www.iros.me/tag/web-design" title="web design" rel="tag">web design</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/minimalism-web-design.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

