<?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; ┨Desiiiiiiiiiiiiign</title>
	<atom:link href="http://www.iros.me/category/desiiiiiiiiiiiiign/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>我的又一个新站~ Cargo，数了一下这是自己做的第14个wordpress了哇。。。</title>
		<link>http://www.iros.me/14th-wordpress-cargo.html</link>
		<comments>http://www.iros.me/14th-wordpress-cargo.html#comments</comments>
		<pubDate>Thu, 29 Oct 2009 07:00:28 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[cargo]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[国内空间]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=548</guid>
		<description><![CDATA[其他可以到我首页 www.originalcolors.cn 看~ 最近有些事情想不清楚，终于我的迷茫期来了么。。。 隔了好久好久，真的是手痒到不行了呢 ,空下来的时间再次动起手来做点东西~~ 这次不仅仅是改了index的东西，category和single也做了修改哦，以前都是做效果直接把其他页面屏蔽掉&#124;&#124;&#124; 请点点看~~ Cargo 话说我已经懒到1月更新一篇日志了，上次的是9月22写的&#124;&#124;&#124; 因为这个原因，PR值也从3降到2了，我看我这里的访问一天也就30左右，最近的工作和生活还真是提不起什么劲来折腾。。。 啊啊啊啊啊，想到，周末老妈老爸就要过来，要开始一阵子难熬的生活了？谁让我在外面放疯了6年，突然的变化不知道会产生啥样的后果捏，我是不是终于可以下定决心去报班上日语课了，这样就不用每天跑回家报到吃晚饭？ 还有就是，我换国内空间了，原来那个国外空间本来就慢，我又狂爱装插件胡乱修改的，据我朋友说打开我的博客他们实验室的机子就会死翘翘。。。新空间厚脸皮要到了600M，搬家时候才发现原来那十几个WP的体积也到了400+M，一直想找那种根据子域名判断数据库换内容换皮肤的方法试试，就可以不用做一个模版传一个WP了呢。。。嘛，先这样吧。。。我懒。。。新空间我自己没啥感觉，有觉得变快了的吱一声哈~ tool.wopus.org 跑到这里看了一下，为啥我的两个域名，Google收录都是0呢。。。搞不懂。。。 有气无力。。。不写了。。。 突然看到右下角想起还错过了开博1周年的纪念。。。嘛，等下月吧，如果我还不至于懒得不想折腾。。。 标签：cargo, Wordpress, 国内空间<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%2Fmy-wordpress-websites.html&from=http%3A%2F%2Fwww.iros.me%2F14th-wordpress-cargo.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">我自己做的Wordpress Test站大集合！~ 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%2Fwonderful-wordpress-theme-collection-part2.html&from=http%3A%2F%2Fwww.iros.me%2F14th-wordpress-cargo.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-sandbox-nile-inside.html&from=http%3A%2F%2Fwww.iros.me%2F14th-wordpress-cargo.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">wordpress+sandbox=Nile Inside，禁IE下打开，后果自负。。。</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-technical-manual.html&from=http%3A%2F%2Fwww.iros.me%2F14th-wordpress-cargo.html">
                        <font size="-1" color="#666666" style="line-height: 1.65em; font-size: 12px !important;">WordPress技术手册 基本文件及参数说明</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[<blockquote><p>其他可以到我首页 <a href="www.originalcolors.cn/"  target="_blank" >www.originalcolors.cn</a> 看~</p></blockquote>
<p>最近有些事情想不清楚，终于我的迷茫期来了么。。。</p>
<p>隔了好久好久，真的是手痒到不行了呢 ,空下来的时间再次动起手来做点东西~~ 这次不仅仅是改了index的东西，category和single也做了修改哦，以前都是做效果直接把其他页面屏蔽掉||| 请点点看~~ <a  href="http://www.originalcolors.cn/test/cargo/" target="_blank">Cargo</a></p>
<p><a  href="http://www.originalcolors.cn/test/cargo/" target="_blank"><img src="http://www.originalcolors.cn/images/cargo.jpg"  alt="" /></a></p>
<p><span id="more-548" ></span>话说我已经懒到1月更新一篇日志了，上次的是9月22写的||| 因为这个原因，PR值也从3降到2了，我看我这里的访问一天也就30左右，最近的工作和生活还真是提不起什么劲来折腾。。。</p>
<p>啊啊啊啊啊，想到，周末老妈老爸就要过来，要开始一阵子难熬的生活了？谁让我在外面放疯了6年，突然的变化不知道会产生啥样的后果捏，我是不是终于可以下定决心去报班上日语课了，这样就不用每天跑回家报到吃晚饭？</p>
<p>还有就是，我换国内空间了，原来那个国外空间本来就慢，我又狂爱装插件胡乱修改的，据我朋友说打开我的博客他们实验室的机子就会死翘翘。。。新空间厚脸皮要到了600M，搬家时候才发现原来那十几个WP的体积也到了400+M，一直想找那种根据子域名判断数据库换内容换皮肤的方法试试，就可以不用做一个模版传一个WP了呢。。。嘛，先这样吧。。。我懒。。。新空间我自己没啥感觉，有觉得变快了的吱一声哈~</p>
<p><a  href="http://tool.wopus.org/" class="autohyperlink" title="http://tool.wopus.org/" target="_blank">tool.wopus.org</a> 跑到这里看了一下，为啥我的两个域名，Google收录都是0呢。。。搞不懂。。。</p>
<p>有气无力。。。不写了。。。</p>
<blockquote><p>突然看到右下角想起还错过了开博1周年的纪念。。。嘛，等下月吧，如果我还不至于懒得不想折腾。。。</p></blockquote>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="2"  border="0"  width="100%"  style="clear: both;" >
    
    <tr>
        <td><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;" >
                    <img border="0"  src="http://static.wumii.com/images/widget/widget_solidPoint.gif" />
                    <a  target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fmy-wordpress-websites.html&#038;from=http%3A%2F%2Fwww.iros.me%2F14th-wordpress-cargo.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >我自己做的Wordpress Test站大集合！~ 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%2Fwonderful-wordpress-theme-collection-part2.html&#038;from=http%3A%2F%2Fwww.iros.me%2F14th-wordpress-cargo.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-sandbox-nile-inside.html&#038;from=http%3A%2F%2Fwww.iros.me%2F14th-wordpress-cargo.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >wordpress+sandbox=Nile Inside，禁IE下打开，后果自负。。。</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-technical-manual.html&#038;from=http%3A%2F%2Fwww.iros.me%2F14th-wordpress-cargo.html">
                        <font size="-1"  color="#666666"  style="line-height: 1.65em; font-size: 12px !important;" >WordPress技术手册 基本文件及参数说明</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/cargo" title="cargo" rel="tag">cargo</a>, <a href="http://www.iros.me/tag/wordpress" title="Wordpress" rel="tag">Wordpress</a>, <a href="http://www.iros.me/tag/%e5%9b%bd%e5%86%85%e7%a9%ba%e9%97%b4" title="国内空间" rel="tag">国内空间</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/14th-wordpress-cargo.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</title>
		<link>http://www.iros.me/clean-beautiful-blogs.html</link>
		<comments>http://www.iros.me/clean-beautiful-blogs.html#comments</comments>
		<pubDate>Fri, 11 Sep 2009 07:16:00 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Cooooollection]]></category>
		<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[simple]]></category>

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

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=523</guid>
		<description><![CDATA[最近很多电子商务网站在登陆页面上放置了大量信息。而他们“汗牛充栋”的逻辑很简单：信息越多，用户越多。不巧的是，网上购物的人总是很挑剔。 Jacob Nielson 报导说网络用户在挑选和购买的过程中，变得越来越急躁。他们不会根据分类或产品介绍，花时间到网上查找信息，大部分人更愿意使用方便的搜索引擎。如果用户找不到他想要的，这笔交易就告吹。 这就使得简洁的网页设计成为关键，特别是你需要销量的时候，它能让用户更快地找到资讯。如果一个网页充斥着大量无用的文本、widget或无关的产品，那么这个网页可以说已经作废了。 不过，有些电子商务网站恰恰相反。他们喜欢搞“多点开花”，以图给潜在的用户尽可能多的选择，在网页上添加了许多无用的信息、广告和无关的产品。而不是清楚的一个网页一件产品。 更少的产品意味着更多的关注 许多网络公司可能忘记了一条电子商务的基本规则：网络购物越简单越好。可以在亚马逊点几下鼠标就买到的DVD，谁也不想驾车跑几公里外去买。如果购物的过程简单快捷，顾客甚至不会介意多花点钱或多等些时间。 苹果公司已经完全掌握了极少主义艺术网页设计。如果你打开他们的主页，只会看到三样东西： 一个简单的顶部导航 主体部分的一件产品 在倒影部分的产品相关链接 除了标准的页脚导航，整个主页仅由这三个部分组成。以下是点击一件产品进入的网页（以 iPhone 为例）。 在产品页面，你第一眼就能了解这个网页是关于什么的：iPhone。产品本身占据了大部分的页面，周围是新 iPhone 的特点和一些应用程序。但更重要的是，我们要了解这个网页上没有什么： 无关的产品 无关的侧边栏广告 过多的重复 混乱的排版 苹果公司用一个舒适的页面展示了足够多的信息。展示大量的信息没有错，只要让它看起来并不多。这样你同样可以看到所有的信息，链接和图片排列在 iPhone 的周围，同样发挥了作用。网页上没有任何无聊的广告或无用的其它产品的信息。 这儿有一组经过实践考验的方法，任何设计师或网页开发者都可以学去，免得糟糕的页面布局把顾客赶走。 只有你需要的。简单的网页设计中最重要的一个方面就是，只展示你要卖的产品。但这不是说你不能向用户展示大量的信息。你只需要确定用户想了解更多的信息。苹果大量使用“Learn more”链接达到这一点。 减少点击次数。顾客到达想要的页面点击次数越少，对你来说可能的回报就越高。可别让顾客劈荆斩棘去买你的产品。 “奶奶”规则。如果你的奶奶（或任何年老的人）可以通过你的网站了解如何购买产品，那么产品被购买的几率就很大。无用的信息会很快把你的奶奶搞晕的。 减少分栏。你每增加一个分栏，显示内容的空间就少一截。顾客不想要的东西占据了太多的版面，这就无法强调主要的产品。 尽量减少操作菜单。展示产品应当避免无关的干扰，推动顾客购买的进程。顾客在选购时都希望尽可能少的思考，要让顾客有更多思考的空间并专注于购买的过程。 保持整洁。一个干净的设计可以让访问者心情愉悦。多花点时间确保你的网页布局美观，这样才会有回头客。 作为设计者应该从顾客的角度审视网页设计。你会在自己设计的网站上购物吗？ 其它优秀的电子商务设计实例 Bell.ca 只使用了很少的色彩来展示品牌，而给浏览者的操作菜单只有主导航栏。注意设计者是如何安置这么多不同的菜单——购物导航，还要同时照顾到私人和企业客户。 网页不仅不凌乱，反而显得简洁明快，提供了很多菜单，但并没有迫使浏览者一一浏览查找。同时也要注意到顶部的产品导航设计得有多聪明，我想没有谁还会选错 产品了吧。 Shoeguru.ca 展示了一个完全以用户和产品为中心的设计。似乎产品本身就是一名推销员。网页上除了产品毫无其它无关的东西；甚至连导航菜单都“少得可怜”。 Etsy 在主页上放置了如此多的信息却丝毫不显凌乱，简直是网页布局的样板。Etsy 的产品目录很繁杂，但优秀的设计使其显得轻松朴实。事实证明，一个实用性的主页也可以有很好的商业效果。 Crupress 是一个文雅的图书网站，没有什么娱乐成分。主页上有大量的文本，并没有搅乱用户的思绪。顶部的导航很醒目，但也只需要瞟一眼就能了解。所有的设计元素水乳交融。 Tokyocube 是个有趣时髦的销售日本产品的小网站。网站没有浪费宝贵的空间来介绍产品，而是把他们摆放在屏幕的右侧。网站使用大量的留白使得用户能够快速清晰地欣赏产品。谁也忍不住要点击几个玩偶好好瞧瞧。 Furious Tees 相对前面几个网站更注重图形设计，主要有两点作用： 体现网站活泼的基调 清楚的显示所有的衬衫只卖19.99美元 访问者也不会忘了 Furious [...]<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="百事可乐新LOGO的设计背后，设计的重量" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fthe-new-pepsi-logo.html&from=http%3A%2F%2Fwww.iros.me%2Fsimple-web-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29586911.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;">百事可乐新LOGO的设计背后，设计的重量</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%2Fsimple-web-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~" 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%2Fsimple-web-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29585790.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</font>
                    </a>
                </td>
                <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%2Fsimple-web-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.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>
<p>Jacob Nielson 报导说<a  href="http://news.bbc.co.uk/1/hi/technology/7417496.stm">网络用户在挑选和购买的过程中，变得越来越急躁</a>。他们不会根据分类或产品介绍，花时间到网上查找信息，大部分人更愿意使用方便的搜索引擎。如果用户找不到他想要的，这笔交易就告吹。</p>
<p>这就使得<strong>简洁的网页设计</strong>成为关键，特别是你需要销量的时候，它能让用户更快地找到资讯。如果一个网页充斥着大量无用的文本、widget或无关的产品，那么这个网页可以说已经作废了。</p>
<p>不过，有些电子商务网站恰恰相反。他们喜欢搞“多点开花”，以图给潜在的用户尽可能多的选择，在网页上添加了许多无用的信息、广告和无关的产品。而不是清楚的一个网页一件产品。</p>
<h1>更少的产品意味着更多的关注</h1>
<p>许多网络公司可能忘记了一条电子商务的基本规则：网络购物越简单越好。可以在亚马逊点几下鼠标就买到的DVD，谁也不想驾车跑几公里外去买。如果购物的过程简单快捷，顾客甚至不会介意多花点钱或多等些时间。</p>
<p><img border="0"  src="http://i33.tinypic.com/wwbswj.jpg"  alt="Image and video hosting by TinyPic" /></p>
<p><span id="more-523" ></span><a  href="http://www.apple.com/">苹果公司</a>已经完全掌握了极少主义艺术网页设计。如果你打开他们的主页，只会看到三样东西：</p>
<ul>
<li>一个简单的顶部导航</li>
<li>主体部分的<strong>一件</strong>产品</li>
<li>在倒影部分的产品相关链接</li>
</ul>
<p>除了标准的页脚导航，整个主页仅由这三个部分组成。以下是点击一件产品进入的网页（以 <a  href="http://www.apple.com/iphone/">iPhone</a> 为例）。</p>
<p><img border="0"  src="http://i38.tinypic.com/14l0d3t.jpg"  alt="Image and video hosting by TinyPic" /></p>
<p>在产品页面，你第一眼就能了解这个网页是关于什么的：iPhone。产品本身占据了大部分的页面，周围是新 iPhone 的特点和一些应用程序。但更重要的是，我们要了解这个网页上<strong>没有</strong>什么：</p>
<ul>
<li>无关的产品</li>
<li>无关的侧边栏广告</li>
<li>过多的重复</li>
<li>混乱的排版</li>
</ul>
<p>苹果公司用一个舒适的页面展示了足够多的信息。展示大量的信息没有错，只要让它看起来并不多。这样你同样可以看到所有的信息，链接和图片排列在 iPhone 的周围，同样发挥了作用。网页上没有任何无聊的广告或无用的其它产品的信息。</p>
<p>这儿有一组经过实践考验的方法，任何设计师或网页开发者都可以学去，免得糟糕的页面布局把顾客赶走。</p>
<p><em><strong>只有你需要的。</strong></em>简单的网页设计中最重要的一个方面就是，<strong>只展示你要卖的产品</strong>。但这不是说你不能向用户展示大量的信息。你只需要确定用户想了解更多的信息。苹果大量使用“Learn more”链接达到这一点。</p>
<p><em><strong>减少点击次数。</strong></em>顾客到达想要的页面点击次数越少，对你来说可能的回报就越高。可别让顾客劈荆斩棘去买你的产品。</p>
<p><em><strong>“奶奶”规则。</strong></em>如果你的奶奶（或任何年老的人）可以通过你的网站了解如何购买产品，那么产品被购买的几率就很大。无用的信息会很快把你的奶奶搞晕的。</p>
<p><em><strong>减少分栏。</strong></em>你每增加一个分栏，显示内容的空间就少一截。<strong>顾客不想要的东西</strong>占据了太多的版面，这就无法强调主要的产品。</p>
<p><em><strong>尽量减少操作菜单。</strong></em>展示产品应当避免无关的干扰，推动顾客购买的进程。顾客在选购时都希望尽可能少的思考，要让顾客有更多思考的空间并专注于购买的过程。</p>
<p><em><strong>保持整洁。</strong></em>一个干净的设计可以让访问者心情愉悦。多花点时间确保你的网页布局美观，这样才会有回头客。</p>
<p>作为设计者应该从顾客的角度审视网页设计。你会在自己设计的网站上购物吗？</p>
<h1>其它优秀的电子商务设计实例</h1>
<p><img border="0"  src="http://i37.tinypic.com/653dvq.jpg"  alt="Image and video hosting by TinyPic" /></p>
<p><a  href="http://www.bell.ca/">Bell.ca</a> 只使用了很少的色彩来展示品牌，而给浏览者的操作菜单只有主导航栏。注意设计者是如何安置这么多不同的菜单——购物导航，还要同时照顾到私人和企业客户。 网页不仅不凌乱，反而显得简洁明快，提供了很多菜单，但并没有迫使浏览者一一浏览查找。同时也要注意到顶部的产品导航设计得有多聪明，我想没有谁还会选错 产品了吧。</p>
<p><img border="0"  src="http://i33.tinypic.com/142brjo.jpg"  alt="Image and video hosting by TinyPic" /></p>
<p><a  href="http://www.shoeguru.ca/">Shoeguru.ca</a> 展示了一个完全以用户和产品为中心的设计。似乎产品本身就是一名推销员。网页上除了产品毫无其它无关的东西；甚至连导航菜单都“少得可怜”。</p>
<p><img border="0"  src="http://i38.tinypic.com/33wmjiq.jpg"  alt="Image and video hosting by TinyPic" /></p>
<p><a  href="http://www.etsy.com/">Etsy</a> 在主页上放置了如此多的信息却丝毫不显凌乱，简直是网页布局的样板。Etsy 的产品目录很繁杂，但优秀的设计使其显得轻松朴实。事实证明，一个实用性的主页也可以有很好的商业效果。</p>
<p><img border="0"  src="http://i38.tinypic.com/2ypkzdv.jpg"  alt="Image and video hosting by TinyPic" /></p>
<p><a  href="http://crupress.campuscrusadeforchrist.com/">Crupress</a> 是一个文雅的图书网站，没有什么娱乐成分。主页上有大量的文本，并没有搅乱用户的思绪。顶部的导航很醒目，但也只需要瞟一眼就能了解。所有的设计元素水乳交融。</p>
<p><img border="0"  src="http://i36.tinypic.com/2wrhyk1.jpg"  alt="Image and video hosting by TinyPic" /></p>
<p><a  href="http://shop.tokyocube.com/toys.htm">Tokyocube</a> 是个有趣时髦的销售日本产品的小网站。网站没有浪费宝贵的空间来介绍产品，而是把他们摆放在屏幕的右侧。网站使用大量的留白使得用户能够快速清晰地欣赏产品。谁也忍不住要点击几个玩偶好好瞧瞧。</p>
<p><img border="0"  src="http://i33.tinypic.com/2u9guq1.jpg"  alt="Image and video hosting by TinyPic" /></p>
<p><a  href="http://www.furioustees.com/">Furious Tees</a> 相对前面几个网站更注重图形设计，主要有两点作用：</p>
<ul>
<li>体现网站活泼的基调</li>
<li>清楚的显示所有的衬衫只卖19.99美元</li>
</ul>
<p>访问者也不会忘了 Furious Tees 是卖什么的，产品不都在面前吗？把产品都放在主页对于那些销售新奇产品的网站特别有益，因为通常人们都不会去找这些东西。</p>
<p>但是把产品都集中放在主页上，很容易把布局搞乱。Furious Tees 很好地避免了这些问题。他们把关注都集中在 T-shirt 和风趣的设计上，没有在网页上放任何侧边栏或是广告。</p>
<p><img border="0"  src="http://i33.tinypic.com/2z8e1c5.jpg"  alt="Image and video hosting by TinyPic" /><br/>
<a  title="Basecamp" href="http://www.basecamphq.com/"><em>Basecamp (37 Signals)</em></a></p>
<p>论混合不同种类信息来销售产品，恐怕没有比 37 Signal 的项目管理工具 Basecamp 更牛B的了。但网页上的信息数量恰到好处。<strong>每个词语、每个图片都经过权衡</strong>。如果没有足够的信息，用户不会浪费时间去理解产品；太多的信息用户也无法招架。</p>
<p>得当的顶部背景色彩和公司徽标，使得下面的主体部分更引人注目。他们将各种不同的媒体融合在一起的同时，还留出大量的空白，使得用户不会一下子被繁杂的文本、图片搞晕。</p>
<h1>最后的总结</h1>
<p>每个网站都会要求不同类型的布局、图样和文章以便销售产品。但作为设计者有些事半功倍的办法：</p>
<ul>
<li>权衡每个词语</li>
<li>删去没用的元素</li>
<li>使用雅致的色彩并大胆留白</li>
<li>控制访问者每一次看到的信息数量</li>
</ul>
<p>记住，<strong>网上购物的人总是很挑剔</strong>。他们不会磨磨蹭蹭地挑选商品，而会使用搜索引擎搜索关键词来找到他们想要的。如果他们不喜欢看到的网页，对不起，拜拜。对于网站来说，只能用一个不大的界面来吸引这些潜在客户。一个雅致的、整洁的设计可以将关注集中到产品上（<strong>而不是其它任何东西</strong>），并帮助顾客更快地找到他们想要的。</p>
<blockquote>
<p class="quote" >原文标题：How Simple Web Design Helps Your Business<br/>
原文地址：<a  href="http://www.smashingmagazine.com/2008/08/26/how-simple-web-design-helps-your-business/">www.smashingmagazine.com</a><br/>
作者：Glen Stansberry</p>
<p class="quote" >转载中文翻译地址：<a  href="http://zanbu.blogbus.com/logs/28256436.html" target="_blank">zanbu.blogbus.com</a></p>
</blockquote>
<blockquote>
<p class="quote" >实在是不想搞什么商城啊啊啊啊啊啊啊啊~能做这种多好，干净简洁的页面加上吸引人的JS效果应用~ 前两日研究了一把苹果的产品展示效果，http://store.apple.com/us/product/TW373LL/A?fnode=MTY1NDA1MA&amp;mco=Nzg5NzcwMQ 够牛的，用的它自己的Coherent: Cocoa Databinding for Ajax，没学到手。。。</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="百事可乐新LOGO的设计背后，设计的重量" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fthe-new-pepsi-logo.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fsimple-web-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29586911.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;" >百事可乐新LOGO的设计背后，设计的重量</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%2Fsimple-web-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587424.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~" 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%2Fsimple-web-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29585790.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~</font>
                    </a>
                </td>
                <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%2Fsimple-web-design.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4"  align="right" >
            <a  style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.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/%e7%94%b5%e5%ad%90%e5%95%86%e5%8a%a1" title="电子商务" rel="tag">电子商务</a>, <a href="http://www.iros.me/tag/%e7%ae%80%e6%b4%81" title="简洁" rel="tag">简洁</a>, <a href="http://www.iros.me/tag/%e8%8b%b9%e6%9e%9c" title="苹果" rel="tag">苹果</a>, <a href="http://www.iros.me/tag/%e8%ae%be%e8%ae%a1" title="设计" rel="tag">设计</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/simple-web-design.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>百事可乐新LOGO的设计背后，设计的重量</title>
		<link>http://www.iros.me/the-new-pepsi-logo.html</link>
		<comments>http://www.iros.me/the-new-pepsi-logo.html#comments</comments>
		<pubDate>Wed, 11 Feb 2009 12:10:41 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[LOGO]]></category>
		<category><![CDATA[PEPSI]]></category>
		<category><![CDATA[新]]></category>
		<category><![CDATA[标志设计]]></category>
		<category><![CDATA[百事可乐]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=386</guid>
		<description><![CDATA[以前发的：不喜欢百事的新LOGO，更喜欢自杀漫画，哈哈~~ 百事可乐（Pepsi）重金即3年12亿美元打造他们的新品牌形象，以此对付萎缩的销量，从最基础的标志的修改到包装到零售等等全方位的重新塑造。百事可乐旧标志中的均匀的白色曲线带将转变为一个笑脸，代理公司为 Arnell Group。 配合新标志的是百事可乐新的塑料瓶，包括 Pepsi, Pepsi Max,Diet Pepsi,Mtn Dew等。 百事可乐官方并没有正式发布这个新形象，从 Brand New 网站上更多的资料来看，很多人的“失望”是要注定了的。 今天发的：我惊了，百事的新标志是这样炼成的！~ 早前看见百事新标志的时候觉得不喜欢，发过一篇文章，不过今天看到的东西让我惊了，虽然说不上突然喜欢上了这个新LOGO，不过，真真是被“设计”的过程震住了，设计的背后是有这样的故事的，这个LOGO与鹦鹉螺、地磁场、引力场、光年有怎样富有想象力的关系，把PDF看完你就知道了 信息来源于此，去看去看 最上面就是PDF的下载连接，当然，有人信有人不信真有这么一份外漏的东西，不过，我是信了的，现在觉得， 12亿美元果然不是白花的。。。 标签：LOGO, PEPSI, 新, 标志设计, 百事可乐<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="来看看各大知名LOGO的变身历史吧，会有新的感觉哦~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Ffamous-logos-history.html&from=http%3A%2F%2Fwww.iros.me%2Fthe-new-pepsi-logo.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/14/29584370.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;">来看看各大知名LOGO的变身历史吧，会有新的感觉哦~~</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%2Fsimple-web-design.html&from=http%3A%2F%2Fwww.iros.me%2Fthe-new-pepsi-logo.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29588290.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">【转】优秀电子商务网站设计实例，简洁有助于赢得客户</font>
                    </a>
                </td>
                <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%2Fthe-new-pepsi-logo.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;">
                    <a target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&from=http%3A%2F%2Fwww.iros.me%2Fthe-new-pepsi-logo.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>
        </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>以前发的：<a  href="http://www.wanplus.com/bbs/viewthread.php?tid=180" target="_blank">不喜欢百事的新LOGO，更喜欢自杀漫画，哈哈~~</a></p>
<p>百事可乐（Pepsi）重金即3年12亿美元打造他们的新品牌形象，以此对付萎缩的销量，从最基础的标志的修改到包装到零售等等全方位的重新塑造。百事可乐旧标志中的均匀的白色曲线带将转变为一个笑脸，代理公司为 Arnell Group。<br/>
配合新标志的是百事可乐新的塑料瓶，包括 Pepsi, Pepsi Max,Diet Pepsi,Mtn Dew等。<br/>
百事可乐官方并没有正式发布这个新形象，从 Brand New 网站上更多的资料来看，很多人的“失望”是要注定了的。</p>
<p><span id="more-386" ></span>今天发的：<a  href="http://www.wanplus.com/bbs/viewthread.php?tid=1123" target="_blank">我惊了，百事的新标志是这样炼成的！~</a><br/>
早前看见百事新标志的时候觉得不喜欢，发过一篇文章，不过今天看到的东西让我惊了，虽然说不上突然喜欢上了这个新LOGO，不过，真真是被“设计”的过程震住了，设计的背后是有这样的故事的，这个LOGO与鹦鹉螺、地磁场、引力场、光年有怎样富有想象力的关系，把PDF看完你就知道了</p>
<blockquote><p>信息<a  href="http://www.reddit.com/r/funny/comments/7w0i2/pepsi_logo_a_response/c07k9l7" target="_blank">来源于此</a>，去看去看</p></blockquote>
<p>最上面就是PDF的下载连接，当然，有人信有人不信真有这么一份外漏的东西，不过，我是信了的，现在觉得， 12亿美元果然不是白花的。。。</p>
<p><img class="alignnone"  title="pepsi_gravitational_field"  src="http://www.hi-id.com/atcl/2009/01/pepsi_gravitational_field.jpg"  alt=""  width="428"  height="261" /></p>
<p><object width="420"  height="560"  data="http://d.scribd.com/ScribdViewer.swf?document_id=12083352&amp;access_key=key-1gacobp0c6kck8zt27e0&amp;page=1&amp;version=1&amp;viewMode=list"  type="application/x-shockwave-flash" ><param name="name"  value="doc_416221703777735_object" /><param name="bgcolor"  value="#ffffff" /><param name="align"  value="middle" /><param name="src"  value="http://d.scribd.com/ScribdViewer.swf?document_id=12083352&amp;access_key=key-1gacobp0c6kck8zt27e0&amp;page=1&amp;version=1&amp;viewMode=list" /><param name="wmode"  value="opaque" /><param name="allowfullscreen"  value="true" /><param name="quality"  value="high" /></object></p>
<table class="wumii-related-items"  cellspacing="0"  cellpadding="3"  border="0"  style="clear: both;" >
    
    <tr>
        <td colspan="4" ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;" >您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important;" >
                    <a  target="_blank" title="来看看各大知名LOGO的变身历史吧，会有新的感觉哦~~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Ffamous-logos-history.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fthe-new-pepsi-logo.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/14/29584370.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;" >来看看各大知名LOGO的变身历史吧，会有新的感觉哦~~</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%2Fsimple-web-design.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fthe-new-pepsi-logo.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29588290.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >【转】优秀电子商务网站设计实例，简洁有助于赢得客户</font>
                    </a>
                </td>
                <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%2Fthe-new-pepsi-logo.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;"  src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg"  width="90px"  height="90px" /><br/>
                        <font size="-1"  color="#666666"  style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;" >The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
                <td width="96"  valign="top"  style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #B0BF32 !important;" >
                    <a  target="_blank" title="Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fbest-of-css-design-2008.html&#038;from=http%3A%2F%2Fwww.iros.me%2Fthe-new-pepsi-logo.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>
        </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/logo" title="LOGO" rel="tag">LOGO</a>, <a href="http://www.iros.me/tag/pepsi" title="PEPSI" rel="tag">PEPSI</a>, <a href="http://www.iros.me/tag/%e6%96%b0" title="新" rel="tag">新</a>, <a href="http://www.iros.me/tag/%e6%a0%87%e5%bf%97%e8%ae%be%e8%ae%a1" title="标志设计" rel="tag">标志设计</a>, <a href="http://www.iros.me/tag/%e7%99%be%e4%ba%8b%e5%8f%af%e4%b9%90" title="百事可乐" rel="tag">百事可乐</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/the-new-pepsi-logo.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>来看看各大知名LOGO的变身历史吧，会有新的感觉哦~~</title>
		<link>http://www.iros.me/famous-logos-history.html</link>
		<comments>http://www.iros.me/famous-logos-history.html#comments</comments>
		<pubDate>Wed, 17 Dec 2008 05:30:20 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[┨Woooonderful]]></category>
		<category><![CDATA[change]]></category>
		<category><![CDATA[LOGO]]></category>
		<category><![CDATA[历史]]></category>
		<category><![CDATA[标志]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=324</guid>
		<description><![CDATA[现在被大家所熟知的一些LOGO们，几十年甚至百年以上的变身历史，当然，代代都应该是出自名家之手，仔细看看，认真想想，也会有不少收获呢~~ VW logo (VW啊。。。原来如此&#124;&#124;&#124;) Alfa Romeo logo （这个标志我问过BOSS是什么，当初看到的时候觉得很抢眼，看来就算退回个100年我也能认得！~哈哈~~） Nike logo （都见过了。。。好不容易哇~~） Mazda logo （感觉马自达什么招数都用过了。。。） Sony logo （SONY告诉我们，。。。，字体很重要！~~） Nokia logo （好强大的前世！！） IBM logo （完全认不出前身了，也才知道IBM原来是Internatinal Business Machine的意思哇~~） Starbucks logo （以前的比较SEXY哇哈哈，总觉得不止COFFEE AND TEA~~） Intel logo （啊叻，最熟的是05年那LOGO，我都不知道有改进版&#124;&#124;&#124;） Adobe Systems logo （以前的LOGO还真难认&#124;&#124;&#124;） Pepsi logo （原来以前LOGO里也有COLA的啊~） Cadillac logo （最后消失掉的，是鸭子么那个？~~） Playboy logo （呵呵，看以前的LOGO，十分的PLAYBOY啊~ 裸女出没！~~） Audi logo （感觉奥迪一直在改名字嘛~~） Motorola logo （这个LOGO用了蛮久） Apple Inc. [...]<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="百事可乐新LOGO的设计背后，设计的重量" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.iros.me%2Fthe-new-pepsi-logo.html&from=http%3A%2F%2Fwww.iros.me%2Ffamous-logos-history.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/29586911.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;">百事可乐新LOGO的设计背后，设计的重量</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%2Fsimple-web-design.html&from=http%3A%2F%2Fwww.iros.me%2Ffamous-logos-history.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29588290.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">【转】优秀电子商务网站设计实例，简洁有助于赢得客户</font>
                    </a>
                </td>
                <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%2Ffamous-logos-history.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%2Ffamous-logos-history.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #B0BF32 !important; width: 90px !important; height: 90px !important;" src="http://static.wumii.com/site_images/2011/09/09/29587403.jpg" width="90px" height="90px" /><br />
                        <font size="-1" color="#666666" style="display: block !important; line-height: 15px !important; width: 96px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">The Difference Between Art and Design 艺术与设计之别</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.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>现在被大家所熟知的一些LOGO们，几十年甚至百年以上的变身历史，当然，代代都应该是出自名家之手，仔细看看，认真想想，也会有不少收获呢~~</p>
<p>VW logo (VW啊。。。原来如此|||)</p>
<p><img border="0"  id="BLOGGER_PHOTO_ID_5229965836428693074"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="VW - Evolution of Logos &amp; Brand"  src="http://4.bp.blogspot.com/_ySCIT3KO9Zc/SJSSN_vCzlI/AAAAAAAAJwQ/A8HxXQxjJJk/s400/logo-vw.jpg"  alt="VW - Evolution of Logos &amp; Brand" /><br/>
<span id="more-324" ></span></p>
<p>Alfa Romeo logo （这个标志我问过BOSS是什么，当初看到的时候觉得很抢眼，看来就算退回个100年我也能认得！~哈哈~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229964975239958162"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Alfa Romeo - Evolution of Logos &amp; Brand"  src="http://3.bp.blogspot.com/_ySCIT3KO9Zc/SJSRb3jpjpI/AAAAAAAAJuQ/JIH_NlwOtWQ/s400/logo-alfa-romeo.jpg"  alt="Alfa Romeo - Evolution of Logos &amp; Brand" /></p>
<p>Nike logo （都见过了。。。好不容易哇~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5230016184562428706"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Nike - Evolution of Logos &amp; Brand"  src="http://4.bp.blogspot.com/_ySCIT3KO9Zc/SJTAApJjKyI/AAAAAAAAJxo/QG147MAdz5g/s400/Logo-Nike.jpg"  alt="Nike - Evolution of Logos &amp; Brand" /></p>
<p>Mazda logo （感觉马自达什么招数都用过了。。。）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229965359472371922"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Mazda - Evolution of Logos &amp; Brand"  src="http://1.bp.blogspot.com/_ySCIT3KO9Zc/SJSRyO7y6NI/AAAAAAAAJvg/wGTTcZlzMLQ/s400/logo-mazda.jpg"  alt="Mazda - Evolution of Logos &amp; Brand" /></p>
<p>Sony logo （SONY告诉我们，。。。，字体很重要！~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5230016194147064066"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Sony - Evolution of Logos &amp; Brand"  src="http://4.bp.blogspot.com/_ySCIT3KO9Zc/SJTABM2tGQI/AAAAAAAAJyI/02iGPVbOzWs/s400/logo-Sony.jpg"  alt="Sony - Evolution of Logos &amp; Brand" /></p>
<p>Nokia logo （好强大的前世！！）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229932240476716130"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Nokia - Evolution of Logos &amp; Brand"  src="http://2.bp.blogspot.com/_ySCIT3KO9Zc/SJRzqdD6PGI/AAAAAAAAJs8/akrRDoKw5Hk/s400/logo-nokia.jpg"  alt="Nokia - Evolution of Logos &amp; Brand" /></p>
<p>IBM logo （完全认不出前身了，也才知道IBM原来是Internatinal Business Machine的意思哇~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229932437619082066"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="IBM - Evolution of Logos &amp; Brand"  src="http://2.bp.blogspot.com/_ySCIT3KO9Zc/SJRz17eUA1I/AAAAAAAAJtM/DR36eAnPqdQ/s400/logo-ibm.jpg"  alt="IBM - Evolution of Logos &amp; Brand" /></p>
<p>Starbucks logo （以前的比较SEXY哇哈哈，总觉得不止COFFEE AND TEA~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5230016338637810370"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Starbucks - Evolution of Logos &amp; Brand"  src="http://3.bp.blogspot.com/_ySCIT3KO9Zc/SJTAJnH-6sI/AAAAAAAAJyQ/_IjsgXseNr0/s400/logo-starbucks.jpg"  alt="Starbucks - Evolution of Logos &amp; Brand" /></p>
<p>Intel logo （啊叻，最熟的是05年那LOGO，我都不知道有改进版|||）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5230015814034490866"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Intel - Evolution of Logos &amp; Brand"  src="http://2.bp.blogspot.com/_ySCIT3KO9Zc/SJS_rE0zhfI/AAAAAAAAJxY/dQD3ZbG5GMU/s400/logo-intel.jpg"  alt="Intel - Evolution of Logos &amp; Brand" /></p>
<p>Adobe Systems logo （以前的LOGO还真难认|||）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229932230878228146"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Adobe Systems - Evolution of Logos &amp; Brand"  src="http://2.bp.blogspot.com/_ySCIT3KO9Zc/SJRzp5Tc7rI/AAAAAAAAJsc/_RZjWCloXds/s400/logo-adobe.jpg"  alt="Adobe Systems - Evolution of Logos &amp; Brand" /></p>
<p>Pepsi logo （原来以前LOGO里也有COLA的啊~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5230015561953917090"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Pepsi - Evolution of Logos &amp; Brand"  src="http://3.bp.blogspot.com/_ySCIT3KO9Zc/SJS_cZwHOKI/AAAAAAAAJwg/T15GFs8K0DU/s400/logo_pepsi.jpg"  alt="Pepsi - Evolution of Logos &amp; Brand" /></p>
<p>Cadillac logo （最后消失掉的，是鸭子么那个？~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229965188666193250"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Cadillac - Evolution of Logos &amp; Brand"  src="http://3.bp.blogspot.com/_ySCIT3KO9Zc/SJSRoSobdWI/AAAAAAAAJu4/UUanb_80CmQ/s400/logo-cadillac-family-crest.jpg"  alt="Cadillac - Evolution of Logos &amp; Brand" /><img border="0"  id="BLOGGER_PHOTO_ID_5229964986053581698"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Cadillac - Evolution of Logos &amp; Brand"  src="http://4.bp.blogspot.com/_ySCIT3KO9Zc/SJSRcf10W4I/AAAAAAAAJuw/hdx1gYGMJ60/s400/logo-cadillac.jpg"  alt="Cadillac - Evolution of Logos &amp; Brand" /></p>
<p>Playboy logo （呵呵，看以前的LOGO，十分的PLAYBOY啊~ 裸女出没！~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5230016509987878578"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Playboy - Evolution of Logos &amp; Brand"  src="http://2.bp.blogspot.com/_ySCIT3KO9Zc/SJTATldBdrI/AAAAAAAAJzA/uTaNH4foDC0/s400/Playboy-logo.jpg"  alt="Playboy - Evolution of Logos &amp; Brand" /></p>
<p>Audi logo （感觉奥迪一直在改名字嘛~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229964980742255602"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Audi - Evolution of Logos &amp; Brand"  src="http://2.bp.blogspot.com/_ySCIT3KO9Zc/SJSRcMDf8_I/AAAAAAAAJug/I1BpJDjUF6E/s400/logo-audi.jpg"  alt="Audi - Evolution of Logos &amp; Brand" /></p>
<p>Motorola logo （这个LOGO用了蛮久）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229932440744786658"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Motorola - Evolution of Logos &amp; Brand"  src="http://1.bp.blogspot.com/_ySCIT3KO9Zc/SJRz2HHieuI/AAAAAAAAJtk/ePKuKWD1kJM/s400/logo-motorola.jpg"  alt="Motorola - Evolution of Logos &amp; Brand" /></p>
<p>Apple Inc. logo （到现在的简洁风，苹果还真是改变了老多了呢~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229932423416498034"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Apple Inc. - Evolution of Logos &amp; Brand"  src="http://4.bp.blogspot.com/_ySCIT3KO9Zc/SJRz1GkJx3I/AAAAAAAAJtE/GDZHLBizoDo/s400/logo-apple.jpg"  alt="Apple Inc. - Evolution of Logos &amp; Brand" /></p>
<p>Ford logo （最早的时候大家都挺复杂的哇。。。）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229965203855481714"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Ford - Evolution of Logos &amp; Brand"  src="http://4.bp.blogspot.com/_ySCIT3KO9Zc/SJSRpLN1m3I/AAAAAAAAJvY/qD3uCo_TxEE/s400/logo-ford.jpg"  alt="Ford - Evolution of Logos &amp; Brand" /></p>
<p>Canon logo （原来佳能是佛教出身？~ 千手观音？~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229932768912935458"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Canon - Evolution of Logos &amp; Brand"  src="http://2.bp.blogspot.com/_ySCIT3KO9Zc/SJR0JNo7CiI/AAAAAAAAJuE/P-piI05Otc8/s400/logo-canon.jpg"  alt="Canon - Evolution of Logos &amp; Brand" /></p>
<p>BMW logo （70年代那个很有意思~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229964985846570290"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="BMW - Evolution of Logos &amp; Brand"  src="http://1.bp.blogspot.com/_ySCIT3KO9Zc/SJSRcfEdnTI/AAAAAAAAJuo/XPlJ2imMUyM/s400/logo-bmw.jpg"  alt="BMW - Evolution of Logos &amp; Brand" /></p>
<p>Google logo （GOOGLE倒是一直在减肥）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229932762151630322"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Google - Evolution of Logos &amp; Brand"  src="http://3.bp.blogspot.com/_ySCIT3KO9Zc/SJR0I0c5tfI/AAAAAAAAJts/swIiebJRZQI/s400/logo-google.jpg"  alt="Google - Evolution of Logos &amp; Brand" /></p>
<p>Mozilla Firefox logo (呵呵，从火鸟到火狐的变化哇~~)<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229932768987889426"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Mozilla Firefox - Evolution of Logos &amp; Brand"  src="http://1.bp.blogspot.com/_ySCIT3KO9Zc/SJR0JN6yvxI/AAAAAAAAJt8/DH6_PSlRiq0/s400/logo-firefox.jpg"  alt="Mozilla Firefox - Evolution of Logos &amp; Brand" /></p>
<p>LG Electronics logo （我才知道原来LG是LIFE IS GOOD的意思呢~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229932438030846882"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="LG Electronics - Evolution of Logos &amp; Brand"  src="http://1.bp.blogspot.com/_ySCIT3KO9Zc/SJRz19AfC6I/AAAAAAAAJtU/bBvy5nQecNg/s400/logo-lg.jpg"  alt="LG Electronics - Evolution of Logos &amp; Brand" /></p>
<p>Microsoft logo （O那里有个口么？~为啥？~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5229932439835025010"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Microsoft - Evolution of Logos &amp; Brand"  src="http://3.bp.blogspot.com/_ySCIT3KO9Zc/SJRz2DuonnI/AAAAAAAAJtc/xreSsEAbFKw/s400/logo-microsoft.jpg"  alt="Microsoft - Evolution of Logos &amp; Brand" /></p>
<p>Siemens logo （百年历史了，突然好亮眼，呵呵~~）<br/>
<img border="0"  id="BLOGGER_PHOTO_ID_5230016187438831330"  style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;"  title="Siemens - Evolution of Logos &amp; Brand"  src="http://3.bp.blogspot.com/_ySCIT3KO9Zc/SJTAAz3VluI/AAAAAAAAJyA/pFvCp3H2Igs/s400/logo-Siemens.jpg"  alt="Siemens - Evolution of Logos &amp; Brand" /></p>
<blockquote>
<p>我选了比较在意的一些，有兴趣的 <a  href="http://best-ad.blogspot.com/2008/08/evolution-of-logos.html" target="_blank">这里</a> 查看全部哦~~</p></blockquote>

	标签：<a href="http://www.iros.me/tag/change" title="change" rel="tag">change</a>, <a href="http://www.iros.me/tag/logo" title="LOGO" rel="tag">LOGO</a>, <a href="http://www.iros.me/tag/%e5%8e%86%e5%8f%b2" title="历史" rel="tag">历史</a>, <a href="http://www.iros.me/tag/%e6%a0%87%e5%bf%97" title="标志" rel="tag">标志</a>, <a href="http://www.iros.me/tag/%e8%ae%be%e8%ae%a1" title="设计" rel="tag">设计</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/famous-logos-history.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站</title>
		<link>http://www.iros.me/best-of-css-design-2008.html</link>
		<comments>http://www.iros.me/best-of-css-design-2008.html#comments</comments>
		<pubDate>Mon, 08 Dec 2008 03:10:05 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[┨Woooonderful]]></category>
		<category><![CDATA[best]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=297</guid>
		<description><![CDATA[恩，CSS需要继续好好学习，把好的设计稿以什么样的形式实现到什么程度，还得看我们哩！~ Let It Bleed 大图大标题文字的应用，FLASH图片展示效果，同时NEWS板块结合了WP来制作，很吸引人哦~ Digital Mash 我被Hero of hire吸引了，呵呵，作者本人的笑容也够灿烂的，去PHOTOS里看看，西安和北京都来过呢~~ Housing Works 大背景图今年真的很流行呢，不过使用的时候要考虑的东西也很多，靠左贴边的设计可以省去一些麻烦，并且，这里的背景显示是随机的，连同链接，我喜欢~ Branded07 可爱的企鹅世界，JS用了不少，整个站点是用WP组织的，我也想试试用WP做站啊~~ YouLove.Us 这个站以前就被我收藏过的，背景连接设计与Jquery scroll的完美结合，做得漂亮！~ 域名也很有意思~~ 他们已经扔掉IE6了，IE6下没办法看了都&#124;&#124;&#124; 啥时候咱也能扔掉哇~~ Luke Larsen 和上面的不一样的是这个是横向应用，Jquery的 Scrollto ，上下左右都能跑的哦~~ Design Disease 锵锵~~我的皮就是这里来的，波浪和圆角，我喜欢这种可爱软乎乎的感觉~~ 记得去SHOWCASE里看看哦，出品的WP皮肤，款款经典！~~ Mochi Ads 以前就被这里的小游戏吸引住了，Publishers里的东西我还都玩得蛮起劲的哩，嘛，我也就这种游戏水平了&#124;&#124;&#124; August 背景大图是放在FLASH里面滴，缩放一下你的屏幕看看~~ 这个，层次弄好了，CSS也是可以做滴，以前就干过~~ Go To China 哦！来了来了，才刚说完哩，这个也是全屏的背景大图，并且随浏览器缩放，就是CSS做滴~~ 这个站是17位挪威的学生在今年2月来到上海和北京后为了帮助其他再来旅游的人们而分享的他们的经历，TRAVELING里面的TIPS真的是很实在的体验啊~~ 我很喜欢这个站！~~ 我只选了几个我比较中意的，其实有50个呢，有兴趣的自己去 看看 吧~ 标签：best, CSS, design, website, 设计]]></description>
			<content:encoded><![CDATA[<p>恩，CSS需要继续好好学习，把好的设计稿以什么样的形式实现到什么程度，还得看我们哩！~</p>
<h3><a  href="http://www.letitbleedbook.com/">Let It Bleed</a></h3>
<p>大图大标题文字的应用，FLASH图片展示效果，同时NEWS板块结合了WP来制作，很吸引人哦~</p>
<p class="image" ><a  href="http://www.letitbleedbook.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/letitbleedbook-lg.jpg"  alt="screenshot" /></a></p>
<h3><span id="more-297" ></span><a  href="http://digitalmash.com/">Digital Mash</a></h3>
<p>我被Hero of hire吸引了，呵呵，作者本人的笑容也够灿烂的，去PHOTOS里看看，西安和北京都来过呢~~</p>
<p class="image" ><a  href="http://digitalmash.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/digitalmash-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://www.housingworks.org/">Housing Works</a></h3>
<p>大背景图今年真的很流行呢，不过使用的时候要考虑的东西也很多，靠左贴边的设计可以省去一些麻烦，并且，这里的背景显示是随机的，连同链接，我喜欢~</p>
<p class="image" ><a  href="http://www.housingworks.org/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/housingworks-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://www.branded07.com/">Branded07</a></h3>
<p>可爱的企鹅世界，JS用了不少，整个站点是用WP组织的，我也想试试用WP做站啊~~</p>
<p class="image" ><a  href="http://www.branded07.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/branded07-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://youlove.us/">YouLove.Us</a></h3>
<p>这个站以前就被我收藏过的，背景连接设计与Jquery scroll的完美结合，做得漂亮！~ 域名也很有意思~~ 他们已经扔掉IE6了，IE6下没办法看了都||| 啥时候咱也能扔掉哇~~</p>
<p class="image" ><a  href="http://youlove.us/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/youlove-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://lukelarsen.com/">Luke Larsen</a></h3>
<p>和上面的不一样的是这个是横向应用，Jquery的 <a  href="http://plugins.jquery.com/project/ScrollTo">Scrollto</a> ，上下左右都能跑的哦~~<a  href="http://plugins.jquery.com/project/ScrollTo"><br/>
</a></p>
<p class="image" ><a  href="http://lukelarsen.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/lukelarsen-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://designdisease.com/">Design Disease</a></h3>
<p>锵锵~~我的皮就是这里来的，波浪和圆角，我喜欢这种可爱软乎乎的感觉~~ 记得去SHOWCASE里看看哦，出品的WP皮肤，款款经典！~~</p>
<p class="image" ><a  href="http://designdisease.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/designdisease-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://www.mochiads.com/">Mochi Ads</a></h3>
<p>以前就被这里的小游戏吸引住了，Publishers里的东西我还都玩得蛮起劲的哩，嘛，我也就这种游戏水平了|||</p>
<p class="image" ><a  href="http://www.mochiads.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/mochiads-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://www.august.com.au/">August</a></h3>
<p>背景大图是放在FLASH里面滴，缩放一下你的屏幕看看~~ 这个，层次弄好了，CSS也是可以做滴，以前就干过~~</p>
<p class="image" ><a  href="http://www.august.com.au/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/august-lg.jpg"  alt="screenshot" /></a></p>
<h3><a  href="http://ringvemedia.com/">Go To China</a></h3>
<p>哦！来了来了，才刚说完哩，这个也是全屏的背景大图，并且随浏览器缩放，就是CSS做滴~~ 这个站是17位挪威的学生在今年2月来到上海和北京后为了帮助其他再来旅游的人们而分享的他们的经历，TRAVELING里面的TIPS真的是很实在的体验啊~~ 我很喜欢这个站！~~</p>
<p class="image" ><a  href="http://ringvemedia.com/"><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/12/ringvemedia-lg.jpg"  alt="screenshot" /></a></p>
<blockquote>
<p class="image" >我只选了几个我比较中意的，其实有50个呢，有兴趣的自己去 <a  href="http://www.webdesignerwall.com/trends/best-of-css-design-2008/" target="_blank">看看</a> 吧~</p>
</blockquote>
<p class="image" >

	标签：<a href="http://www.iros.me/tag/best" title="best" rel="tag">best</a>, <a href="http://www.iros.me/tag/css" title="CSS" rel="tag">CSS</a>, <a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/website" title="website" rel="tag">website</a>, <a href="http://www.iros.me/tag/%e8%ae%be%e8%ae%a1" title="设计" rel="tag">设计</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/best-of-css-design-2008.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>green earth competition results 绿色地球设计作品展！设计果然是很有意思的哇~~</title>
		<link>http://www.iros.me/green-earth-competition-results.html</link>
		<comments>http://www.iros.me/green-earth-competition-results.html#comments</comments>
		<pubDate>Sat, 15 Nov 2008 15:20:42 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[competition]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[designboom]]></category>
		<category><![CDATA[green earth]]></category>
		<category><![CDATA[绿色地球]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=186</guid>
		<description><![CDATA[呼~~空间不稳定，搬家又费了一把劲，8过，问题总算解决，我是聪明滴，哇卡卡~~ 看到好玩的了，一起分享下~~ 锵锵~~第一名~~ 很简单的，出一点力，我们就有绿色了哟~~我很喜欢这个贺卡的设计哩，啊，不知道今年公司的贺卡会是啥模样，也来个主题什么的？~~ 一点点改变，环保就在身边了哟~ 新的圣诞节标志-回收利用版，呵呵，做卡片和包装纸的效果都不错~ 来过个节能的圣诞吧！~ 又一个强调回收利用的圣诞标志，在国外，圣诞节果然是个宣传好时机啊，我只知道圣诞商场会打折&#124;&#124;&#124; 消减、重用、回收、抵偿，重复利用资源，我们能做很多事情的 提醒你不要浪费，我想要这个盒子 索取的同时，不要忘了给予 只要有想法并付诸实践，灰色也可以变成绿色的哟，就像下面看到的一样 Promise，国人作品，这个手印分量不轻哦，代表着承诺 进化过程应该是这样滴没错！ 很特别的视角 看到这个我想到一个问题，扇子是中国人发明的么？~~ 有树才有氧 把绿色当成你的头发一样好好养护吧~ 树是那关键的钥匙 能源大危机！请用节能产品~ 多种树少开车哟~ deadline for submission of entries : august 27th, 2008 published october 25th, 2008 theme: green earth &#8216;green&#8217; create a graphic artwork that illustrates the environmental protection and how human beings and nature could coexist [...]]]></description>
			<content:encoded><![CDATA[<p>呼~~空间不稳定，搬家又费了一把劲，8过，问题总算解决，我是聪明滴，哇卡卡~~ 看到好玩的了，一起分享下~~</p>
<p>锵锵~~第一名~~ 很简单的，出一点力，我们就有绿色了哟~~我很喜欢这个贺卡的设计哩，啊，不知道今年公司的贺卡会是啥模样，也来个主题什么的？~~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/greening1.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/greening1.jpg"  alt="image" /></a></p>
<p><span id="more-186" ></span>一点点改变，环保就在身边了哟~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/copy_339_01.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/copy_339_01.jpg"  alt="image" /></a></p>
<p>新的圣诞节标志-回收利用版，呵呵，做卡片和包装纸的效果都不错~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/recyclexmassymbol1.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/recyclexmassymbol1.jpg"  alt="image" /></a></p>
<p>来过个节能的圣诞吧！~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/copy_0_santas_readjusment.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/copy_0_santas_readjusment.jpg"  alt="image" /></a></p>
<p>又一个强调回收利用的圣诞标志，在国外，圣诞节果然是个宣传好时机啊，我只知道圣诞商场会打折|||<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/xxxxxbig.gif"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/xxxxxbig.gif"  alt="image" /></a></p>
<p>消减、重用、回收、抵偿，重复利用资源，我们能做很多事情的<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/2birds_green_poster.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/2birds_green_poster.jpg"  alt="image" /></a></p>
<p>提醒你不要浪费，我想要这个盒子<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/treeissue.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/treeissue.jpg"  alt="image" /></a></p>
<p>索取的同时，不要忘了给予<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/demandssaves_our_earth_600x700pixels.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/demandssaves_our_earth_600x700pixels.jpg"  alt="image" /></a></p>
<p>只要有想法并付诸实践，灰色也可以变成绿色的哟，就像下面看到的一样<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/greenchrisvogel.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/greenchrisvogel.jpg"  alt="image" /></a></p>
<p>Promise，国人作品，这个手印分量不轻哦，代表着承诺<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/promise.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/promise.jpg"  alt="image" /></a></p>
<p>进化过程应该是这样滴没错！<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/1._march_of_progress.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/1._march_of_progress.jpg"  alt="image" /></a></p>
<p>很特别的视角<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/05.gif"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/05.gif"  alt="image" /></a></p>
<p>看到这个我想到一个问题，扇子是中国人发明的么？~~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/25159.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/25159.jpg"  alt="image" /></a></p>
<p>有树才有氧<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/copy_1214_1.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/copy_1214_1.jpg"  alt="image" /></a></p>
<p>把绿色当成你的头发一样好好养护吧~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/groomit_male_final.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/groomit_male_final.jpg"  alt="image" /></a></p>
<p>树是那关键的钥匙<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/sungholee.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/sungholee.jpg"  alt="image" /></a></p>
<p>能源大危机！请用节能产品~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/scarcity_son.jpg"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/scarcity_son.jpg"  alt="image" /></a></p>
<p>多种树少开车哟~<br/>
<a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.designboom.com/contest/files/car1.gif"><img title="Click to enlarge"  src="http://www.designboom.com/contest/files/car1.gif"  alt="image" /></a></p>
<p>deadline for submission of entries : august 27th, 2008<br/>
<strong>published october 25th, 2008</strong></p>
<p>theme:<br/>
<strong>green earth</strong><em><br/>
&#8216;green&#8217;<br/>
create a graphic artwork that illustrates the environmental protection<br/>
and how human beings and nature could coexist in a greener world.</em></p>
<p><em>&#8216;earth&#8217;<br/>
give the gift of a greener world at christmas. create a graphic artwork that<br/>
will make this festive time of the year a moment to consider what we<br/>
can do to help our planet&#8217;s survival. you can use iconic christmas motifs<br/>
in your design for example reindeers, trees, etc.</em></p>
<p>the jury was composed of:<br/>
<strong>katsumi asaba</strong>, art director, JAPAN<br/>
<strong>seijyu toda</strong>, art director, JAPAN<br/>
<strong>yoske nishiumi</strong>, designer, JAPAN/GERMANY<br/>
<strong>carole guevin</strong>, <a  href="http://netdiver.net" class="autohyperlink" title="http://netdiver.net" target="_blank">netdiver.net</a>, CANADA<br/>
<strong>andy butler</strong>, designboom</p>
<p><span class="arial11" ><span class="arial11" ><span class="arial11" >- co organized by designboom, DA design association japan and<br/>
TOBU DEPARTMENT STORE<br/>
</span></span></span></p>
<table style="height: 12px;"  border="0"  cellspacing="0"  cellpadding="0"  width="350" >
<tbody>
<tr height="40" >
<td width="200"  height="40" ><img border="0"  src="http://www.designboom.com/green/tobu.gif"  alt=""  width="150"  height="40" /></td>
<td height="40" ><img border="0"  src="http://www.designboom.com/green/da_logo.gif"  alt=""  width="150"  height="48" /></td>
</tr>
</tbody>
</table>
<p><strong>3966 designers from 91 different countries participated</strong>.</p>
<blockquote><p>有兴趣的可以到 <a  href="http://www.designboom.com/contest/winner.php?contest_pk=23" target="_blank">这里</a> 查看全部</p></blockquote>

	标签：<a href="http://www.iros.me/tag/competition" title="competition" rel="tag">competition</a>, <a href="http://www.iros.me/tag/design" title="design" rel="tag">design</a>, <a href="http://www.iros.me/tag/designboom" title="designboom" rel="tag">designboom</a>, <a href="http://www.iros.me/tag/green-earth" title="green earth" rel="tag">green earth</a>, <a href="http://www.iros.me/tag/%e7%bb%bf%e8%89%b2%e5%9c%b0%e7%90%83" title="绿色地球" rel="tag">绿色地球</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/green-earth-competition-results.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Annual Pixel Awards Winners 2008，来看看TOP网站啥模样吧~</title>
		<link>http://www.iros.me/annual-pixel-awards-winners-2008.html</link>
		<comments>http://www.iros.me/annual-pixel-awards-winners-2008.html#comments</comments>
		<pubDate>Tue, 11 Nov 2008 04:06:46 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[Agency]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[Annual Pixel Awards Winners 2008]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Commerce]]></category>
		<category><![CDATA[Fashion]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=160</guid>
		<description><![CDATA[今天跑去查看了下BOSS发我的delicious，看到了这个东东，学习欣赏下~ 网站都是很出色的，不能错过，当然，我不是搞设计滴，只能从技术角度赞叹了，呵呵~~ The Pixel Awards是一个前沿网站的奖项，共有Agnecy、Art、Animation、Commerce等二十个分类，在其 网站 公布获奖提名名单，每一类有五位获奖提名，投票在9月17日-10月19日进行，10月公布获奖结果。 Agency Winner Method （JS与FLASH的强大结合~~页面干净，我看除了LOGO，框架几乎没有用到图片，DIV块顺序载入和退出，已经做得和FLASH不相上下的效果了哇，所有二级展示都是LIGHTBOX效果，里面内嵌FLASH及VIDEO，哦，看的时候，请一定调整下窗口宽度哦，太帅了，还会自动产生分页，泪一下，我很喜欢这个效果，我的 首页 也学了下，不过不会翻页，谁教我？~~） Animation Winner Microsoft Zune Journey （我对微软的这款播放器是没什么兴趣，8过我实在是被这个网站给迷晕了，不要放开鼠标，HAVE A NICE TRIP!~） Art Winner Gensler（大公司大网站，整站FLASH，好强的数据交互，嘛，后台还是要靠程序员先生，我是不会搞的，XML可以不？~~） Commerce Winner TurboChef （555，我看这个的时候快到午饭时间啊，看得郁闷了&#124;&#124;&#124; 另外我想知道如何消除FLASH中图片缩放和倾斜带来的锯齿，高手有指点不？~~） Fashion Winner Peruvian Wharf （恩，点那卡车可以换电台！~~ 这样卖牛仔裤的哇。。。这样的Fashion哇。。。） Funny Winner someecards （喜欢这种风格的话，就去选选吧，图片和文字可以自己搭配哦~ 当然，得用E文~） Movies Winner Official Hancock Movie Site （嘿嘿，这个当初是全公司一起旷班去影院看的，感觉有故事有点奇怪，JQ满满，我还是喜欢黑衣人那个哇~~） Music Winner Luke Buda &#8211; Special Surprise [...]]]></description>
			<content:encoded><![CDATA[<p>今天跑去查看了下BOSS发我的delicious，看到了这个东东，学习欣赏下~ 网站都是很出色的，不能错过，当然，我不是搞设计滴，只能从技术角度赞叹了，呵呵~~</p>
<blockquote><p>The Pixel Awards是一个前沿网站的奖项，共有Agnecy、Art、Animation、Commerce等二十个分类，在其 <a  href="http://www.pixelawards.com/" target="_blank">网站</a> 公布获奖提名名单，每一类有五位获奖提名，投票在9月17日-10月19日进行，10月公布获奖结果。</p></blockquote>
<p><strong>Agency Winner </strong><a  href="http://www.method.com/" target="_blank">Method </a> （JS与FLASH的强大结合~~页面干净，我看除了LOGO，框架几乎没有用到图片，DIV块顺序载入和退出，已经做得和FLASH不相上下的效果了哇，所有二级展示都是LIGHTBOX效果，里面内嵌FLASH及VIDEO，哦，看的时候，请一定调整下窗口宽度哦，太帅了，还会自动产生分页，泪一下，我很喜欢这个效果，我的<a  href="http://www.originalcolors.cn/" target="_blank"> 首页</a> 也学了下，不过不会翻页，谁教我？~~）</p>
<p><a  href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRjzigW2BXI%2FAAAAAAAAAis%2F1NHDNYlOXOI%2Fmethod.jpg?imgmax=800" onclick="return hs.expand(this);" class="noicon"><img src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRjzigW2BXI%2FAAAAAAAAAis%2F1NHDNYlOXOI%2Fmethod.jpg?imgmax=800"  alt="image"  title="Click to enlarge" /></a></p>
<p><span id="more-160" ></span></p>
<p><strong>Animation Winner</strong> <a  href="http://www.zunejourney.net/" target="_blank">Microsoft Zune Journey</a> （我对微软的这款播放器是没什么兴趣，8过我实在是被这个网站给迷晕了，不要放开鼠标，HAVE A NICE TRIP!~）</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRj1eiOrRPI%2FAAAAAAAAAi0%2F_qYncRQqPvc%2Fzune.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRj1eiOrRPI%2FAAAAAAAAAi0%2F_qYncRQqPvc%2Fzune.jpg?imgmax=800"  alt="image" /></a><br/>
<strong>Art Winner</strong> <a  href="http://gensler.com/" target="_blank">Gensler</a>（大公司大网站，整站FLASH，好强的数据交互，嘛，后台还是要靠程序员先生，我是不会搞的，XML可以不？~~）</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRj1emZi0jI%2FAAAAAAAAAi8%2Ft3I32wy9Smc%2Fgensler.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRj1emZi0jI%2FAAAAAAAAAi8%2Ft3I32wy9Smc%2Fgensler.jpg?imgmax=800"  alt="image" /></a></p>
<p><strong>Commerce Winner</strong> <a  href="http://www.theovenreinvented.com/" target="_blank">TurboChef</a> （555，我看这个的时候快到午饭时间啊，看得郁闷了||| 另外我想知道如何消除FLASH中图片缩放和倾斜带来的锯齿，高手有指点不？~~）</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRj4M6pyGOI%2FAAAAAAAAAjE%2FMvgAjw_GOJA%2Fturbchef.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRj4M6pyGOI%2FAAAAAAAAAjE%2FMvgAjw_GOJA%2Fturbchef.jpg?imgmax=800"  alt="image" /></a></p>
<p><strong>Fashion Winner</strong> <a  href="http://www.peruvianwharf.com/" target="_blank">Peruvian Wharf</a> （恩，点那卡车可以换电台！~~ 这样卖牛仔裤的哇。。。这样的Fashion哇。。。）</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSRj6xAJbWTI%2FAAAAAAAAAjY%2FVet0aJgd4YA%2Fprospect.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSRj6xAJbWTI%2FAAAAAAAAAjY%2FVet0aJgd4YA%2Fprospect.jpg?imgmax=800"  alt="image" /></a></p>
<p><strong>Funny Winner</strong><a  href="http://www.someecards.com/" target="_blank"> someecards </a>（喜欢这种风格的话，就去选选吧，图片和文字可以自己搭配哦~ 当然，得用E文~）</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRj8mS6kwEI%2FAAAAAAAAAjg%2Fw9ToNvsHTQ0%2Fsomeecards.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRj8mS6kwEI%2FAAAAAAAAAjg%2Fw9ToNvsHTQ0%2Fsomeecards.jpg?imgmax=800"  alt="image" /></a></p>
<p><strong>Movies Winner</strong> <a  href="http://www.sonypictures.com/movies/hancock/site/" target="_blank">Official Hancock Movie Site</a> （嘿嘿，这个当初是全公司一起旷班去影院看的，感觉有故事有点奇怪，JQ满满，我还是喜欢黑衣人那个哇~~）</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSRj_md5ZPWI%2FAAAAAAAAAjo%2FPzBMHMVpANU%2Fs800%2Fhancock.jpg"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_SAtXNAuCabM%2FSRj_md5ZPWI%2FAAAAAAAAAjo%2FPzBMHMVpANU%2Fs800%2Fhancock.jpg"  alt="image" /></a></p>
<p><strong>Music Winner</strong> <a  href="http://www.specialsurprise.co.nz/" target="_blank">Luke Buda &#8211; Special Surprise</a> （前不久豆腐男给我看了个<a  href="http://motionportrait.com/" target="_blank">东西</a>，说是日本专利技术的3D引擎，难道这个也是用那个的？）</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRkESoGRJ3I%2FAAAAAAAAAj4%2Fs0JJLTgv9LE%2Flukebuda.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRkESoGRJ3I%2FAAAAAAAAAj4%2Fs0JJLTgv9LE%2Flukebuda.jpg?imgmax=800"  alt="image" /></a></p>
<p><strong>Non-Profit Winner</strong> <a  href="http://www.justinqueso.org/" target="_blank">Tijuana Flats &#8211; Just In Queso Foundation</a> （全FLASH的大块移动效果，8过，现在这种效果JS也能做了，真是强到让人汗一把哇||| 去GUESTBOOK看看吧，可以画画哟~）</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRkB3GN0JQI%2FAAAAAAAAAjw%2Fpacb0VQwjko%2Ftijuana.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_SAtXNAuCabM%2FSRkB3GN0JQI%2FAAAAAAAAAjw%2Fpacb0VQwjko%2Ftijuana.jpg?imgmax=800"  alt="image" /></a></p>
<p><strong>Sports Winner</strong> <a  href="http://www.nikeskateboarding.com/" target="_blank">Nike Skateboarding</a> (这个，我一开始还真以为是JS整站了，闹了半天是FLASH的，所有的效果，JS应该都能实现的了，啊，除了那个关闭按钮，应该。。。)</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSRkPTXLVNKI%2FAAAAAAAAAkA%2FefnTnaEKBJc%2Fnikesb.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_SAtXNAuCabM%2FSRkPTXLVNKI%2FAAAAAAAAAkA%2FefnTnaEKBJc%2Fnikesb.jpg?imgmax=800"  alt="image" /></a></p>
<p><strong>Student Winner</strong> <a  href="http://www.papercritters.com/" target="_blank">Paper Critters</a> （太强了哇，去画盒子人吧！~我尝试了，实在不能拿出来见人，下面这个是别人花滴~~）</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRkUC__4doI%2FAAAAAAAAAkQ%2FtjA1di1ZWgY%2Fpapercritters.jpg?imgmax=800"><img title="Click to enlarge"  src="http://www.originalcolors.cn/work/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_SAtXNAuCabM%2FSRkUC__4doI%2FAAAAAAAAAkQ%2FtjA1di1ZWgY%2Fpapercritters.jpg?imgmax=800"  alt="image" /></a></p>
<p>我只选了感兴趣的几个TOP，提名上的作品都不错看的，有兴趣的去好好看看吧~~</p>
<p>知道前面还有多长的路要走了，继续，好好学习，到处晃荡~~</p>

	标签：<a href="http://www.iros.me/tag/agency" title="Agency" rel="tag">Agency</a>, <a href="http://www.iros.me/tag/animation" title="Animation" rel="tag">Animation</a>, <a href="http://www.iros.me/tag/annual-pixel-awards-winners-2008" title="Annual Pixel Awards Winners 2008" rel="tag">Annual Pixel Awards Winners 2008</a>, <a href="http://www.iros.me/tag/art" title="Art" rel="tag">Art</a>, <a href="http://www.iros.me/tag/commerce" title="Commerce" rel="tag">Commerce</a>, <a href="http://www.iros.me/tag/fashion" title="Fashion" rel="tag">Fashion</a>, <a href="http://www.iros.me/tag/flash" title="FLASH" rel="tag">FLASH</a>, <a href="http://www.iros.me/tag/javascript" title="Javascript" rel="tag">Javascript</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/annual-pixel-awards-winners-2008.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>tha ltd. DropClock SCR 精致的屏保</title>
		<link>http://www.iros.me/tha-ltd-dropclock-scr-exquisite-screensavers.html</link>
		<comments>http://www.iros.me/tha-ltd-dropclock-scr-exquisite-screensavers.html#comments</comments>
		<pubDate>Sun, 26 Oct 2008 07:03:35 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Desiiiiiiiiiiiiign]]></category>
		<category><![CDATA[┨Soooooftware]]></category>
		<category><![CDATA[DropClock]]></category>
		<category><![CDATA[screensaver]]></category>
		<category><![CDATA[tha ltd]]></category>
		<category><![CDATA[屏保]]></category>
		<category><![CDATA[时钟]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=45</guid>
		<description><![CDATA[以前曾经看到过，虽然是很喜欢的样式，但当时觉得136M的屏保实在是那啥了点，今天又让我见到了，既然刚给小电换了新装备，赶紧去下来用了就，推荐一下，真的是很棒的效果，数字入水的慢镜头效果显示系统时间，黑白色，简洁漂亮~~ 有兴趣的可以官网查看~~ 标签：DropClock, screensaver, tha ltd, 屏保, 时钟]]></description>
			<content:encoded><![CDATA[<p>以前曾经看到过，虽然是很喜欢的样式，但当时觉得136M的屏保实在是那啥了点，今天又让我见到了，既然刚给小电换了新装备，赶紧去下来用了就，推荐一下，真的是很棒的效果，数字入水的慢镜头效果显示系统时间，黑白色，简洁漂亮~~</p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://tha.jp/feed/wp-content/uploads/2008/04/dp-black.jpg"><img title="Click to enlarge"  src="http://tha.jp/feed/wp-content/uploads/2008/04/dp-black.jpg"  alt="image" /></a></p>
<p><span id="more-45" ></span></p>
<p><a  class="highslide-image" onclick="return hs.expand(this);" href="http://tha.jp/feed/wp-content/uploads/2008/04/dp-white1.jpg"><img title="Click to enlarge"  src="http://tha.jp/feed/wp-content/uploads/2008/04/dp-white1.jpg"  alt="image" /></a></p>
Warning: video ID not specified!
<blockquote><p>有兴趣的可以<a  href="http://tha.jp/3#more-3" target="_blank">官网查看</a>~~</p></blockquote>

	标签：<a href="http://www.iros.me/tag/dropclock" title="DropClock" rel="tag">DropClock</a>, <a href="http://www.iros.me/tag/screensaver" title="screensaver" rel="tag">screensaver</a>, <a href="http://www.iros.me/tag/tha-ltd" title="tha ltd" rel="tag">tha ltd</a>, <a href="http://www.iros.me/tag/%e5%b1%8f%e4%bf%9d" title="屏保" rel="tag">屏保</a>, <a href="http://www.iros.me/tag/%e6%97%b6%e9%92%9f" title="时钟" rel="tag">时钟</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.iros.me/tha-ltd-dropclock-scr-exquisite-screensavers.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

