<?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>...ing&#039;s blog</title>
	<atom:link href="http://www.oooing.cn/feed" rel="self" type="application/rss+xml" />
	<link>http://www.oooing.cn</link>
	<description></description>
	<lastBuildDate>Thu, 18 Mar 2010 02:34:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>一组猫咪壁纸，真是太可爱了～～～</title>
		<link>http://www.oooing.cn/archives/305</link>
		<comments>http://www.oooing.cn/archives/305#comments</comments>
		<pubDate>Mon, 01 Feb 2010 07:20:00 +0000</pubDate>
		<dc:creator>...ing</dc:creator>
				<category><![CDATA[Unclassified]]></category>
		<category><![CDATA[wallpager]]></category>
		<category><![CDATA[猫咪]]></category>

		<guid isPermaLink="false">http://www.oooing.cn/archives/305</guid>
		<description><![CDATA[点击下载大图，大小不一，自取所需或自己动手改改吧。














另外推荐壁纸网站Wallbase有374372张壁纸，并不断增加，质量都很高，这些小猫都来自他家。它提供简单有效的功能，比如以搜索为入口，用搜索来检索和组织信息；颜色特征搜索；限制和隐私设定；开放的tag；总之用户学习成本很低，提供了合适的功能和很好的易用性。

]]></description>
			<content:encoded><![CDATA[<p>点击下载大图，大小不一，自取所需或自己动手改改吧。</p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-292683.jpg" target="_blank"><img style="border: 0pt none; display: inline;" title="wallpaper-292683-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper292683little_thumb.jpg" border="0" alt="wallpaper-292683-little" width="568" height="463" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-191866.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-191866-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper191866little_thumb.jpg" border="0" alt="wallpaper-191866-little" width="568" height="378" /></a><span id="more-305"></span></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-32065.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-32065-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper32065little_thumb.jpg" border="0" alt="wallpaper-32065-little" width="568" height="426" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-42938.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-42938-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper42938little_thumb.jpg" border="0" alt="wallpaper-42938-little" width="568" height="426" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-87728.jpg"><img style="border: 0pt none; display: inline;" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper87728little_thumb.jpg" border="0" alt="" width="568" height="426" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-117631.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-117631-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper117631little_thumb.jpg" border="0" alt="wallpaper-117631-little" width="568" height="355" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-132831.jpg"><img style="border: 0pt none; display: inline;" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper132831little_thumb.jpg" border="0" alt="" width="568" height="426" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-191866.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-191866-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper191866little_thumb1.jpg" border="0" alt="wallpaper-191866-little" width="568" height="378" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-191867.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-191867-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper191867little_thumb.jpg" border="0" alt="wallpaper-191867-little" width="568" height="458" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-191868.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-191868-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper191868little_thumb.jpg" border="0" alt="wallpaper-191868-little" width="568" height="426" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-191869.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-191869-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper191869little_thumb.jpg" border="0" alt="wallpaper-191869-little" width="568" height="355" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-191870.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-191870-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper191870little_thumb.jpg" border="0" alt="wallpaper-191870-little" width="568" height="377" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-284061.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-284061-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper284061little_thumb.jpg" border="0" alt="wallpaper-284061-little" width="568" height="358" /></a></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper-380957.jpg"><img style="border: 0pt none; display: inline;" title="wallpaper-380957-little" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallpaper380957little_thumb.jpg" border="0" alt="wallpaper-380957-little" width="568" height="426" /></a></p>
<p>另外推荐壁纸网站<a href="http://wallbase.net/" target="_blank">Wallbase</a>有374372张壁纸，并不断增加，质量都很高，这些小猫都来自他家。它提供简单有效的功能，比如以搜索为入口，用搜索来检索和组织信息；颜色特征搜索；限制和隐私设定；开放的tag；总之用户学习成本很低，提供了合适的功能和很好的易用性。</p>
<p><a href="http://wallbase.net" target="_blank"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="wallbase" src="http://www.oooing.cn/wp-content/uploads/2010/02/wallbase.jpg" border="0" alt="wallbase" width="568" height="487" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oooing.cn/archives/305/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chrome 4.0 正式发布，支持插件</title>
		<link>http://www.oooing.cn/archives/269</link>
		<comments>http://www.oooing.cn/archives/269#comments</comments>
		<pubDate>Wed, 27 Jan 2010 10:15:09 +0000</pubDate>
		<dc:creator>...ing</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Chrome]]></category>

		<guid isPermaLink="false">http://www.oooing.cn/archives/269</guid>
		<description><![CDATA[最先从优酷上看到的Chrome 4.0 正式发布消息，就马不停蹄的更新下来摆弄摆弄
Chrome 4.0 新特性：
— 扩展；    — 书签同步；     — 增强的开发者工具；     — HTML5：通知、Web数据库、本地存储、WebSockets、支持Ruby；     — 改善v8引擎性能；     — 完善Skia性能；     — 支持远程字体后以满分通过了Acid3基准测试；     — 支持HTTP字节排序；     — 新的安全功能：支持“Strict Transport Security” [...]]]></description>
			<content:encoded><![CDATA[<p>最先从优酷上看到的<a href="http://www.google.cn/chrome?hl=zh-CN&amp;brand=CHMI" target="_blank">Chrome 4.0 正式发布</a>消息，就马不停蹄的更新下来摆弄摆弄</p>
<h2>Chrome 4.0 新特性：</h2>
<p>— 扩展；    <br />— 书签同步；     <br />— 增强的开发者工具；     <br />— HTML5：通知、Web数据库、本地存储、WebSockets、支持Ruby；     <br />— 改善v8引擎性能；     <br />— 完善Skia性能；     <br />— 支持远程字体后以满分通过了Acid3基准测试；     <br />— 支持HTTP字节排序；     <br />— 新的安全功能：支持“Strict Transport Security”     <br />— 实验性防XSS攻击新功能：XSS Auditor；     <br />— 修复了11个安全漏洞，其中四个为高危级别。</p>
<p>&#160;</p>
<h2>主要亮点：</h2>
<p>正式支持扩展了，几乎是必走的路啊；</p>
<p>还有官方吹嘘4.0比3.0性能有42%的提升比1.0有一个性能的翻倍；</p>
<p>另外支持书签同步了，用Google帐号就能同步到Google doc而不是Google书签，但不支持表单和密码同步，至于为什么选择同步到doc而不是已经存在的bookmarks。猜想是不是Google以此为契机来实验云存储呢？</p>
<p>&#160;</p>
<h2>谈谈能让我转移阵营的插件：</h2>
<p>1.<strong>书签同步</strong>，同步到Google bookmarks（这次同步到doc里也行），另外一种选择同步到xmarks，这样更好跨浏览器同步了。我是用了xmarks已经很久了，当然还是用xmarks因为很有可能FF和Chrome一起用，但令人沮丧的是xmarks插件虽然已经有，但不完善还不支持自定义服务器（xmarks.com已墙，要用必须用自己的FTP了）在国内想跨浏览器同步书签童鞋们还要等等了。</p>
<p>2<strong>.鼠标手势</strong>，找到两个一个是<a href="https://chrome.google.com/extensions/detail/jpkfjicglakibpenojifdiepckckakgk" target="_blank">Chrome Gestures</a>已经比较完善了，但怎么只能定义到鼠标右键呢&#8230;另一个是国人开发的<a href="https://chrome.google.com/extensions/detail/jaikcnhlohebodlpkmjepipngegjbfpg" target="_blank">Drag and Go</a>，但怎么用不了呢&#8230;功能说明很贴心</p>
<p>3.<strong>支持迅雷</strong>，完美支持迅雷对有下载强迫症的童鞋很重要。</p>
<p>4.<strong>支持翻译软件</strong>，不知道是翻译软件问题，还是浏览器问题，反正我用的灵格斯翻译不了Chrome的单词。</p>
<p>&#160;</p>
<h2>另外说说几个插件：</h2>
<p>看图的<a href="https://chrome.google.com/extensions/detail/noocneohefmdhonidldnlhaainpiomkp" target="_blank">Cooliris</a>也来了，还浏览本机的图片和视频@_@；<a href="https://chrome.google.com/extensions/detail/fhaledancjhefginmkkondfjpnkhdglh" target="_blank">Fittr Flickr</a>可以看到Flickr照片的EXIF信息；<a href="https://chrome.google.com/extensions/detail/caehdcpeofiiigpdhbabniblemipncjj" target="_blank">Proxy Switchy!</a> Chrome下最好的代理；<a href="Xmarks Bookmarks Sync" target="_blank">Xmarks Bookmarks Sync</a> &#8211; 版本：0.5.65&#160; 版本号好低～～～</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="add-ons" border="0" alt="add-ons" src="http://www.oooing.cn/wp-content/uploads/2010/01/addons.png" width="524" height="492" /> </p>
<p>基本上搞定这些日常使用应该就差不多了，面对开发者方面（说调试更恰当，不过以后基于现有技术的开发也会越来越要求这块）来讲Firebug还是没替代者。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.oooing.cn/archives/269/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>简洁页面设计分析</title>
		<link>http://www.oooing.cn/archives/267</link>
		<comments>http://www.oooing.cn/archives/267#comments</comments>
		<pubDate>Mon, 25 Jan 2010 08:24:00 +0000</pubDate>
		<dc:creator>...ing</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.oooing.cn/archives/267</guid>
		<description><![CDATA[GUI部分
1.配色选取：用色谨慎，选用三种或者四种同色系的颜色组合作为主色。对比强烈和不同色系的颜色只用在有提示作用的ICO或标题上，原则上也是能少用就少用。
2.风格设计：避免出现重UI常有的阴影，圆角，渐变，透明，光影，复杂颜色，插画等等，不是说就不能使用这些风格而是要简化他们，比如把细节丰富的按钮矢量化啊，色块化；复杂颜色变成统一颜色或对比渐变；去掉或完全保留透明度等等。
3.Border和圆角：灵活的用1px左右边框来构建立体感，使用同一色系在有限的空间内来构建了明部和暗部。增强立体感的同时不失写意和简约的整体风格。页面在头像，弹出框，心情输入等几个常用部件上使用圆角，从而使网站从呆板，过于沉稳的印象中摆脱出来，增加活力和亲和度（注意度的问题）。
4.标题设计：大部分功能性标题配有ico，导航，模块标题采用对比颜色区分或者以标签页形式出现。这种看似很简单设计往往对简约型的网站帮助很大，起到画龙点睛的作用。
5.模块区分：采用色块区分各功能区，栏目，有着很好视觉区分，便于用户迅速做出判断和定位任务。
6.版式设计：半圆角的导航设计，横版简介的标签页，头像压在两个色块的交界线，这些都是不错的版式设计。简洁设计考虑更多的应该是依赖于标题，段落，图片本身的大小，位置，粗细，线条等来形成自然的排版和区分。
7.按钮设计：没什么好说的，矢量化，色块化，立体感可以用高光，阴影线条来构建。
着重举例：Facebook

 



&#160;&#160;&#160; 


 简洁UI设计的优势

1.简洁设计的网站没有冗余的信息，简单的信息架构有助于导航，检索。
2.它让网站加载更快，更少的图片；更小的JS，CSS；更少的http请求，意味着更快的载入速度。
3.它使主要内容和特色突出，优化和有限的内容决定了用户可以快速检索和浏览内容，而复杂的界面和通篇的图文会让用户望而却步。这符合大部分用户都是浏览而不是精读的报告。
4.它有一种与生俱来的优点：更贴近用户，在当今信息爆炸流程界面越加复杂和繁琐的世界里，人们每天都要处理海量的信息，人们害怕，厌倦和讨厌的再看到复杂的东西。它刚好迎合了这种心理，简洁的界面，简洁的交互，简洁功能，纯粹的就像白纸一样，拿起笔来就可以写就可以画，降低了学习门槛，没有了学习恐惧症，用户会觉得：“恩？这个好像很简单，我会用”。（这点尤其重要）
5.它更容易设计和制作。简单的UI，求简的交互，必要精简的功能，开发维护都很便捷。



交互部分
交互应该以人为本，不要为了交互而交互，为了追求技术上和视觉上的满足而增加用户的使用成本。能否快速定位任务，并高效完它是交互设计的好与坏的评判的根本。去掉不必要的步骤，去掉烦人的弹出框，给用户真实的体验，给用户有限并优化的选择，使用户不会迷失在对话框，按钮，下一步等等奇怪复杂，令人生畏的交互海洋里。
另一点从心理学认知角度讲，我们可以参考生活中已经存在的交互方式来构建产品的交互，开关的关闭，方向盘的操作，书籍的翻页等等。我认为简洁网页的交互应该尽可能的精简，这里重点说下ajxa的应用，ajax的出现的目的是为了处理复杂页面局部刷新，使用户不用等待，可以在当前页面接续浏览和操作，这才是它的应用点，价值所在。但现实设计时，我们往往因为各种原因在很简单的页面，在很简短的流程中加入不必要的交互，除了聊以自慰的炫耀和增加用户使用和学习成本外一无是处。交互应该做到快速定位，高效完成就好了，给用户有限而优化的选择。
举个国内例子：    简洁UI和交互的代表：豆瓣&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; 重UI的代表：时光网     这两个网站在业务和受众上有很大的重叠，有高代表性和可比性。时光的“重”只是相对而言，豆瓣也不是都好，有的界面它做的真是“过分”的简单，只有文字的排版，有的连文字排版都省了，更别提视觉上的设计和区分。但在以“用户贡献内容”为驱动的运营模式下简洁的交互和设计绝对起到了“收拢人心”的作用。“轻”还是“重”“美”还是“丑”“简单”还是“复杂”其实没有一个“正确答案”，更多的应该根据实际情况来选取一种平衡。
优秀简洁设计网站：
&#160; 
http://www.natureetdecouvertes.com/&#160;&#160;&#160; Nature &#38; Decouvertes     http://arnbacktraining.ch/&#160;&#160;&#160; David Arnbäck     http://arnbacktraining.ch/&#160;&#160;&#160; Arnback Training     http://www.gucci.com/us/index2.asp&#160;&#160;&#160; Gucci     http://www.douban.com/&#160;&#160;&#160;&#160; douban     http://teamexcellence.com/&#160;&#160;&#160;&#160;&#160; Team Excellence     [...]]]></description>
			<content:encoded><![CDATA[<p><strong>GUI部分</strong></p>
<p>1.配色选取：用色谨慎，选用三种或者四种同色系的颜色组合作为主色。对比强烈和不同色系的颜色只用在有提示作用的ICO或标题上，原则上也是能少用就少用。</p>
<p>2.风格设计：避免出现重UI常有的阴影，圆角，渐变，透明，光影，复杂颜色，插画等等，不是说就不能使用这些风格而是要简化他们，比如把细节丰富的按钮矢量化啊，色块化；复杂颜色变成统一颜色或对比渐变；去掉或完全保留透明度等等。</p>
<p>3.Border和圆角：灵活的用1px左右边框来构建立体感，使用同一色系在有限的空间内来构建了明部和暗部。增强立体感的同时不失写意和简约的整体风格。页面在头像，弹出框，心情输入等几个常用部件上使用圆角，从而使网站从呆板，过于沉稳的印象中摆脱出来，增加活力和亲和度（注意度的问题）。</p>
<p>4.标题设计：大部分功能性标题配有ico，导航，模块标题采用对比颜色区分或者以标签页形式出现。这种看似很简单设计往往对简约型的网站帮助很大，起到画龙点睛的作用。</p>
<p>5.模块区分：采用色块区分各功能区，栏目，有着很好视觉区分，便于用户迅速做出判断和定位任务。</p>
<p>6.版式设计：半圆角的导航设计，横版简介的标签页，头像压在两个色块的交界线，这些都是不错的版式设计。简洁设计考虑更多的应该是依赖于标题，段落，图片本身的大小，位置，粗细，线条等来形成自然的排版和区分。</p>
<p>7.按钮设计：没什么好说的，矢量化，色块化，立体感可以用高光，阴影线条来构建。</p>
<p><strong>着重举例：Facebook</strong></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="facebook_01" border="0" alt="facebook_01" src="http://www.oooing.cn/wp-content/uploads/2010/01/facebook_01.jpg" width="568" height="595" /></p>
<p> <span id="more-267"></span>
</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="facebook_02" border="0" alt="facebook_02" src="http://www.oooing.cn/wp-content/uploads/2010/01/facebook_02.jpg" width="568" height="366" /></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="facebook_03" border="0" alt="facebook_03" src="http://www.oooing.cn/wp-content/uploads/2010/01/facebook_03.jpg" width="568" height="305" /></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="facebook_04" border="0" alt="facebook_04" src="http://www.oooing.cn/wp-content/uploads/2010/01/facebook_04.jpg" width="568" height="800" />&#160;&#160;&#160; </p>
</p>
<p><a title="http://teamexcellence.com/" href="http://teamexcellence.com/"></a></p>
<p> <strong>简洁UI设计的优势</strong>
</p>
<p>1.简洁设计的网站没有冗余的信息，简单的信息架构有助于导航，检索。</p>
<p>2.它让网站加载更快，更少的图片；更小的JS，CSS；更少的http请求，意味着更快的载入速度。</p>
<p>3.它使主要内容和特色突出，优化和有限的内容决定了用户可以快速检索和浏览内容，而复杂的界面和通篇的图文会让用户望而却步。这符合大部分用户都是浏览而不是精读的报告。</p>
<p>4.它有一种与生俱来的优点：更贴近用户，在当今信息爆炸流程界面越加复杂和繁琐的世界里，人们每天都要处理海量的信息，人们害怕，厌倦和讨厌的再看到复杂的东西。它刚好迎合了这种心理，简洁的界面，简洁的交互，简洁功能，纯粹的就像白纸一样，拿起笔来就可以写就可以画，降低了学习门槛，没有了学习恐惧症，用户会觉得：“恩？这个好像很简单，我会用”。<em>（这点尤其重要）</em></p>
<p>5.它更容易设计和制作。简单的UI，求简的交互，必要精简的功能，开发维护都很便捷。</p>
<p><strong></strong></p>
<p><strong></strong></p>
<p><strong></strong></p>
<p><strong>交互部分</strong></p>
<p>交互应该以人为本，不要为了交互而交互，为了追求技术上和视觉上的满足而增加用户的使用成本。能否快速定位任务，并高效完它是交互设计的好与坏的评判的根本。去掉不必要的步骤，去掉烦人的弹出框，给用户真实的体验，给用户有限并优化的选择，使用户不会迷失在对话框，按钮，下一步等等奇怪复杂，令人生畏的交互海洋里。</p>
<p>另一点从心理学认知角度讲，我们可以参考生活中已经存在的交互方式来构建产品的交互，开关的关闭，方向盘的操作，书籍的翻页等等。我认为简洁网页的交互应该尽可能的精简，这里重点说下ajxa的应用，ajax的出现的目的是为了处理复杂页面局部刷新，使用户不用等待，可以在当前页面接续浏览和操作，这才是它的应用点，价值所在。但现实设计时，我们往往因为各种原因在很简单的页面，在很简短的流程中加入不必要的交互，除了聊以自慰的炫耀和增加用户使用和学习成本外一无是处。交互应该做到快速定位，高效完成就好了，给用户有限而优化的选择。</p>
<p>举个国内例子：    <br />简洁UI和交互的代表：豆瓣&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; <br />重UI的代表：时光网     <br />这两个网站在业务和受众上有很大的重叠，有高代表性和可比性。时光的“重”只是相对而言，豆瓣也不是都好，有的界面它做的真是“过分”的简单，只有文字的排版，有的连文字排版都省了，更别提视觉上的设计和区分。但在以“用户贡献内容”为驱动的运营模式下简洁的交互和设计绝对起到了“收拢人心”的作用。“轻”还是“重”“美”还是“丑”“简单”还是“复杂”其实没有一个“正确答案”，更多的应该根据实际情况来选取一种平衡。</p>
<p><strong>优秀简洁设计网站：</strong></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Desktop1" border="0" alt="Desktop1" src="http://www.oooing.cn/wp-content/uploads/2010/01/Desktop1.jpg" width="568" height="1006" />&#160; </p>
<p><a title="http://www.natureetdecouvertes.com/" href="http://www.natureetdecouvertes.com/">http://www.natureetdecouvertes.com/</a>&#160;&#160;&#160; Nature &amp; Decouvertes     <br /><a title="http://arnbacktraining.ch/" href="http://arnbacktraining.ch/">http://arnbacktraining.ch/</a>&#160;&#160;&#160; David Arnbäck     <br /><a title="http://arnbacktraining.ch/" href="http://arnbacktraining.ch/">http://arnbacktraining.ch/</a>&#160;&#160;&#160; Arnback Training     <br /><a title="http://www.gucci.com/us/index2.asp" href="http://www.gucci.com/us/index2.asp">http://www.gucci.com/us/index2.asp</a>&#160;&#160;&#160; Gucci     <br /><a title="http://www.douban.com/" href="http://www.douban.com/">http://www.douban.com/</a>&#160;&#160;&#160;&#160; douban     <br /><a title="http://teamexcellence.com/" href="http://teamexcellence.com/">http://teamexcellence.com/</a>&#160;&#160;&#160;&#160;&#160; Team Excellence     <br /><a title="http://177designs.com/" href="http://177designs.com/">http://177designs.com/</a>&#160;&#160;&#160; 177DESIGNS     <br /><a title="http://www.coolforex.pl/" href="http://www.coolforex.pl/">http://www.coolforex.pl/</a>&#160;&#160;&#160; CoolForex     <br /><a title="http://bluepixel.net/" href="http://bluepixel.net/">http://bluepixel.net/</a>&#160;&#160;&#160; Blue Pixel     <br /><a title="http://mivokids.pl/" href="http://mivokids.pl/">http://mivokids.pl/</a>&#160;&#160;&#160; Moiv     <br /><a title="http://www.cobahair.co.uk/index.html" href="http://www.cobahair.co.uk/index.html">http://www.cobahair.co.uk/index.html</a>&#160;&#160;&#160; COBA     <br /><a title="http://teamexcellence.com/" href="http://teamexcellence.com/">http://teamexcellence.com/</a>&#160;&#160;&#160; Team Excellence     <br /><a title="http://www.toopi.in/" href="http://www.toopi.in/">http://www.toopi.in/</a>&#160;&#160;&#160; Toopi</p>
]]></content:encoded>
			<wfw:commentRss>http://www.oooing.cn/archives/267/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Starry Starry Cake +Sexy Cake</title>
		<link>http://www.oooing.cn/archives/253</link>
		<comments>http://www.oooing.cn/archives/253#comments</comments>
		<pubDate>Sat, 16 Jan 2010 08:03:25 +0000</pubDate>
		<dc:creator>...ing</dc:creator>
				<category><![CDATA[Cool Stuff]]></category>

		<guid isPermaLink="false">http://www.oooing.cn/archives/253</guid>
		<description><![CDATA[前天在煎蛋上看到，真是太TM喜欢了！蛋糕版的&#60;Starry Starry Night&#62;！假如假如我可以做多好，哇咔咔～～


作者的其他作品：

关于梵高和Starry Night
 
星夜，即夜间的意思，《三国志》中就有“星夜”这一用法。1889年荷兰后印象派画家文森特·梵高于在圣雷米的一家精神病院里创作的一幅著名油画《De sterrennacht》（荷兰语），也被译为《星夜》或《星月夜》。该油画被广泛认为是其代表作之一，现藏于纽约现代艺术博物馆。
梵高，后期印象画派代表人物，是19世纪人类最杰出的艺术家之一。他热爱生活，但在生活中屡遭挫折，艰辛倍尝。他献身艺术，大胆创新，在广泛学习前辈画家伦勃朗等人的基础上，吸收印象派画家在色彩方面的经验，并受到东方艺术，特别是日本版画的影响，形成了自己独特的艺术风格，创作出许多洋溢着生活激情、富于人道主义精神的作品，表现了他心中的苦闷、哀伤、同情和希望，至今享誉世界。

一朋友自己做的蛋糕，蕾丝花边啊^_^，更多浏览她的相册

]]></description>
			<content:encoded><![CDATA[<p>前天在<a href="http://www.jandan.net/" target="_blank">煎蛋</a>上看到，真是太TM喜欢了！蛋糕版的<a href="http://baike.baidu.com/view/387747.htm" target="_blank">&lt;Starry Starry Night&gt;</a>！假如假如我可以做多好，哇咔咔～～</p>
<p><a href="http://www.flickr.com/photos/megpi/2717495547/" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="starry_night" src="http://www.oooing.cn/wp-content/uploads/2010/01/starry_night.jpg" border="0" alt="starry_night" width="568" height="379" /></a><br />
<span id="more-253"></span></p>
<p>作者的其他作品：</p>
<p><img class="alignnone size-full wp-image-256" title="others" src="http://www.oooing.cn/wp-content/uploads/2010/01/other2.jpg" alt="others" width="568" /></p>
<blockquote><p>关于梵高和Starry Night</p>
<p><img class="pic_left" title="starry_night3" src="http://www.oooing.cn/wp-content/uploads/2010/01/starry_night3.jpg" border="0" alt="starry_night3" width="240" height="180" align="left" /> </p>
<p>星夜，即夜间的意思，《<a href="http://baike.baidu.com/view/6440.htm" target="_blank">三国志</a>》中就有“星夜”这一用法。1889年<a href="http://baike.baidu.com/view/6323.htm" target="_blank">荷兰</a>后印象派画家<a href="http://baike.baidu.com/view/17822.htm" target="_blank">文森特·梵高</a>于在圣雷米的一家精神病院里创作的一幅著名油画《De sterrennacht》（荷兰语），也被译为《星夜》或《<a href="http://baike.baidu.com/view/281977.htm" target="_blank">星月夜</a>》。该油画被广泛认为是其代表作之一，现藏于<a href="http://baike.baidu.com/view/1152777.htm" target="_blank">纽约现代艺术博物馆</a>。</p>
<p>梵高，后期<a href="http://baike.baidu.com/view/121416.htm" target="_blank">印象画派</a>代表人物，是19世纪人类最杰出的艺术家之一。他热爱生活，但在生活中屡遭挫折，艰辛倍尝。他献身艺术，大胆创新，在广泛学习前辈画家<a href="http://baike.baidu.com/view/17236.htm" target="_blank">伦勃朗</a>等人的基础上，吸收<a href="http://baike.baidu.com/view/577.htm" target="_blank">印象派</a>画家在色彩方面的经验，并受到东方艺术，特别是日本版画的影响，形成了自己独特的艺术风格，创作出许多洋溢着生活激情、富于人道主义精神的作品，表现了他心中的苦闷、哀伤、同情和希望，至今享誉世界。</p>
</blockquote>
<p>一朋友自己做的蛋糕，蕾丝花边啊^_^，更多浏览<a href="http://user.qzone.qq.com/8505319/photo/47647d53-5d1b-4d47-b419-289e7c3ab45e/" target="_blank">她的相册</a></p>
<p><img class="alignnone size-full wp-image-255" title="sexy_cake" src="http://www.oooing.cn/wp-content/uploads/2010/01/sexy_cake.jpg" alt="sexy_cake" width="568" height="909" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oooing.cn/archives/253/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>今天偶尔发现Google的SearchWiki，上来说几句</title>
		<link>http://www.oooing.cn/archives/244</link>
		<comments>http://www.oooing.cn/archives/244#comments</comments>
		<pubDate>Thu, 17 Dec 2009 15:00:59 +0000</pubDate>
		<dc:creator>...ing</dc:creator>
				<category><![CDATA[Unclassified]]></category>

		<guid isPermaLink="false">http://www.oooing.cn/archives/244</guid>
		<description><![CDATA[好久没看业内新闻了，估计已经是旧闻了，更何况是Google的，暂且当作回顾吧\(^o^)/    今天偶尔搜一个女歌手的时候跳到google英文站，发现搜索结果多了新功能，如图：
 

&#160;
蓝色镂空的箭头点击可以提交，表示你对该条搜索结果的的rankings，相应的差图标表示delections。google将按照记录的你的rankings，delections和notes（好奇notes的权重是怎么计算的）值来综合排序，当然只有在你登录的时候你才可以看到定制的结果页面。官方上没有提起是否会引用这些用户Wiki的数据（官方称作SearchWiki）来影响google搜索结果的排名，但我们可以预见不久的将来google肯定会应用这些数据来影响搜索结果的排名，SEO会越来越难做，工作范围更广，时间更长；SearchWiki达到阈值后搜索结果会更让人满意，将加速高品质站的成长和垃圾站的死亡；你在给google打义工，你定制的越多，你就越发现其他搜索引擎不好用，Google在你的调教下越来越越聪明了。
 这里是留言
&#160;
提交后才会显示rankings和delections的数值。comment可以再被编辑。
用了用，有些感觉要提一下:
1.点击“X ”后该条就被“黑名单”了，不再显示，如果是误删除，或者我想恢复怎办，应该跟“绿色箭头”一样可以再被编辑。而不应该被一帮子销死给个“重新做人”的机会呗～
2.一个建议，建议在由搜索结果页面跳转到你要浏览页面时，google工具条添加该功能，给一个直观而不方便的入口，能在当前页就提交而不用再返回到搜索结果。道理跟digg.com的submit bar一样，这将是个优雅的体验。当然也不是每个浏览器都安装了google工具条，还要继续保持搜索结果页面SearchWiki的功能。
digg的提交工具条：
 
这是官方的说明：

]]></description>
			<content:encoded><![CDATA[<p>好久没看业内新闻了，估计已经是旧闻了，更何况是Google的，暂且当作回顾吧\(^o^)/    <br />今天偶尔搜一个女歌手的时候跳到google英文站，发现搜索结果多了新功能，如图：</p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2009/12/image.png"><img style="display: inline" title="image" alt="image" src="http://www.oooing.cn/wp-content/uploads/2009/12/image_thumb.png" width="568" height="565" /></a> </p>
</p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2009/12/image1.png"><img style="display: inline" title="image" alt="image" src="http://www.oooing.cn/wp-content/uploads/2009/12/image_thumb1.png" width="40" height="22" /></a>&#160;</p>
<p>蓝色镂空的箭头点击可以提交，表示你对该条搜索结果的的rankings，相应的差图标表示delections。google将按照记录的你的rankings，delections和notes（好奇notes的权重是怎么计算的）值来综合排序，当然只有在你登录的时候你才可以看到定制的结果页面。官方上没有提起是否会引用这些用户Wiki的数据（官方称作SearchWiki）来影响google搜索结果的排名，但我们可以预见不久的将来google肯定会应用这些数据来影响搜索结果的排名，SEO会越来越难做，工作范围更广，时间更长；SearchWiki达到阈值后搜索结果会更让人满意，将加速高品质站的成长和垃圾站的死亡；你在给google打义工，你定制的越多，你就越发现其他搜索引擎不好用，Google在你的调教下越来越越聪明了。</p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2009/12/image2.png"><img style="display: inline" title="image" alt="image" src="http://www.oooing.cn/wp-content/uploads/2009/12/image_thumb2.png" width="18" height="15" /></a> 这里是留言</p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2009/12/image3.png"><img style="display: inline" title="image" alt="image" src="http://www.oooing.cn/wp-content/uploads/2009/12/image_thumb3.png" width="315" height="35" /></a>&#160;</p>
<p>提交后才会显示rankings和delections的数值。comment可以再被编辑。</p>
<p>用了用，有些感觉要提一下:</p>
<p>1.点击“X ”后该条就被“黑名单”了，不再显示，如果是误删除，或者我想恢复怎办，应该跟“绿色箭头”一样可以再被编辑。而不应该被一帮子销死给个“重新做人”的机会呗～</p>
<p>2.一个建议，建议在由搜索结果页面跳转到你要浏览页面时，google工具条添加该功能，给一个直观而不方便的入口，能在当前页就提交而不用再返回到搜索结果。道理跟digg.com的submit bar一样，这将是个优雅的体验。当然也不是每个浏览器都安装了google工具条，还要继续保持搜索结果页面SearchWiki的功能。</p>
<p>digg的提交工具条：</p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2009/12/image4.png"><img style="display: inline" title="image" alt="image" src="http://www.oooing.cn/wp-content/uploads/2009/12/image_thumb4.png" width="568" height="364" /></a> </p>
<p>这是官方的说明：</p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2009/12/image5.png"><img style="display: inline" title="image" alt="image" src="http://www.oooing.cn/wp-content/uploads/2009/12/image_thumb5.png" width="554" height="406" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oooing.cn/archives/244/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一个调查问卷的UI</title>
		<link>http://www.oooing.cn/archives/231</link>
		<comments>http://www.oooing.cn/archives/231#comments</comments>
		<pubDate>Tue, 08 Dec 2009 08:40:55 +0000</pubDate>
		<dc:creator>...ing</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.oooing.cn/archives/231</guid>
		<description><![CDATA[公司做了个调查问卷下面是UI截图

&#160; 
入口


地址：http://www.sndoo.net/?action=survey&#160; 
没有实现统计条的动画，时间伧俗，下次再议吧。。。UI越做越没劲，没一个好的平台实在是一个苦闷的事啊，继续学我的交互和产品。
]]></description>
			<content:encoded><![CDATA[<p>公司做了个调查问卷下面是UI截图</p>
<p><img title="2009-12-08_162530" style="display: inline" height="341" alt="2009-12-08_162530" src="http://www.oooing.cn/wp-content/uploads/2009/12/20091208_162530.png" width="570" /></p>
<p><img title="2009-12-08_162505" style="display: inline" height="121" alt="2009-12-08_162505" src="http://www.oooing.cn/wp-content/uploads/2009/12/20091208_162505.png" width="210" />&#160; </p>
<p>入口</p>
<p><img title="2009-12-08_162655" style="display: inline" height="502" alt="2009-12-08_162655" src="http://www.oooing.cn/wp-content/uploads/2009/12/20091208_162655.png" width="570" /></p>
<p><img title="2009-12-08_162645" style="display: inline" height="868" alt="2009-12-08_162645" src="http://www.oooing.cn/wp-content/uploads/2009/12/20091208_162645.png" width="570" /></p>
<p>地址：<a href="http://www.sndoo.net/?action=survey">http://www.sndoo.net/?action=survey</a>&#160; </p>
<p>没有实现统计条的动画，时间伧俗，下次再议吧。。。UI越做越没劲，没一个好的平台实在是一个苦闷的事啊，继续学我的交互和产品。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.oooing.cn/archives/231/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>gmail交互和原型设计</title>
		<link>http://www.oooing.cn/archives/222</link>
		<comments>http://www.oooing.cn/archives/222#comments</comments>
		<pubDate>Mon, 30 Nov 2009 06:14:35 +0000</pubDate>
		<dc:creator>...ing</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.oooing.cn/archives/222</guid>
		<description><![CDATA[题目一 设计一个阅读邮件界面，需表现以下功能点：
1) 顶部邮件信息默认缩略显示，只显示邮件名、发送人、时间，点击展开才显示全部信息。
2) 合并相关联邮件（回复和转发）为一封邮件
3) 邮件中出现邮箱地址，或已有联系人可生成DIV块，且有对应操作下拉菜单
4) 直接在浏览器中预览邮件中的附件（包括压缩包，word，pdf，ppt等）功能在界面上的表现s
5) 根据邮件正文关键字，在阅读邮件界面某区域放置相应推广内容，例如相关的网站链接。
主要参考gmail（其实要求就是gmail），基本是按照题目来的，稍稍做一些扩展和延伸。毕竟考试还是要所问应所答。
高保真PS制作：付说明

未展开状态，支持多格式附件预览，回复对话，快速转发和回复双星收藏等等。 
 
&#160;

全部展开状态，更多的预览和直接使用。 

图片浏览模式，不用多介绍了，基本跟满大街都是类lightbox的东东相同。能升级的地方基本上在图片与图片之间的动画化。&#160;&#160;&#160; 
用Mockups制作：简单说明，因为已经给出PS的清晰大图，下面的就没有附大图了。


画线框图还是很快的，做个高保真的UI可累死了。。。
]]></description>
			<content:encoded><![CDATA[<p><em><b>题目一 </b><b>设计一个阅读邮件界面，需表现以下功能点：</b></em></p>
<p><em>1) 顶部邮件信息默认缩略显示，只显示邮件名、发送人、时间，点击展开才显示全部信息。</em></p>
<p><em>2) 合并相关联邮件（回复和转发）为一封邮件</em></p>
<p><em>3) 邮件中出现邮箱地址，或已有联系人可生成DIV块，且有对应操作下拉菜单</em></p>
<p><em>4) 直接在浏览器中预览邮件中的附件（包括压缩包，word，pdf，ppt等）功能在界面上的表现s</em></p>
<p><em>5) 根据邮件正文关键字，在阅读邮件界面某区域放置相应推广内容，例如相关的网站链接。</em></p>
<p>主要参考gmail（其实要求就是gmail），基本是按照题目来的，稍稍做一些扩展和延伸。毕竟考试还是要所问应所答。</p>
<p><strong>高保真PS制作：付说明</strong></p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2009/11/mail_01.jpg"><img title="mail_01" style="display: inline" height="700" alt="mail_01" src="http://www.oooing.cn/wp-content/uploads/2009/11/mail_01_thumb.jpg" width="570" /></a></p>
<p>未展开状态，支持多格式附件预览，回复对话，快速转发和回复双星收藏等等。 </p>
<p> <span id="more-222"></span>
<p>&#160;</p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2009/11/mail_02.jpg"><img title="mail_02" style="display: inline" height="1055" alt="mail_02" src="http://www.oooing.cn/wp-content/uploads/2009/11/mail_02_thumb.jpg" width="570" /></a></p>
<p>全部展开状态，更多的预览和直接使用。 </p>
<p><a href="http://www.oooing.cn/wp-content/uploads/2009/11/mail_03.jpg"><img title="mail_03" style="display: inline" height="1354" alt="mail_03" src="http://www.oooing.cn/wp-content/uploads/2009/11/mail_03_thumb.jpg" width="570" /></a></p>
<p>图片浏览模式，不用多介绍了，基本跟满大街都是类lightbox的东东相同。能升级的地方基本上在图片与图片之间的动画化。&#160;&#160;&#160; </p>
<p><strong>用Mockups制作：简单说明，因为已经给出PS的清晰大图，下面的就没有附大图了。</strong></p>
<p><img title="mail_detail_thumbnail" style="display: inline" height="1202" alt="mail_detail_thumbnail" src="http://www.oooing.cn/wp-content/uploads/2009/11/mail_detail_thumbnail.jpg" width="570" /></p>
<p><img title="mail_detail_open_thumbnail" style="display: inline" height="1237" alt="mail_detail_open_thumbnail" src="http://www.oooing.cn/wp-content/uploads/2009/11/mail_detail_open_thumbnail.jpg" width="570" /></p>
<p>画线框图还是很快的，做个高保真的UI可累死了。。。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.oooing.cn/archives/222/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>帽峰山之行</title>
		<link>http://www.oooing.cn/archives/211</link>
		<comments>http://www.oooing.cn/archives/211#comments</comments>
		<pubDate>Tue, 10 Nov 2009 09:03:32 +0000</pubDate>
		<dc:creator>...ing</dc:creator>
				<category><![CDATA[Life]]></category>
		<category><![CDATA[帽峰山]]></category>

		<guid isPermaLink="false">http://www.oooing.cn/?p=211</guid>
		<description><![CDATA[前天，一行人驱车一个多小时来到了帽峰山,开始了我有登山记录以来最艰苦卓绝的行程。  开始的时候扛着10多斤...]]></description>
			<content:encoded><![CDATA[<p>前天，一行人驱车一个多小时来到了帽峰山,开始了我有登山记录以来最艰苦卓绝的行程。</p>
<p>开始的时候扛着10多斤沉的相机还没什么感觉，东走西跑还在找景拍，好像是初次在野外见到蛇，兴奋啊，追着着屁股后面猛拍，可惜步伐稍显凌乱全部跑焦。。。迫于“长的越美的蛇越毒”而不敢正面把相机伸过去拍，不知道她弹跳力怎么样，跳到相机上就爽了，只好看她扬长而去，这小腰扭的，厄～～～～</p>
<p><img style="display: inline;" title="14" src="http://oooing.cn/wp-content/uploads/2009/08/14.jpg" alt="14" /></p>
<p>好大一条蛇啊，哈哈哈。别急放大镜在下面。</p>
<p><img style="display: inline;" title="14_2" src="http://oooing.cn/wp-content/uploads/2009/08/14-2.jpg" alt="14_2" /></p>
<p>没办法，她速度太快了。不是糊掉就是太小了。<span id="more-211"></span></p>
<p>目送美人去，没过多久就迎来了青蛙王子（看样子更像王子的亲戚）。王子就是王子，有素养，昂首挺胸，尽管收腹可能有些困难了。但人家纹丝不动的身形证明了什么叫敬业！当时用的套头，靠不太近，算了，靠近了，再跳上来，想想就挺刺激。。。</p>
<p><img style="display: inline;" title="13" src="http://oooing.cn/wp-content/uploads/2009/08/13.jpg" alt="13" /></p>
<p><img style="display: inline;" title="4" src="http://oooing.cn/wp-content/uploads/2009/08/4.jpg" alt="4" /></p>
<p>马上要下雨了，光线很暗。</p>
<p>之后遇到过几只没见过的虫子，好像都很忙，一路飞奔，抓拍了几次都没成功。把路过的一些花花草草贴一贴\(^o^)/ <img style="display: inline;" title="7" src="http://oooing.cn/wp-content/uploads/2009/08/7.jpg" alt="7" /></p>
<p><img style="display: inline;" title="3" src="http://oooing.cn/wp-content/uploads/2009/08/3.jpg" alt="3" /></p>
<p>可能太久没运动了，再加上抗个单反来回跑，体能下降很快，爬到一半的时候基本不拍了。挥汗如雨，步子越来越重，大口的喘着粗气。台阶高，步子大，行军快，天气闷，这山还真难爬啊，这时候又下起了大雨。。。我们只带了3把伞，8个人，没地方躲，晕～没的选择，就享受吧。只能加快步伐，狂走，这雨才屁事呢，一会大雨倾盆，一会有阵雨转晴，太阳暴晒，就在晒的你都身上的水都快要蒸发的时候，哐，又一盆水“MLGBD，帝哥，你够狠～～～”愤愤的骂了句。就这样汗水，雨水，泥水混一起了，中间歇息了两次，不歇息，估计我爬不上顶峰了。原来那有这事儿啊，原来打球的时候能打一个下午都没啥事，回头继续到操场跑步去。。。不过最后还是成功登顶了，发现土包（帽峰山名字由此得来）两个，抢占西瓜两枚，甭客气了，一顿腥风血雨之后，终于释怀了。</p>
<p>下山</p>
<p>遇到个挺大的亭子，怎么不摆在上山的路上呢，晕。</p>
<p><img style="display: inline;" title="1" src="http://oooing.cn/wp-content/uploads/2009/08/1.jpg" alt="1" /></p>
<p><img style="display: inline;" title="2" src="http://oooing.cn/wp-content/uploads/2009/08/2.jpg" alt="2" /></p>
<p><img style="display: inline;" title="10" src="http://oooing.cn/wp-content/uploads/2009/08/10.jpg" alt="10" /> <img style="display: inline;" title="9" src="http://oooing.cn/wp-content/uploads/2009/08/9.jpg" alt="9" /></p>
<p>站在亭子上面拍到的全景，好大的雾 ～</p>
<p><img style="display: inline;" title="5" src="http://oooing.cn/wp-content/uploads/2009/08/5.jpg" alt="5" /></p>
<p>小样儿～终于让我逮着了，哈哈。</p>
<p><img style="display: inline;" title="6" src="http://oooing.cn/wp-content/uploads/2009/08/6.jpg" alt="6" /></p>
<p><img style="display: inline;" title="8" src="http://oooing.cn/wp-content/uploads/2009/08/8.jpg" alt="8" /></p>
<p>光透过叶子很漂亮。</p>
<p><img style="display: inline;" title="11" src="http://oooing.cn/wp-content/uploads/2009/08/11.jpg" alt="11" /></p>
<p><img style="display: inline;" title="12" src="http://oooing.cn/wp-content/uploads/2009/08/12.jpg" alt="12" /></p>
<p>出口！出口！看见出口了，累死了@_@</p>
<p>有几张大图，稍后在更新……</p>
]]></content:encoded>
			<wfw:commentRss>http://www.oooing.cn/archives/211/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>人像摄影一，喜欢这些色调</title>
		<link>http://www.oooing.cn/archives/208</link>
		<comments>http://www.oooing.cn/archives/208#comments</comments>
		<pubDate>Tue, 10 Nov 2009 08:47:44 +0000</pubDate>
		<dc:creator>...ing</dc:creator>
				<category><![CDATA[Photograph]]></category>

		<guid isPermaLink="false">http://www.oooing.cn/?p=208</guid>
		<description><![CDATA[空间和角度        色彩          色彩和锐度        打光和质感        空间和景深    在外如何“野战”  ...]]></description>
			<content:encoded><![CDATA[<p>空间和角度</p>
<p><img style="display: inline;" title="guitar2" src="http://oooing.cn/wp-content/uploads/2009/07/guitar2.jpg" alt="guitar2" /></p>
<p><img style="display: inline;" title="guitar3" src="http://oooing.cn/wp-content/uploads/2009/07/guitar3.jpg" alt="guitar3" /></p>
<p><img style="display: inline;" title="guita1" src="http://oooing.cn/wp-content/uploads/2009/07/guita1.jpg" alt="guita1" /></p>
<p>色彩</p>
<p><img style="display: inline;" title="color_x2" src="http://oooing.cn/wp-content/uploads/2009/07/color-x2.jpg" alt="color_x2" /></p>
<p><img style="display: inline;" title="color2_x2" src="http://oooing.cn/wp-content/uploads/2009/07/color2-x2.jpg" alt="color2_x2" /></p>
<p><span id="more-208"></span></p>
<p>色彩和锐度</p>
<p><img style="display: inline;" title="rui_01" src="http://oooing.cn/wp-content/uploads/2009/07/rui-01.jpg" alt="rui_01" /></p>
<p><img style="display: inline;" title="rui_02" src="http://oooing.cn/wp-content/uploads/2009/07/rui-02.jpg" alt="rui_02" /></p>
<p><img style="display: inline;" title="rui_03" src="http://oooing.cn/wp-content/uploads/2009/07/rui-03.jpg" alt="rui_03" /></p>
<p>打光和质感</p>
<p><img style="display: inline;" title="make_light_01" src="http://oooing.cn/wp-content/uploads/2009/07/make-light-01.jpg" alt="make_light_01" /></p>
<p><img style="display: inline;" title="make_light_02" src="http://oooing.cn/wp-content/uploads/2009/07/make-light-02.jpg" alt="make_light_02" /></p>
<p><img style="display: inline;" title="make_light_03" src="http://oooing.cn/wp-content/uploads/2009/07/make-light-03.jpg" alt="make_light_03" /></p>
<p>空间和景深</p>
<p><img style="display: inline;" title="space" src="http://oooing.cn/wp-content/uploads/2009/07/space.jpg" alt="space" /></p>
<p>在外如何“野战”</p>
<p><img style="display: inline;" title="out_01" src="http://oooing.cn/wp-content/uploads/2009/07/out-01.jpg" alt="out_01" /></p>
<p><img style="display: inline;" title="out_02" src="http://oooing.cn/wp-content/uploads/2009/07/out-02.jpg" alt="out_02" /></p>
<p>逆光？</p>
<p><img style="display: inline;" title="out_light" src="http://oooing.cn/wp-content/uploads/2009/07/out-light.jpg" alt="out_light" /></p>
<p>男人们，集体出来得肆啦～ 一个耍酷的～必要条件要找个够酷的！你才能拍出来～～～</p>
<p><img style="display: inline;" title="cool_01" src="http://oooing.cn/wp-content/uploads/2009/07/cool-01.jpg" alt="cool_01" /></p>
<p><img style="display: inline;" title="cool_02" src="http://oooing.cn/wp-content/uploads/2009/07/cool-02.jpg" alt="cool_02" /></p>
<p><img style="display: inline;" title="cool_03" src="http://oooing.cn/wp-content/uploads/2009/07/cool-03.jpg" alt="cool_03" /></p>
<p><img style="display: inline;" title="cool_04" src="http://oooing.cn/wp-content/uploads/2009/07/cool-04.jpg" alt="cool_04" /></p>
<p>继续得肆～</p>
<p><img style="display: inline;" title="cool_05" src="http://oooing.cn/wp-content/uploads/2009/07/cool-05.jpg" alt="cool_05" /></p>
<p><img style="display: inline;" title="cool_06" src="http://oooing.cn/wp-content/uploads/2009/07/cool-06.jpg" alt="cool_06" /></p>
<p><img style="display: inline;" title="cool_07" src="http://oooing.cn/wp-content/uploads/2009/07/cool-07.jpg" alt="cool_07" /></p>
<p>好久没打篮球了。。。如何拍运动中的人</p>
<p><img style="display: inline;" title="ball_01" src="http://oooing.cn/wp-content/uploads/2009/07/ball-01.jpg" alt="ball_01" /></p>
<p><img style="display: inline;" title="ball_02" src="http://oooing.cn/wp-content/uploads/2009/07/ball-02.jpg" alt="ball_02" /></p>
<p><img style="display: inline;" title="ball_03" src="http://oooing.cn/wp-content/uploads/2009/07/ball-03.jpg" alt="ball_03" /></p>
<p>By the way~ 下面的姿势太业余～～～</p>
<p><img style="display: inline;" title="ball_04" src="http://oooing.cn/wp-content/uploads/2009/07/ball-04.jpg" alt="ball_04" /></p>
<p>还有好多，太长了，不发了，下次继续～～～<br />
以上图片全部来自于<a href="http://www.shishangqiyi.com" target="_blank">时尚起义</a>，版权所有归其网站。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.oooing.cn/archives/208/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>PStutorials &#8211; Replace Color</title>
		<link>http://www.oooing.cn/archives/191</link>
		<comments>http://www.oooing.cn/archives/191#comments</comments>
		<pubDate>Tue, 07 Apr 2009 05:47:31 +0000</pubDate>
		<dc:creator>...ing</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[PS教程]]></category>

		<guid isPermaLink="false">http://oooing.cn/blog/index.php/archives/191</guid>
		<description><![CDATA[打算写几个入门级的小教程，今天是开篇《替换颜色》，Photoshop的替换颜色功能使用起来很简单，如果使用得当...]]></description>
			<content:encoded><![CDATA[<p>打算写几个入门级的小教程，今天是开篇《替换颜色》，Photoshop的替换颜色功能使用起来很简单，如果使用得当效果会很好，配合蒙版可以做出很多效果。</p>
<p>我们这次的任务是要将特写人物（来自<a href="http://blog.sina.com.cn/chenman" target="_blank">陈曼的博客</a>）的眼影从黄色换成红色，下面是完成图：</p>
<p><a href="http://oooing.cn/wp-content/uploads/2009/04/finished.jpg"><img style="display: inline;" title="替换颜色_finished" src="http://oooing.cn/wp-content/uploads/2009/04/finished-thumb.jpg" alt="替换颜色_finished" /></a></p>
<p>点击图片预览大图</p>
<p>原图：</p>
<p><a href="http://oooing.cn/wp-content/uploads/2009/04/3c242a1865d2.jpg"><img style="display: inline;" title="替换颜色" src="http://oooing.cn/wp-content/uploads/2009/04/thumb.jpg" alt="替换颜色" /></a></p>
<p><span id="more-191"></span></p>
<p>下面我们开始：</p>
<h3 class="tutorials">Step 1</h3>
<p>打开原图并新建一层（Shift+Ctrl+N）括号内为快捷键以后不再做说明，调出 图像&gt;调整&gt;替换颜色 窗口</p>
<p><a href="http://oooing.cn/wp-content/uploads/2009/04/20090406-194215.png"><img style="display: inline;" title="2009-04-06_194215" src="http://oooing.cn/wp-content/uploads/2009/04/20090406-194215-thumb.png" alt="2009-04-06_194215" /></a></p>
<h3 class="tutorials">Step 2</h3>
<p>调节颜色容差到30左右，一般设置可以偏低些，便于先把较纯的黄色干掉。我们选择最上面工具中的第一吸管在要去掉黄色眼影的位置点一下，吸入替换颜色，我们发现后面的颜色框里面已经吸入了黄色。在中间一块我们看到类似蒙版的选取预览图，白色的区域为被选择颜色区，黑色没被选择。</p>
<p><a href="http://oooing.cn/wp-content/uploads/2009/04/20090406-194713.png"><img style="display: inline;" title="2009-04-06_194713" src="http://oooing.cn/wp-content/uploads/2009/04/20090406-194713-thumb.png" alt="2009-04-06_194713" /></a></p>
<h3 class="tutorials">Step 3</h3>
<p>我们开始替换颜色效果，拉动替换-色相，这里选择拖拽出红色</p>
<p><a href="http://oooing.cn/wp-content/uploads/2009/04/20090406-194834.png"><img style="display: inline;" title="2009-04-06_194834" src="http://oooing.cn/wp-content/uploads/2009/04/20090406-194834-thumb.png" alt="2009-04-06_194834" /></a></p>
<h3 class="tutorials">Step 4</h3>
<p>我们选择了纯度高的黄色替换成红色，但过度很生硬，我们用带”+”号的吸管来调整，用它在过度的黄色部分吸取，这样更多黄色被替换成了红色。</p>
<p><a href="http://oooing.cn/wp-content/uploads/2009/04/20090406-194845.png"><img style="display: inline;" title="2009-04-06_194845" src="http://oooing.cn/wp-content/uploads/2009/04/20090406-194845-thumb.png" alt="2009-04-06_194845" /></a></p>
<h3 class="tutorials">Step 5</h3>
<p>至此我们已经选取了全部黄色，为了让过度更加平和，我们选择增大颜色容差，具体的数值我忘记截图了，大家可以直接看效果，调到你认为满意的值，如下：</p>
<p><a href="http://oooing.cn/wp-content/uploads/2009/04/20090406-195407.png"><img style="display: inline;" title="2009-04-06_195407" src="http://oooing.cn/wp-content/uploads/2009/04/20090406-195407-thumb.png" alt="2009-04-06_195407" /></a></p>
<h3 class="tutorials">Step 6</h3>
<p>以上5个步骤可以反复调试，直到调出个自己满意红色。之后只让眼影部分显示。我们为层建立蒙版，选择该层，单击蒙版按钮，建立蒙版，选择蒙版，建立纯黑色填充，选择合适大小的画笔，用白色在蒙版上画出红色眼影。</p>
<p><a href="http://oooing.cn/wp-content/uploads/2009/04/20090406-195129.png"><img style="display: inline;" title="2009-04-06_195129" src="http://oooing.cn/wp-content/uploads/2009/04/20090406-195129-thumb.png" alt="2009-04-06_195129" /></a></p>
<h3 class="tutorials">Step 7</h3>
<p>用小画笔在眼袋和眼线处继续画出红色眼影，至此全部工作已经完成。举一反三现在你可以考虑把红色的玫瑰替换成蓝色、黄色等等。</p>
<p><a href="http://oooing.cn/wp-content/uploads/2009/04/20090406-195157.png"><img style="display: inline;" title="2009-04-06_195157" src="http://oooing.cn/wp-content/uploads/2009/04/20090406-195157-thumb.png" alt="2009-04-06_195157" /></a></p>
<p>因为是个简单教程，所以我写的很罗嗦，行内的可以PASS了。<br />
但既然是面向所有人的，step by step一些，傻瓜一些，都看懂，都能做出来才这篇文章的目的^_^，有看不懂的，拍砖的欢迎留言，我会继续修改。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.oooing.cn/archives/191/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>
