<?xml version="1.0" encoding="utf-8" ?>
<!-- generator="FEEDCREATOR_VERSION" -->
<rss version="2.0" xmlns:sns="http://blog.sina.com.cn/sns">
    <channel>
        <title>中国睿智设计联盟32133294</title>
        <description></description>
        <link>http://blog.sina.com.cn/sosowr</link>
        <lastBuildDate>Tue, 08 Dec 2009 20:13:37 GMT+8</lastBuildDate>
        <generator>FEEDCREATOR_VERSION</generator>
        <language>zh-cn</language>
        <copyright>Copyright 1996 - 2009 SINA Inc. All Rights Reserved.</copyright>
        <pubDate>Tue, 08 Dec 2009 12:13:37 GMT+8</pubDate>
        <item>
            <title>鼠年大吉大利，鼠不尽的钞票，鼠不尽的快乐伴随大家。</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601008cyh.html</link>
            <description><![CDATA[<div><a HREF="http://album.sina.com.cn/pic/4dfac7f6442ba1f28c59b" TARGET="_blank"><img TITLE="http://album.sina.com.cn/pic/4dfac7f6442ba1f28c59b" ALT="http_imgload1.jpg" SRC="http://album.sina.com.cn/pic_3/4dfac7f6442ba1f28c59b" BORDER="1"></IMG></A>&nbsp;</DIV>
<div>&nbsp;&nbsp;&nbsp;
新的一年开启新的希望,新的空白承载新的梦想.拂去岁月之尘,让欢笑和泪水.爱与哀愁在心中凝成一颗厚重的晶莹的琥珀.祝鼠年快乐!大吉大利！！<br/>

今天是2008年第一个工作日,祝大家在2008里有"鼠"不尽的快乐！<br/>
"鼠"不尽的收获！<br/>
"鼠"不尽的钞票！<br/>
"鼠"不尽的笑容！<br/>
"鼠"不尽的幸福！</DIV>
]]></description>
            <author>风扬</author>
            <category>心情日志</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601008cyh.html#comment</comments>
            <pubDate>Wed, 02 Jan 2008 09:41:59 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601008cyh.html</guid>
        </item>
        <item>
            <title>关于版权问题</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000bpd.html</link>
            <description><![CDATA[<div>&nbsp;
<p><font FACE="宋体">看了不少朋友做的网站，有一个小问题，似乎很多朋友都忽略了，那就是版权声明的写法。虽然那只是一小行字，不过作为设计师也好，作为个人的爱好也好，版权的标志都是满重要的。</FONT></P>
<p><font FACE="宋体">　　从法律角度看，加入了伯尔尼公约的国家，版权保护是随着作品(无论是文字，还是图片)的问世的即刻就得到版权的保护的，并不是必须要声明。但是作为惯例，这一小行文字还是有很好加强意识，提醒浏览者，所观看的内容是受到版权保护的。</FONT></P>
<p><font FACE="宋体">　　正确的格式应该是：Copyright [dates] by
[author/owner]</FONT></P>
<p><font FACE="宋体">　　&copy;
通常可以代替Copyright，但是不可以用(c)。 All Rights Reserved
在某些国家曾经是必须的，但是现在在大多数国家，都不是法律上必须有的字样。</FONT></P>
<p><font FACE="宋体">　　参见下面几个正确的格式：</FONT></P>
<p><font FACE="宋体">　　&copy;1995-2004 Macromedia,
Inc. All rights reserved.</FONT></P>
<p><font FACE="宋体">　　&copy;2004 Microsoft
Corporation. All rights reserved.</FONT></P>
<p><font FACE="宋体">　　Copyright &copy; 2004 Adobe
Systems Incorporated. All rights reserved.</FONT></P>
<p><font FACE="宋体">　　&copy;1995-2004 Eric A. and
Kathryn S. Meyer. All Rights Reserved.</FONT></P>
<p><font FACE="宋体">　　请注意标点符号和大小写的用法，这也是专业精神的一种体现。<br/>

&nbsp;&nbsp;&nbsp;
一般企业的技术支持用Power By mainone或者Design By mainone。<br/>
　　现在流行some rights reserved：creativecommons.org</FONT></P>
<p><font FACE="宋体">　　some rights reserved 和copyright
本身并不矛盾，但是其中的界限更多是一个道德问题，真正的保留一部分权力，是指给浏览者fair
use 的权利，fair use的界定也决不是随便乱用，或者抄袭。</FONT></P>
<p><font FACE="宋体">　　甚至说，除了copyright，还有copyleft，它的定义是为了程序员开发能够共享源代码的一个方式，英文里free,
并不仅仅是免费。而且这种的源码公开免费使用，和版权也一点都不冲突。请大家不要误解。</FONT></P>
</DIV>
]]></description>
            <author>风扬</author>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000bpd.html#comment</comments>
            <pubDate>Wed, 21 Nov 2007 03:55:11 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000bpd.html</guid>
        </item>
        <item>
            <title>上善若水</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000bjw.html</link>
            <description><![CDATA[<DIV>今天彻底明白了上善若水的意思了。</DIV>
<DIV>&nbsp;</DIV>
<DIV>
“上善若水”语出《老子》：“上善若水，水利万物而不争。”意思是说，最高境界的善行就像水的品性一样，泽被万物而不争名利。&nbsp;<br/>

<br/>
&nbsp;&nbsp;&nbsp;&nbsp;上善若水，水善利万物而不争，此乃谦下之德也；故江海所以能为百谷王者，以其善下之，则能为百谷王。天下莫柔弱于水，而攻坚强者莫之能胜，此乃柔德；故柔之胜刚，弱之胜强坚。因其无有，故能入于无之间，由此可知不言之教、无为之益也。&nbsp;<br/>

<br/>
&nbsp;&nbsp;&nbsp;&nbsp;以其不争，故天下莫能与之争，此乃效法水德也。水几于道；道无所不在，水无所不利，避高趋下，未尝有所逆，善处地也；空处湛静，深不可测。善为渊也；损而不竭，施不求报，善为仁也……&nbsp;道德经第八章：“上善若水。水善利万物而不争，处众人之所恶，故几于道”．“几于道”的“几”是“非常接近、达到、合符”的意思，可以理解成“达到、符合自然法则”。而“几于道”又与前面的“上善”（最美好的品格）前后呼应。整句话的意思是：最美好的品格，高尚的情操，应像水一样。水滋养万物、造福万物却与世无争；水总是处于人们所不愿处的地方洁身自好，故达到美好境界，符合自然法则。为什么我们的老祖先说水是“上善”，由此而将水作为最受尊崇的美好品格的示范，倡导人们效仿呢？为此，孔夫子将水被崇尚为“上善”的原由，从功效、特征、性格、行为、操守等多方面做了深层次的解释：&nbsp;<br/>

<br/>
　　孔子云：水有五德．五种完美的品德，因它常流不息，能滋养一切生物，就是有德；流必向下，不倒流，或方或长，遵循自然规律，就是有义；浩大无尽，就是有道；流向几百丈山涧毫无畏惧，就是有勇；安放没有高低不平，就是守法度；量见多少，不用削刮（不会隐瞒正确的观点，违心地趋附别人），就是正直；无孔不入，好像明察；发源必自西（归宿必处东），就是立志；取出取入，万物就此洗涤洁净，就是善于变化。水有这些好德行，所以君子遇水必观（观察、体会、感悟、效仿）。<br/>

&nbsp;<br/>
&nbsp;<br/>
老子：上善若水，泽被万物而不争名利。意思是：最高境界的善行就像水的品性一样，泽被万物而不争名利。&nbsp;<br/>

<br/>
我国先秦道家学说的创立者、哲学家老子十分推崇“上善如水”。意思是说人类最美好的品行就应该如水一样。&nbsp;<br/>

<br/>
乍一看来，似乎颇为费解，但仔细咀嚼揣摩，就能领略到其含义的深刻精妙。水对我们有哪些启迪呢?&nbsp;<br/>

<br/>
其一，水往低处流。&nbsp;<br/>
<br/>
启迪我们做人，尤其是握有一定权力的人，要眼睛向下，时刻关注最基层群众的切身利益，特别是那些至今连温饱都尚未解决的群众，设身处地为他们著想，为他们排忧解难，尽快使他们摆脱贫困，步入小康。&nbsp;<br/>

<br/>
其二，水溶万物而不争。&nbsp;<br/>
<br/>
水与千千万万种物质，溶为一体，构成了人们生活中不可缺少的茶水、药水、墨水等物质，在这诸种物质的排名中，水都居于第二位。&nbsp;<br/>

<br/>
然而，如果没有了水，这些茶水、药水、墨水等还会存在吗?水的这种不争之德，启迪我们应该不争名不争利，将个人的价值体现在默默的奉献之中。&nbsp;<br/>

<br/>
其三，水随遇而安。&nbsp;<br/>
<br/>
无论石缝岩隙，还是沼泽碱滩，水都能顽强地生存。即便只是一滴露珠儿，它也会笑迎朝霞，熠熠闪光。&nbsp;<br/>

<br/>
水的这种豁达顽强的精神，启迪我们即使是处于艰苦的环境，也要安贫乐道，恪尽职守，有一分热、发一分光。&nbsp;<br/>

<br/>
其四，水遇寒而结为冰。&nbsp;<br/>
<br/>
水的三态(固态、液态、气态)变化，体现了水极大的灵活性。&nbsp;<br/>

<br/>
尤其是水遇寒而结为冰，更是启迪我们在越是困难的时候，越是要增强凝聚力、向心力，万众一心，精诚团结，只有这样，才能克服困难，夺取胜利。&nbsp;<br/>

<br/>
其五，水质透明，清澈见底。&nbsp;<br/>
<br/>
水的这种鲜明特性，启迪我们做人要光明磊落，襟怀坦白。“君子坦荡荡”，城府深不可测者很难觅到挚友良朋。我们应做一个清纯如水的人，洁身自好，纤尘不染，永远保持健康的肌体。&nbsp;<br/>

<br/>
其六，水的公平。&nbsp;<br/>
<br/>
水是最公平的，些许倾斜都会破坏水面。因此，我们常常希望掌权者要“把一碗水端平”。公平、公正是社会文明进步的根本体现，也是我们做人做事的基本准测。只有“端平一碗水”，才能赢得民心。&nbsp;<br/>

<br/>
水是博大精深的。&nbsp;<br/>
<br/>
它对我们的启迪还有许多，如“滴水穿石”，启迪我们对事业的追求要锲而不舍；“千条江河归大海”，启迪我们一旦认准一个目标，就要有一往无前的勇气和坚定执著的精神；“海纳百川，有容乃大”，启迪我们要有恢宏的气度，博大的胸怀。水对我们的启迪是如此丰厚广博，难怪先哲要发出“上善如水”的赞叹!&nbsp;<br/>

<br/>
“上善如水”堪为我们的座右铭。</DIV>
]]></description>
            <author>风扬</author>
            <category>心情日志</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000bjw.html#comment</comments>
            <pubDate>Mon, 05 Nov 2007 14:06:43 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000bjw.html</guid>
        </item>
        <item>
            <title>{UCDChina} Re: 从qq校园的有何风险提示 浅看qq的用户体验</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000b14.html</link>
            <description><![CDATA[<DIV>
&nbsp;邮箱评论热点，感觉不错我就发出来了。。。</DIV>
<DIV>有想法的来说两句。。。</DIV>
<DIV>看来宝宝树的注册,刚觉很一般呀,看一下地址对不<A HREF="http://www.babytree.com/" TARGET="_blank">http://www.babytree.com/</A><br/>
<br/></DIV>
<DIV><SPAN CLASS="gmail_quote">在07-9-25，<B CLASS="gmail_sendername">丁利</B> &lt;<A HREF="mailto:cncster@gmail.com" TARGET="_blank">cncster@gmail.com</A>&gt; 写道：</SPAN>
<BLOCKQUOTE CLASS="gmail_quote" STYLE="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">
<DIV>不错,这篇文章分析得很好!</DIV>
<DIV>现在有很多的网站搞一些很复杂的验证码,太难爱了!</DIV>
<DIV>不过,我建议大家有时间去看一看宝宝树注册的页面,很人性化!<br/>
<br/>
&nbsp;</DIV>
<DIV><SPAN CLASS="gmail_quote">On 9/25/07, <B CLASS="gmail_sendername">nihaiyu</B> &lt;<A HREF="mailto:Nihaiyu@gmail.com" TARGET="_blank">Nihaiyu@gmail.com</A>&gt; wrote:</SPAN>
<BLOCKQUOTE CLASS="gmail_quote" STYLE="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">
腾迅的campus的登陆界面多了一个"有何风险"的提示，点击之后会出现关于"保存登陆密码在本机的危害"的动画。虽然对我没什么用，但是感觉腾迅这<br/>

方面比以往有所进步，不过就怕是为了赶用户体验的时髦才搞出来的画虎变猫措施，漂亮但不实用。<br/>

譬如同一个页面的的验证码问题，我反复输入几次都会错误，非常非常不爽，直接就关闭了，从而网站直接丧失了让我本次加入的机会。<br/>

<br/>
再想想某段时期qq注册的中文验证码，感觉腾迅把验证码的变态性发展到了极致，基本上是正常人都无法使用的地步。这显然是qq的某些程序员不动脑子，机<br/>

械僵化的表现。<br/>
<br/>
近些年来，为了防止暴力破解、垃圾留言等不受欢迎的行为，网页上的验证码迅速普及开来，大小网站纷纷在自己网站上放置放置数字/图形乃至中文/数学验证<br/>

码。验证码的位置也不光在注册表单旁了，发帖、留言、回复、特殊功能等界面处都会有他恼人的身影。<br/>

这样有必要么？<br/>
<br/>
广义上，验证码的用途是为了证明机器面前是一个合理合法使用相关服务的存在，只要不是恶意使用，是不是人都没有关系的！像qq现在的做法连人都用不了，<br/>

走偏了。<br/>
<br/>
其实可以靠很多间接技术来保证用户的合理性的。<br/>
如果我们的目标是不允许软件登陆/使用qq的服务，仅限于人使用。<br/>
那么qq可以仔细研究人这种用户的行为，基于用户行为规范来判断到底是否允许接入服务，判断对面终端是扫密码的破解机还是正常运作的人。<br/>

<br/>
人是非线性的，同样的动作两次做都不可能完完全全一致。最简单的人对键盘的击键延迟，反应速度都是不同的。人又可以做逻辑判断和运算，再高级的机器AI<br/>

也赶不上会用电脑的小孩的智商，所以从这方面考虑才是验证码以及背后防非人类用户的根本出路。<br/>

<br/>
用上面的思路来做用户验证机制:<br/>
在需要验证码的时候，用lightbox效果弹出验证界面。<br/>
很简单的出道图形题，"画面上最大的红色三角形在哪个位置？&nbsp;&nbsp;左上右下
中间 "<br/>
图形学再发展至少一年内，这样的逻辑验证机制不会被低成本破解，可以有效的维持反机器登陆的性价比。<br/>

再简单的出道感性方向的题目。<br/>
一个漫画，画面上两个标记好名字的人物有一段草书对话，老王对老李说："看什么看，看你个大头鬼啊"。<br/>

答案： 1 老王喜欢老李看他<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2
老王厌恶老李看他<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3
老王想要老李看他<br/>
输入答案的标号（1、2、3、4）。<br/>
再进一步。<br/>
图画&nbsp;&nbsp;
两人站立周星驰旁边画着说的话"I服了U"<br/>
问是谁说话了？<br/>
答案：1左边的人
2右边的人&nbsp;&nbsp;3两个人 4没有人<br/>
输入答案的标号（1、2、3、4）<br/>
<br/>
<br/>
同时对于图片本身可以通过裁减大小等更改md5值的方法防止机械记忆答案的破解方法，<br/>

这种简单逻辑判断题目机器能做出来，母猪都上天了。<br/>
<br/>
<br/>
最终还有一个问题，"我们到底要验证码干什么"<br/>
做个粗糙的回答：是为了保护绝大多数用户的体验和利益，避免恶意、不正当使用网站提供的服务和相关资源。是为了大家用得舒服而不是用户不爽乃至觉得变<br/>

态。<br/>
<br/>
回到开始，注册可以使用验证措施，但我用户第一次登陆的时候为什么要输入验证码呢？对于暴力破解来说，前几次就猜中的概率是非常非常低的。与其让用户每<br/>

次都不爽并拖慢登陆且验证机制暴露，还不如像gmail那样前2次错误不出现验证码，再错就用越来越严格严格的每次不一致的验证机制。这样页面可以保<br/>

持清爽干净，也避免了验证码让人觉得不知所措。<br/>
<br/>
提升自己的技术实力，对开发者要求严格一点在背后想的多一点做的更多一点，对用户友好，让他们觉得简单、易用、可信，这才更像2.0时代的以用户为中心<br/>

的产品设计吧。<br/>
<br/>
<br/>
<br/>
<br/>
文章本来是看了qq校园有感而发的，结果写的有点偏离主题...<br/>
发现验证机制这块真是非常复杂<br/>
且当抛砖引玉吧。<br/>
晚上回来再做修改<br/>
<br/>
<br/>
--~--~---------~--~----~------------~-------~--~----~<br/>
UCDChina.com<br/>
-~----------~----~----~----~------~----~------~--~---<br/>
<br/></BLOCKQUOTE>
</DIV>
</BLOCKQUOTE>
</DIV>
]]></description>
            <author>风扬</author>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000b14.html#comment</comments>
            <pubDate>Wed, 26 Sep 2007 00:42:01 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000b14.html</guid>
        </item>
        <item>
            <title>一个初稿医疗器械的。。</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000ay6.html</link>
            <description><![CDATA[<DIV><A HREF="http://album.sina.com.cn/pic/4dfac7f6020019o8" TARGET="_blank"><IMG SRC="http://album.sina.com.cn/pic_3/4dfac7f6020019o8" BORDER="0"></A>&nbsp;</DIV>
]]></description>
            <author>风扬</author>
            <category>作品欣赏</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000ay6.html#comment</comments>
            <pubDate>Wed, 19 Sep 2007 01:16:30 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000ay6.html</guid>
        </item>
        <item>
            <title>浅谈视觉设计的准确性</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000avy.html</link>
            <description><![CDATA[<DIV>&nbsp;
<P>
在我们的生活中，只要你睁开眼睛就能看到各种各样的视觉。不同的视觉能给你不同的视觉暗示，同样能给你不同的心理感受。视觉这个话题太泛了，大自然中无所不在，我们接下来主要谈谈在软件设计中视觉表达的准确性。</P>
<P><STRONG>一、找对你的感觉。</STRONG><br/>
视觉设计首先要考虑的就是整体的感觉，即视觉设计的风格。视觉设计的风格是否准确关系着设计的成败。一个大家闺秀你不能把她打扮的象个婊子，当然这是对人的感觉；那么一个产品的视觉设计也同样需要一个对的定位，最终以合适的视觉表现出来。我们不妨以几种聊天软件来做个的比较，从中窥视一点设计定位的视觉意味。看下面一组图：<br/>

<IMG ALT="070903001.gif" SRC="http://ucdchina.com/blog/wp-content/uploads/2007/09/070903001.gif">
<br/>
（从左至右为图一、图二、图三）</P>
<P><A ID="more-296" NAME="more-296"></A></P>
<P>图一：
QQ的视觉定位是以青少年为主的，所以它的视觉设计才采用了比较明亮活泼的色彩。<br/>

图二、图三：msn和TM的视觉定位是以办公室工作人员为定位，所以它的视觉使用比较稳定和平静的色彩。</P>
<P>
令我感到失望的是，新版的TM2008给我的第一感觉象QQ,不知道这是否违背了原来的视觉定位？现在的TM2008让我感觉不如直接用QQ算了！我还是觉的原来TM更适合办公室使用，我不喜欢在办公室用QQ，所以我个人排斥了TM2008。TM2008如下图：<br/>

<IMG ALT="07090301.gif" SRC="http://ucdchina.com/blog/wp-content/uploads/2007/09/07090301.gif">
<br/>
——图四<br/>
通过上面的图四我们可以看出，设计中竟然还有很多原本属于QQ的视觉元素，我个人不认为这是个成功的定位。</P>
<P>
<STRONG>二、视觉结构和层级关系。<br/></STRONG>页面表现的层级关系和结构是用视觉的形式表现出来的，比如包含关系及业务的先后顺序的表现。让用户通过视觉就能够直接的明白应该先看什么，后看什么，元素时间是什么关系等等。就地取材，让我们来看下面的两张图：<br/>

<IMG STYLE="WIDTH: 500px; HEIGHT: 201px" ALT="qiyu0709090011.gif" SRC="http://ucdchina.com/blog/wp-content/uploads/2007/09/qiyu0709090011.gif">
<br/>
——图五<br/>
wordpress博客的后台管理界面，我们可以看到清晰的从属关系：管理–&gt;文章–&gt;文章内的修改区域。</P>
<P><IMG STYLE="WIDTH: 500px; HEIGHT: 304px" ALT="qiyu070915.jpg" SRC="http://ucdchina.com/blog/wp-content/uploads/2007/09/qiyu070915.jpg"><br/>

——图六<br/>
图六中，vista系统的界面：三个区域的层级关系一目了然
，“1”区域要高出“2”区域，“2”区域要比“3”区域的颜色深，这样整体的从属关系就很明显：<br/>

<IMG ALT="qiyu070916.jpg" SRC="http://ucdchina.com/blog/wp-content/uploads/2007/09/qiyu070916.jpg">
<br/>
——图七</P>
<P>
当然我只是说明层级关系需要视觉表达，其中有很多的细节因素就不再次赘述了。</P>
<P><STRONG>二、是什么就是什么，图形达意尽量明确。</STRONG><br/>
视觉元素在软件中都代表着一定的含义，什么样子代表什么都有其特定的视觉暗示，如果不是游戏，我们应该尽量避免和用户捉迷藏。例如应该用页签来表现的从属关系，我们不应该简单的做几个链接，这样会表达不清楚各部分关系。除此类的布局因素之外，图标的表达是软件视觉中的一大块，好的图形表达可以帮助用户直观感受功能，缩短操作时间，提高效率；不过表达不好可就麻烦了，用户可能要歪着脑袋想半天！<br/>

<IMG ALT="qiyu0709090013.gif" SRC="http://ucdchina.com/blog/wp-content/uploads/2007/09/qiyu0709090013.gif">
<br/>
——图八<br/>
在图八中，箭头所指之处为刷新图标，上面那个刷新图为原来图标，下面的刷新图标是我做个假设。对于一个新手，下面那张图的刷新图标和后退图标显得太象了，意思区别不是太明确，会造成误解。就准确性而言，上面那个刷新图标更让我容易接受。我承认我这样假设有点扣小节，我的本意是为了说明图形表达准确性。</P>
<P><STRONG>三、明确你的视觉状态</STRONG><br/>
在软件里，软件视觉的状态主要用来表现对用户的行为反馈，在计算机pc环境里的软件，主要针对鼠标和键盘操作，理想状态是：用户的每个操作行为都应该有相应的视觉反馈，比如有没有选中，操作有没有成功等。仅按鼠标操作的状态分就有默认、鼠标指向、鼠标按下、鼠标点击四种状态，准确的反馈可以让用户流畅的感觉自己的操作；关于鼠标和键盘的状态，大家在操作系统的时候注意一下，就可以看到各种操作的对应关系，而我们平时是不太注意的，因为它默默的达到了设计的目的。站在是否可用的角度分有：可用状态、不可用状态.<br/>

<IMG ALT="qiyu070910015.jpg" SRC="http://ucdchina.com/blog/wp-content/uploads/2007/09/qiyu070910015.jpg">
<br/>
——图九，本图为两种不同状态的视觉比较，不可用状态的灰色让我不再去点击。<br/>

状态的准确性可以可以避免用户误用不可用的操作而产生麻烦和浪费时间，这种情况我们可以通过一个视觉反馈轨迹图来看看操作的情况。<br/>

<IMG ALT="qiyu0709090010.jpg" SRC="http://ucdchina.com/blog/wp-content/uploads/2007/09/qiyu0709090010.jpg">
<br/>
——图十<br/>
图十是我在为一个产品做用户测试的时候，所得到的反馈图：在没有选择文件的时候，移动文件是不可用的，视觉处理的时候却是可以点击的，再加上视觉顺序的不合理，大多数的用户总是直接点击“移动文件”，犯下错误之后才去选择文件，途中的虚线部分表示犯错之后又才去选择文件，重新来过。</P>
<P><STRONG>四、请用准确的视觉来辅助信息反馈</STRONG><br/>
信息反馈一般有一下五种情况：成功、失败、询问、警告、错误\异常，我们用来对应的视觉辅助图要力求表现每种情况的准确含义，比如我见过有的软件用一个惊讶的表情来表示警告，但往往被误以为是询问或者出现了异常。一般的视觉表现如下图：<br/>

<IMG ALT="qiyu070910014.jpg" SRC="http://ucdchina.com/blog/wp-content/uploads/2007/09/qiyu070910014.jpg">
<br/>
——图十一<br/>
图十一是我们在做gui设计时做的，基本按照通用的符号。</P>
<P>
当然，为了增加趣味性，我们可以允许任意表现形式或表情的存在，前提是你的表达要准确，不要有歧义，否则使用者的第一反映可能不是你要表现的，由于理解的歧义所带来的损失和挫折感会让用户感到厌恶。通过搜索找到一些图，组合起来对比一下：<br/>

<IMG ALT="qiyu0709090014.gif" SRC="http://ucdchina.com/blog/wp-content/uploads/2007/09/qiyu0709090014.gif">
<br/>
——图十二<br/>
图十二中的第一张是我搜索到的错误表现图，想必大家都见过，如果你犯错的时候出现了，你会想到什么？第三张图的淘气鬼脸图，我以为我成功了；第四张图的表现让我以为是在警告。只有第二张图让我意识到我失败了，并且有趣味性。可见趣味性和准确性并不矛盾，我们在设计趣味性的同时，别忽略设计的准确性。</P>
<P STYLE="MARGIN-BOTTOM: 0pt; COLOR: #008000">
转载请注明出自UCDChina.com，谢谢</P>
</DIV>
]]></description>
            <author>风扬</author>
            <category>UI设计</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000avy.html#comment</comments>
            <pubDate>Thu, 13 Sep 2007 07:44:22 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000avy.html</guid>
        </item>
        <item>
            <title>关于flex的安全沙箱问题</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000avw.html</link>
            <description><![CDATA[<DIV><br/>
碰到好贴，就给copy过来了。</DIV>
<DIV><br/>
google&nbsp; baidu
居然就没有一个像样的文章来谈论这个问题&nbsp;&nbsp;<br/>

<br/>
天下文章一大抄 好多都是你抄我 我抄你 也不晓得对还是不对
反正抄了再说 给自己的blog或者 网站增加的技术含量&nbsp;
可叹<br/>
<br/>
今天不谈理论&nbsp; 只说具体一个事例&nbsp;
而且要说就要说细致点&nbsp;&nbsp;
不像有些文章说的不清不楚 看了就让人吐血<br/>
<br/>
<SPAN STYLE="COLOR: red">关于flex跨域读取一个图片</SPAN><br/>
<br/>
比如&nbsp; 假设你的服务器事&nbsp; <A HREF="http://www.myserver.com/">www.myserver.com</A>&nbsp;&nbsp;&nbsp;
而你的一个flex文件位于&nbsp;&nbsp; <A HREF="http://www.myserver.com/">www.myserver.com</A>&nbsp;/flex/myfalsh.swf<br/>

<br/>
当一个客户来访问你的这个myfalsh.swf 文件&nbsp;
而你的这个文件又要去 <A HREF="http://www.otherserver.com/img/1.jpg">www.otherserver.com/img/1.jpg</A>&nbsp;
这里把这个图片加载到flash中<br/>
<br/>
怎么办? 最简单的方法就是 var l:loader = new loader; l.load(new
urlrequest(""));&nbsp;&nbsp;&nbsp;
这个方式如果你的flash是直接放在本地目录上运行那还可以<br/>
<br/>
放在服务器上&nbsp; 加载 立马 报错 <SPAN STYLE="COLOR: red">安全沙箱冲突<br/>
<br/>
看了看loader 的 load的方法<A CLASS="signatureLink" HREF="mk:@MSITStore:C:/Documents%20and%20Settings/qkaibo.AIXIA/%C3%97%C3%80%C3%83%C3%A6/Adobe_Flex_2.0.1_Language_Reference_[Flex2.org].chm::/langref/flash/display/Loader.html#load()">load</A><FONT COLOR="#000000">(request:</FONT><A HREF="mk:@MSITStore:C:/Documents%20and%20Settings/qkaibo.AIXIA/%C3%97%C3%80%C3%83%C3%A6/Adobe_Flex_2.0.1_Language_Reference_[Flex2.org].chm::/langref/flash/net/URLRequest.html">URLRequest</A><FONT COLOR="#000000">,
context:</FONT><A HREF="mk:@MSITStore:C:/Documents%20and%20Settings/qkaibo.AIXIA/%C3%97%C3%80%C3%83%C3%A6/Adobe_Flex_2.0.1_Language_Reference_[Flex2.org].chm::/langref/flash/system/LoaderContext.html">LoaderContext</A>
<FONT COLOR="#000000">= null):</FONT><A HREF="mk:@MSITStore:C:/Documents%20and%20Settings/qkaibo.AIXIA/%C3%97%C3%80%C3%83%C3%A6/Adobe_Flex_2.0.1_Language_Reference_[Flex2.org].chm::/langref/specialTypes.html#void">void</A>
<FONT COLOR="#000000"><br/>
<br/>
context:<A HREF="mk:@MSITStore:C:/Documents%20and%20Settings/qkaibo.AIXIA/%C3%97%C3%80%C3%83%C3%A6/Adobe_Flex_2.0.1_Language_Reference_[Flex2.org].chm::/langref/flash/system/LoaderContext.html">LoaderContext</A>&nbsp;
这个干吗用的? 再看看帮助 原来是用来设置运行域 和
设置是否加载安全策略文件的<br/>
当然使用方法是&nbsp; var lc:<A HREF="mk:@MSITStore:C:/Documents%20and%20Settings/qkaibo.AIXIA/%C3%97%C3%80%C3%83%C3%A6/Adobe_Flex_2.0.1_Language_Reference_[Flex2.org].chm::/langref/flash/system/LoaderContext.html">LoaderContext</A>&nbsp;=
new <A HREF="mk:@MSITStore:C:/Documents%20and%20Settings/qkaibo.AIXIA/%C3%97%C3%80%C3%83%C3%A6/Adobe_Flex_2.0.1_Language_Reference_[Flex2.org].chm::/langref/flash/system/LoaderContext.html">
LoaderContext</A>(true);<br/>
&nbsp;var l:loader = new loader; l.load(new
urlrequest(""),lc);&nbsp;&nbsp;&nbsp;&nbsp;这样行吗?
一样不行<br/>
还要放一个 安全策略文件
放在对方服务器的根目录下面&nbsp;
名称为:<STRONG>crossdomain.xml 最好是这个名字
省得多写代码</STRONG><br/>
内容为<br/></FONT></SPAN></DIV>
<DIV CLASS="UBBContent">
&lt;?xml&nbsp;version="1.0"?&gt;<br/>
&lt;cross-domain-policy&gt;<br/>
&nbsp;&nbsp;&lt;allow-access-from&nbsp;domain="
<A HREF="http://www.myserver.com/">www.myserver.com</A>"&nbsp;/&gt;<br/>

&lt;/cross-domain-policy&gt;<br/>
<br/>
所以这种方式有个很大弊病 就是要在对方服务器上放这么一个文件 ,
别人还肯给你放啊 ? 要不就是傻了<br/>
<br/>
<br/>
第2种方式 很自然的就是想到用代理方法&nbsp; 就是
用asp,php 等类似的程序去把这种图片读回来
然后传给flex&nbsp;<br/>
具体: 放一个如 getpic.asp 在服务器上 和myfalsh.swf 同一个目录<br/>
getpic.asp的代码为<br/>
<DIV STYLE="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
<SPAN STYLE="COLOR: #000000"><br/></SPAN><SPAN STYLE="COLOR: #000000">&lt;</SPAN><SPAN STYLE="COLOR: #000000">%<br/>
<br/></SPAN><SPAN STYLE="COLOR: #0000ff">function</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;reReader(url)&nbsp;<br/>
</SPAN><SPAN STYLE="COLOR: #0000ff">dim</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;http<br/></SPAN><SPAN STYLE="COLOR: #0000ff">set</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;http&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">=</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;server.CreateObject(</SPAN><SPAN STYLE="COLOR: #000000">"</SPAN><SPAN STYLE="COLOR: #000000">Microsoft.XMLHTTP</SPAN><SPAN STYLE="COLOR: #000000">"</SPAN><SPAN STYLE="COLOR: #000000">)&nbsp;<br/>
</SPAN><SPAN STYLE="COLOR: #0000ff">with</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;http&nbsp;<br/>
.Open&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">"</SPAN><SPAN STYLE="COLOR: #000000">get</SPAN><SPAN STYLE="COLOR: #000000">"</SPAN><SPAN STYLE="COLOR: #000000">,&nbsp;url,&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">false</SPAN><SPAN STYLE="COLOR: #000000">,&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">""</SPAN><SPAN STYLE="COLOR: #000000">,&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">""</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;<br/>

.Send&nbsp;<br/>
reReader&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">=</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;.ResponseBody<br/></SPAN><SPAN STYLE="COLOR: #0000ff">end</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">with</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;<br/>

<br/></SPAN><SPAN STYLE="COLOR: #0000ff">set</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;http&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">=</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">nothing</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;<br/>
</SPAN><SPAN STYLE="COLOR: #0000ff">end&nbsp;function</SPAN><SPAN STYLE="COLOR: #000000"><br/></SPAN><SPAN STYLE="COLOR: #0000ff">dim</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;url<br/>
url&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">=</SPAN><SPAN STYLE="COLOR: #000000">Request.QueryString(</SPAN><SPAN STYLE="COLOR: #000000">"</SPAN><SPAN STYLE="COLOR: #000000">url</SPAN><SPAN STYLE="COLOR: #000000">"</SPAN><SPAN STYLE="COLOR: #000000">)<br/>
response.Clear<br/>
Response.ContentType&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">=</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">"</SPAN><SPAN STYLE="COLOR: #000000">image/gif</SPAN><SPAN STYLE="COLOR: #000000">"</SPAN><SPAN STYLE="COLOR: #000000"><br/>
Response.BinaryWrite&nbsp;reReader(url)<br/>
response.End&nbsp;<br/>
%</SPAN><SPAN STYLE="COLOR: #000000">&gt;</SPAN><SPAN STYLE="COLOR: #000000"><br/>
<br/>
<br/></SPAN></DIV>
</DIV>
<DIV><br/>
myfalsh.swf 种的代码这样写<br/></DIV>
<DIV>
<DIV STYLE="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top"><SPAN STYLE="COLOR: #0000ff">private</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;var&nbsp;_loader:Loader;<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top"></SPAN><SPAN STYLE="COLOR: #0000ff">private</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;var&nbsp;_LoadUrl:</SPAN><SPAN STYLE="COLOR: #0000ff">String</SPAN><SPAN STYLE="COLOR: #000000">;<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top"></SPAN><SPAN STYLE="COLOR: #0000ff">public</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">function</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;FileLoader(url:</SPAN><SPAN STYLE="COLOR: #0000ff">String</SPAN><SPAN STYLE="COLOR: #000000">){<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;_LoadUrl&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">=</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;url;<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;_loader&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">=</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">new</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;Loader();<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">_loader.contentLoaderInfo.addEventListener(Event.COMPLETE,OnLoadCompleateEvent);<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">_loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,OnLoadIOErrorEvent);<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">//</SPAN><SPAN STYLE="COLOR: #000000">加载<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top"></SPAN><SPAN STYLE="COLOR: #0000ff">public</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">function</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;Load():void{<br/>
<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;req:URLRequest&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">=</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">new</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;URLRequest(_LoadUrl);<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;_loader.load(req);<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">}<br/>
<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top"></SPAN><SPAN STYLE="COLOR: #0000ff">public</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">function</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">get</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;content():DisplayObject{<br/>
<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;_loader.content;<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top"></SPAN><SPAN STYLE="COLOR: #0000ff">private</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">function</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;OnLoadCompleateEvent(e:Event):void{<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">this.dispatchEvent(</SPAN><SPAN STYLE="COLOR: #0000ff">new</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;Event(Event.COMPLETE));<br/>
<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top"></SPAN><SPAN STYLE="COLOR: #0000ff">private</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;</SPAN><SPAN STYLE="COLOR: #0000ff">function</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;OnLoadIOErrorEvent(e:IOErrorEvent):void{<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;Alert.show(</SPAN><SPAN STYLE="COLOR: #000000">"</SPAN><SPAN STYLE="COLOR: #000000">加载错误</SPAN><SPAN STYLE="COLOR: #000000">"</SPAN><SPAN STYLE="COLOR: #000000">);<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN STYLE="COLOR: #000000">//</SPAN><SPAN STYLE="COLOR: #000000">this.dispatchEvent(</SPAN><SPAN STYLE="COLOR: #0000ff">new</SPAN><SPAN STYLE="COLOR: #000000">&nbsp;Event(IOErrorEvent.IO_ERROR));<br/>

<IMG SRC="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" ALIGN="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</SPAN></DIV>
</DIV>
<DIV><br/>
调用方法<br/>
&nbsp; FileLoader(<A HREF="http://www.myserver.com&nbsp;/flex/myfalsh.swf?url=http://www.otherserver.com/img/1.jpg">http://</A><A HREF="http://www.myserver.com/">www.myserver.com</A>&nbsp;/flex/myfalsh.swf?url=http://<A HREF="http://www.otherserver.com/img/1.jpg">www.otherserver.com/img/1.jpg</A>);<br/>

搞定&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</DIV>
]]></description>
            <author>风扬</author>
            <category>网络技术</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000avw.html#comment</comments>
            <pubDate>Thu, 13 Sep 2007 07:21:11 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000avw.html</guid>
        </item>
        <item>
            <title>以前做的一个拍卖页面。。。
</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000aur.html</link>
            <description><![CDATA[<DIV><A HREF="http://album.sina.com.cn/pic/4dfac7f6020019ad" TARGET="_blank"><IMG SRC="http://album.sina.com.cn/pic_3/4dfac7f6020019ad" BORDER="0"></A></DIV>
<DIV>其实现在的我感觉自己还是个图形堆切者。。。。。</DIV>
]]></description>
            <author>风扬</author>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000aur.html#comment</comments>
            <pubDate>Tue, 11 Sep 2007 07:10:07 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000aur.html</guid>
        </item>
        <item>
            <title>中国世博会网--首页完成设计，审稿中。。。
</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000auq.html</link>
            <description><![CDATA[<DIV><A HREF="http://album.sina.com.cn/pic/4dfac7f6020019ac" TARGET="_blank"><IMG SRC="http://album.sina.com.cn/pic_3/4dfac7f6020019ac" BORDER="0"></A></DIV>
<DIV>公司谈下来的单子。参考了别人的建议。&nbsp;</DIV>
]]></description>
            <author>风扬</author>
            <category>作品欣赏</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000auq.html#comment</comments>
            <pubDate>Tue, 11 Sep 2007 06:54:52 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000auq.html</guid>
        </item>
        <item>
            <title>刚做了一个竞标单子的首页。正在竞标中。。。
</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000aup.html</link>
            <description><![CDATA[<DIV><A HREF="http://album.sina.com.cn/pic/4dfac7f6020019ab" TARGET="_blank"></A><A HREF="http://album.sina.com.cn/pic/4dfac7f6020019ab" TARGET="_blank"></A><A HREF="http://album.sina.com.cn/pic/4dfac7f6020019ab" TARGET="_blank"></A><A HREF="http://album.sina.com.cn/pic/4dfac7f6020019ab" TARGET="_blank"></A><A HREF="http://album.sina.com.cn/pic/4dfac7f6020019ab" TARGET="_blank"><IMG SRC="http://album.sina.com.cn/pic_3/4dfac7f6020019ab" BORDER="0"></A>&nbsp;</DIV>
<DIV>
下午接到这个单子。开始着手搜集整理资料，策划单子。晚上奋斗到四点完成，睡觉。一个字累啊。</DIV>
]]></description>
            <author>风扬</author>
            <category>作品欣赏</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000aup.html#comment</comments>
            <pubDate>Tue, 11 Sep 2007 06:10:06 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000aup.html</guid>
        </item>
        <item>
            <title>一个简单的css ul li 导航菜单</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000apc.html</link>
            <description><![CDATA[<DIV>&nbsp;css：</DIV>
<DIV>--------------------------------------</DIV>
<DIV><FONT FACE="宋体">&lt;style type="text/css"&gt;<br/>
&lt;!--<br/>
ul{ float:left; width:100%; padding:0; margin:0;
list-style-type:none;}<br/>
a{ float:left; width:6em; text-decoration:none; color:#fff;
background-color:purple; padding:0.2em 0.6em; border-right:1px
solid white;}<br/>
a:hover{ background-color:#f30;}<br/>
li{ display:inline;}<br/>
--&gt;<br/>
&lt;/style&gt;</FONT></DIV>
<DIV>body：</DIV>
<DIV>------------------------------------------</DIV>
<DIV><FONT FACE="宋体">&lt;ul&gt;<br/>
&lt;li&gt;&lt;a href="#"&gt;链接一&lt;/a&gt;&lt;/li&gt;<br/>
&lt;li&gt;&lt;a href="#"&gt;链接二&lt;/a&gt;&lt;/li&gt;<br/>
&lt;li&gt;&lt;a href="#"&gt;链接三&lt;/a&gt;&lt;/li&gt;<br/>
&lt;li&gt;&lt;a href="#"&gt;链接四&lt;/a&gt;&lt;/li&gt;<br/>
&lt;li&gt;&lt;a href="#"&gt;链接五&lt;/a&gt;&lt;/li&gt;<br/>
&lt;/ul&gt;</FONT></DIV>
]]></description>
            <author>风扬</author>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000apc.html#comment</comments>
            <pubDate>Wed, 29 Aug 2007 15:21:39 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000apc.html</guid>
        </item>
        <item>
            <title>桩功解密</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000amn.html</link>
            <description><![CDATA[<DIV>&nbsp;<SPAN CLASS="bold">桩功解密</SPAN><br/>
<br/>

<DIV STYLE="FONT-SIZE: 13px">作者：李紫剑<br/>
<br/>
一如武器派生于原始的生产工具，拳学桩功派生于古代的养生术。<br/>
<br/>
在《黄帝内经》中即有关于养生的内容，在汉墓中已出土养生功的功法。在唐代药王孙思邈的《千金方》中，记录了两种颇具可操作性的养生术，一种是《天竺国按摩法》，一种是《老子按摩法》。后人将两种按摩术“中西合璧”，创编成了《易筋洗髓经》，从此奠定了拳学桩功的丰碑的基石。世传曰《易筋经》盛唐即有之，实非空穴来风。<br/>

<br/>
目前拳学桩功屈指难数，百脉同流，皆莫外《易筋洗髓经》，功架或不相类，而功理功法则一。<br/>

<br/>
桩功千变万化，不外乎动静两种。其动功不外乎平立斜三种圆运动及离心向心式直线运动，其静功不外乎中庸平和的“松”和层层加力的“紧”。而这动静两大类功法，均早已存在于《易筋洗髓经》中。近代种种“发明创造”，均没能逃出《易筋洗髓经》的路子和框框。<br/>

<br/>
桩功由功架和功法两项内容构成。<br/>
<br/>
功架就是桩功的姿态，亦即桩架。身体的任何间架状态均可作为功架，任何一种功架均有其一定的指征和功效，相应也均有其缺陷和弊端。虽然出于一定的目的选择特定的桩架有助于提高某种功效，但神化某种桩功把它抬到无以复加的地步则无异胶柱校瑟。或曰桩架必须按某种规范始克功效，偏差毫厘即大相径庭，不唯无功，而且伤生，危言耸听，此亦不经之谈。桩架只要大形不错，体态自然舒适得力即可，小节尽可不拘。<br/>

<br/>
拳学桩功分三步修证，即松桩、紧桩、动桩，三步功法环环相套，但一步有一步的偏重。<br/>

<br/>
松桩求证的是人体的身心健康状态，所以也叫医学桩。松桩修证的方式是站好桩架，筋骨舒展，肌肉蓬松，长时间保持功架功态，静态守恒即可。松桩坚持久之，自然血脉奋张、体力充盈、精神焕然。待通体热透直达指梢并且持续不退之后，即可由松桩转入紧桩.舒展者，自然开张之谓；蓬松者，优质海绵之态。<br/>

<br/>
紧桩求证的是预应力。预应力又叫不定向支持力，或称为六面力。具备预应力的桩架便具有“拆之不散、撞之不开、推拉不动”的匀整的间架结构，整个身体形成弓态。即习惯上所说的“身备五弓”、“五弓合一”的状态。紧桩属于拳学桩。<br/>

<br/>
紧桩的修证方式是用力，力的主体是向心力和离心力。由于支点和中心点的不同，桩功的“紧”也就有“伸紧、拉紧、原位紧”三种基本功法，而任何一种紧，都有“紧张守恒”和“层层加力”两种方式。五种紧法要在桩架不变的前提下分别练习。<br/>

<br/>
当肢体具备了弓态之后，即可转入动桩的修证。<br/>
<br/>
动桩求证的是“全力以赴”状态，亦即全身力量都进入有效工作状态的状态。动桩修证的方式是在保持紧桩的功态的基础上实施点的移动、线的伸缩和面的变换。动桩的练习以小幅度、短距离、慢速度进行为宜。动桩练习的目的，是为日后的整体发力做准备。动桩就是模拟用力状态。<br/>

<br/>
虽然每一个桩架都可以进行多面用力的动桩练习，但一个功架往往特别适合于某种用力，因此有目的的选练某些功架，往往事半功倍。例如虎扑桩练前后用力，绞翅桩练向上用力，亮翅桩练旋转用力，斜飞桩练侧后用力，就比练其它力好。对于这个问题，各人可以自行决断，是所谓“神而明之，在乎其人。”<br/>

<br/>
在拳学桩功的修炼中，紧桩和动桩均有强化训练的方法，诸如尖端抵触实物，手抓重物，臂悬重物，都是强化桩功的良方。桩功的强化必须在徒手修证有了相当的功底之后进行，并且要循序渐进、量力而行。若急功近利，则非但难以见功，反有伤身之忧，戒之。<br/>

<br/>
以上所述，即桩功的千古不传之秘。但凡桩功，概莫能外！真传一句话，一试便知！<br/>

<br/>
桩功功法法则如上，本不需赘述，但为方便初学者理解，现举“纵步提手桩”为例解释如下:<br/>

<br/>
“纵步提手桩”是一个通用的大形，轨迹拳学的傻瓜式，太极拳的提手，形意拳的三体式，八卦掌的倚马问路，少林拳的虎形，拳击的预备式……都是这个大形。提手桩的示范功架是：横步站立，两脚中间间开一拳的距离，一只脚直线前移，在前脚跟与后脚尖距离一脚半长处落定，后脚尖外撇小于90度，重心适中或稍偏后，下沉，腿弯弯屈至120度左右，左右腿相同。身体直立，双手手型任意，同时上提高于肩，大致平颈，然后手臂前伸至肘弯120度止。在此基础上，头端身正，肩松肘垂，腹平背直，筋骨舒展，肌肉蓬松，就这么平心静气地站下去，直至通体热透直达指稍。<br/>

<br/>
此即松桩的站法。在松桩的基础上，两脚前后对争，两膀左右对争，脊背上下对争，肩背左右对争，双手与肩背前后对争，切实地用力，形成六面对争。尽管用力对争，桩架始终保持原型，外观并无任何改变，这就是紧桩中典型的“伸紧”。<br/>

<br/>
在松桩的基础上，手臂用力后拉，脊背用力对拉，腿脚用力回拉。尽管用力拖拉，功架始终保持原型，这就是紧桩中典型的“拉紧”。<br/>

<br/>
在松桩的基础上，“伸紧”之后保持力度而不再伸，“拉紧”之后保持力度而不再拉，此时的桩态就是紧桩中的“原位紧”。<br/>

<br/>
三种紧法最好一种一种单独操练，一种站出功效后，再练另外一种为宜。紧桩如同弓拉弦紧，弦拉弓张，弓弦到位，弓劲自出，此理甚明。此法至简至易，实是弓态修证的不二法门。<br/>

<br/>
保持紧桩的功态比划各种用力动作，就是桩功中的“动桩”。例如，纵步提手桩站好，双手前推后拉，推到肘弯120度止，拉到肘弯90度，反复推拉；或者双手上提下按，提至高过眉，接至与乳平，反复提按；或者双手左推右拉右推左拉，或者双腿螺旋提沉上下……如此往返运动，均可以自然呼吸定时控制速度，一般来说，一呼一吸为一呼吸，即呼吸各一次，那么，动桩动作的速度，以一动呼吸各两次为宜。也就是说，动作“来”的过程中正好自然呼吸各两次，动作“去”的过程中也同样自然呼吸各两次，任意反复即可。<br/>

<br/>
桩功的功法层次和修证方法已经全部公开，余下的事就是各人用这些法则去实践自己选定的桩架了。考虑到可能会有一些朋友因受世俗说教影响而一时转不过弯来，所以不辞咿嗦，再做以下补充：<br/>

<br/>
一、松桩的松是蓬松而不是放松。蓬松是界于紧张和放松之间的临界状态，它的作用一如正负数之间0的作用。蓬松状态比放松略为紧张，但比紧张状态要松得多。至于松紧的程度，与个人的功夫深浅反应敏钝有关，因人而异，实无准确划一的标准。<br/>

<br/>
二、如果对蓬松状态不能理解，那么你就理解为“准备就绪”状态。打个比方说，当你抬起手准备去抓东西，做好了抓的准备而尚未抓出时的状态就是蓬松状态。鼓起劲尚未用力的状态，就是蓬松状态也就是松桩的桩态。<br/>

<br/>
三、思维活动决定行动，精神状态影响桩态。思想上的警惕状态可以保证松桩的质量，心理上的用力状态可以保证紧桩和动桩的质量。所以，松桩要“意动身随”，紧桩要“意到力到”，必须真实地做出来，而不是停留在思维状态。一如极充足的时间和最强烈的意念都从来没有能使任何一个截瘫患者或重症肌萎缩病人恢复自主运动，更不用说使他们成为运动专家一样，任何没有身体切实参与的思想运动可以肯定都不会产生任何实际效果。<br/>

<br/>
四、桩功可以锻炼神经系统，调整生理功能，从而使固有实力充分地转化成功力。但是徒手站桩无助于增加肌肉束的半径，所以徒手站桩只能运化实力，而不能增加实力。生理科学证实，实力的大小与肌肉束的粗细成正比，而实力的大小又与功力的大小成正比，所以当徒手桩功把身体的潜力发掘到极限之后，功力将长期呈现停滞状态，发力技术再优化也打不破僵局，这就叫“巧媳妇难为无米之炊”。为改变这种局面，就要进行桩功的强化训练和其它种种实力训练，实力提高了，功力自然而然会上台阶，米多了粥自然就会稠起来。实践证明：实力训练必不可少；桩功和实力训练相辅相成，并行不悖；徒手桩功不能替代更不能取代实力训练。<br/>

<br/>
五、桩功和发力息息相关但又分别自成体系。发力必须有良好的桩态做保证，但是不经过发力运动桩架便不具备杀伤力。桩功是造弓张弦，发力是开弓放箭。如果硬说通过站桩一途就可以达到来力不人、去力无阻、有感皆应、一触即发、不思而作、莫知而达、沾衣飞人、伤元夺命、浑身透电、目光制敌……那无异是说把一张好弓挂在树上，射程之内的飞禽走兽全都插翅难逃死得光光一样，谁证其能？？可以肯定，站桩训练不能取代发力训练，一如发力训练不能取代得手训练一样。<br/>

<br/>
六、桩功贵在持之以恒，一天半小时天天不断，效果比苦练一天休息九天要好得多。大多数人每天时间有限，不可能面面俱到，那么在一段时间内着重练一种功法，效果比频频换式换力要好得多。<br/>

<br/>
七、桩功的修证最好按松桩、紧桩、动桩的次序进行。紧桩的修证最好按伸紧、拉紧、原位紧的次序进行。动桩的修证最好按由简到繁由易到难的次序进行。桩功层层重要，步步不可或缺，无所谓高低之分。没有上一步的基础，下一步就很可能徒具形式，甚至劳而无功。<br/>

<br/>
八、不要迷信桩功！不要轻视桩功！不要用别人的感受约束你自己的行为，不要轻信名人的断言。大多数人都证明行之有效的功法才具有普遍的意义，一两个人神吹的不要盲从！对于别人和自己依法苦修而成效甚微的功法，就要有勇气质疑它的正确与真实！<br/>

<br/>
正确的功法使你成功，错误的功法使你失败，你本人就是各种功法的真伪优劣的试金石。你要相信你自己！</DIV>
</DIV>
]]></description>
            <author>风扬</author>
            <category>强身健体</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000amn.html#comment</comments>
            <pubDate>Sun, 26 Aug 2007 01:22:29 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000amn.html</guid>
        </item>
        <item>
            <title>身体是革命的本钱----给所有设计师朋友提个醒</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000amm.html</link>
            <description><![CDATA[<DIV>
&nbsp;最近由于长时间的待在电脑前面。身体感觉出现不好的症状，时时感觉到心慌气短，头痛，眼睛看物体模糊，发虚汗，浑身无力深感电脑对我的危害。但又离不开电脑，工作需要。没有办法只能从锻炼身体着手了。</DIV>
<DIV>
我对于站桩有些了解。对身体益处颇大。查了些关于站桩的资料。同时也开始了练习。明显感觉身体状态好转。我讲会继续练习下去。</DIV>
<DIV>
同时，把练习方法帖出来。希望和电脑打交到的的朋友们，也能多注意自己的身体。<FONT FACE="宋体">身体是革命的本钱。</FONT></DIV>
<DIV><SPAN CLASS="bold">【五行桩】</SPAN><br/>
<br/>

<DIV STYLE="FLOAT: right">
<DIV ALIGN="center">
<TABLE CELLSPACING="0" CELLPADDING="0" ALIGN="center" BORDER="0">
<TBODY>
<TR>
<TD ALIGN="left"></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</DIV>

<DIV STYLE="FONT-SIZE: 13px">
五行桩是太极拳及太极推手中最为重要的内功功法，也是太极推手的基本间架。它把人体各部按照太极推手的要领安排成一个圆满的姿势，其整个太极推手都离不开这个桩势的基本法则。在推手过程中尽管动作千变万化，但其步子和要领都离不开五行桩，所以有“万变不离其宗”之说，因此练习太极推手必须认真练好五行桩。<br/>

1、桩势：右脚向右前上一步，脚尖稍内扣，两脚后跟稍向上抬起，两脚前脚掌着地，两腿屈膝半蹲，两膝内扣，成为不弓不马的“太极五行步”，上体稍向前倾，使身体重心落在前脚关处，臀部里收，裆部向前上翻卷，两手屈伸于胸前，掌心均斜向前上方，右掌在前，左掌在后，左掌在右肘内侧方，目视前方，如此静站一定时间后，换步练习，姿势相同，惟左右方向相反。<br/>

2、要领：两足十趾抓地，敛臀提裆，收腹弓腰，背脊上拔，头顶上领，舌抵上腭，下凳微收，沉肩附肘，全身高度放松，思想集中。<br/>

3、呼吸：以鼻呼吸，呼吸自然、均匀、缓慢、细长。<br/>
4、意念：呼气时，两掌轻微前（或上、或下、或左、或右）推，这时的推是意动而势不动（心里想着两手向前推动，而实际上手没向前移动），两掌前推时用心仔细体会空气对手的阻力；吸气时，两掌微里收，这时的收也是意动而手不动，回收时用心仔细体会空气对手的阻力。通过如此练习，可随着手掌对空气阻力感觉的增强而功力不断增长。<br/>

待两掌前推时，体会到掌前有极强的阻力后；再体会两掌前推时不仅向前有极强的阻力，而且向上也有极强的阻力；然后体会到向下、向左、向右，甚至于向后也都有极强的阻力；这时体会到的各个方向均有极强的阻力，称之这“混圆力”。再继续练习，当体会到有一个方向上的力大于各方向的力后，即冲破了“混圆力”则大功告成。<br/>

5、作用：此桩能够贮劲蓄力，增长功力，可稳固根基，有利于发劲，有利于攻防，更有利于健身强体。因此，此桩是太极推手最重要的功夫，是太极拳推手基本间架，推手中万变不离此桩势，否则架散劲散，劲散则不稳，必败也。故有“万变不离五行桩”之说，所以，推手必须重点练好此桩。<br/>

6、要求：每次静站15—30分钟，每日练习1—2次。</DIV>
<DIV STYLE="FONT-SIZE: 13px">&nbsp;</DIV>
<DIV STYLE="FONT-SIZE: 13px">&nbsp;</DIV>
<DIV STYLE="FONT-SIZE: 13px"><SPAN CLASS="bold">【无极桩】</SPAN><br/></DIV>
<DIV STYLE="FONT-SIZE: 13px">
无极桩也称自然桩，是太极拳内功重要的桩法之一，被历代拳家认为是太极拳的根基。拳理说：“太极者，无极而生也。”练习此桩时身体处于高度放松状态，意形合一，阴阳相调，无形无象，是一种平衡和谐的内在运动。<br/>

&nbsp; &nbsp;
1、桩势：两脚平行分开，与肩同宽，身体自然站立，脊柱松直，头微上顶，下颔内收，两臂自然下垂于体两侧，掌心向内，掌指向下，口轻闭，舌抵上腭，双目微闭。<br/>

&nbsp; &nbsp;
2、要领：十趾抓地，足心含空，两腿微屈，敛臀松胯，含胸松腹，沉肩坠肘，精神集中，全身放松。<br/>

&nbsp; &nbsp;
3、呼吸：以鼻呼鼻吸，呼吸自然、均匀、缓慢、细长。<br/>
&nbsp; &nbsp;
4、意念：排除杂念，意念专一，使内气充盈，任内气自然周流全身，并达到身体内处的统一。<br/>

&nbsp; &nbsp;
5、要求：每次静站10—30分钟，每日站1-2次。<br/>
&nbsp; &nbsp;
6、作用：培养元气，放松身体，稳固身体重心，端正身体姿势，增强腿部力量。</DIV>
<DIV STYLE="FONT-SIZE: 13px">&nbsp;</DIV>
<DIV STYLE="FONT-SIZE: 13px">
真心的祝愿各位朋友都有个好的身体。这样在设计路上才能发挥我们更大的作用。</DIV>
</DIV>
]]></description>
            <author>风扬</author>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000amm.html#comment</comments>
            <pubDate>Sun, 26 Aug 2007 00:56:31 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000amm.html</guid>
        </item>
        <item>
            <title>只有一页的迷你留言本</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000akc.html</link>
            <description><![CDATA[<DIV>&nbsp;
<P>本留言本只有一个页面和一个数据库两个文件</P>
<P><STRONG>功能：</STRONG></P>
<UL>
<LI>可以对每个留言进行回复</LI>
<LI>可以对留言进行删除</LI>
<LI>可以设置留言是否要回复后再显示出来(防止非法信息)</LI>
<LI>可以对留言进行置顶设置</LI>
<LI>可以设置同一个IP留言的时间间隔</LI>
<LI>可以设置禁止某个或某段IP留言</LI>
<LI>管理页面有IP所在地链接</LI>
</UL>
<P>
<STRONG>使用前，请用记事本等文本编辑工具打开程序，可以修改以下设置</STRONG></P>
<UL>
<LI>LoginPassWord　<STRONG>管理密码</STRONG></LI>
<LI>ps <STRONG>每页留言数</STRONG></LI>
<LI>PostIntervalTime <STRONG>同一IP留言时间间隔</STRONG></LI>
<LI>
OnlyShowReplay　<STRONG>留言是否要回复后再显示出来</STRONG></LI>
<LI>IpLists <STRONG>限制留言的IP</STRONG></LI>
</UL>
<P>演示地址：<A HREF="http://www.ipark.cn/gbook" TARGET="_blank"><FONT COLOR="#333333">http://www.ipark.cn/gbook</FONT></A></P>
<P><FONT COLOR="#2D8931"><STRONG>下载地址：</STRONG></FONT><A HREF="http://www.makewing.com/lanren/aspcode/1p_guestbook.rar"><FONT COLOR="#2D8931">http://www.makewing.com/lanren/aspcode/1p_guestbook.rar</FONT></A></P>
<P>转载：懒人图库</P>
</DIV>
]]></description>
            <author>风扬</author>
            <category>资源下载</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000akc.html#comment</comments>
            <pubDate>Tue, 21 Aug 2007 11:44:37 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000akc.html</guid>
        </item>
        <item>
            <title>[教程]自然光解读 (总结)</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000ajk.html</link>
            <description><![CDATA[<DIV>&nbsp;
<P>
关于自然光的解读，行文至此差不多该收笔了。此文有别于平时比较多见两类文章，一类是关于灯光与渲染的技术文章，另一类关于色彩、色温理论的应用。目的旨在让读者从光线性质以及更微观的角度来理解CG中的灯光。相信细心的读者能察觉到，文中虽有多处花了浓重的笔墨解释光线，但远未为到淋漓尽致的程度。一者因为在某些现象上，笔者自身未能寻求到一个满意的答案，再者因为篇幅关系，很难面面俱到，譬如色温等一系列概念都未作深入探讨。相信读者心中自有一番独到的见解。最后，将此文献给所有读者，让那些对于自然光不可捉摸的困惑一散而尽吧。</P>
<P><STRONG>申明</STRONG><br/>
<EM>文中图片dawn.image1、dawn.image5、daylight.image1、daylight.image3、daylight.image6、midday.image1、midday.image2、sunset.image1、sunset.image2、sunset.image5、night.image1、night.image5的版权归原作者或公司所有。</EM></P>
</DIV>
]]></description>
            <author>风扬</author>
            <category>配色学习</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000ajk.html#comment</comments>
            <pubDate>Mon, 20 Aug 2007 06:54:18 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000ajk.html</guid>
        </item>
        <item>
            <title>[教程]自然光解读 (7)</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000ajj.html</link>
            <description><![CDATA[<DIV><FONT STYLE="FONT-SIZE: 32px" COLOR="#000000"><STRONG>&nbsp;夜晚</STRONG></FONT>
<P>
黄昏和薄暮转瞬即逝，随之而来的便是漫长的夜晚。尽管目前3＋1种猜测说仍然不能完美地解释月球的起源，但是，我们还是要感激这颗地球卫星的存在，它使得地球的夜晚不再彻底地黑暗。</P>
<P>
太阳光在月球上经过漫反射后到达地球，期间经过大气形成散射光。这个过程和原理已经在前文花大笔墨阐述。但是和白天不同的是，晚上的光线十分微弱，一些暖色光和散色光混合以后，显现出银白色甚至于宝石篮的颜色，图night.image1所展示的是一幅十分美丽的桂林夜景。值得注意的是，尽管晚上的光线十分昏暗，但是，在这昏暗中仍然充满了变化。这些变化与月亮的位置、月相、云层厚度都存在各自的关系。这样的原理前文也已经提到，这里是同样的道理。变化归变化，但有一点是始终不变的：在夜晚，除了被人工光源照亮的地方，地面的光线总间接来自于天空，所以地面总是比天空要暗。有时，我们不经意就把地面的颜色调得比天空亮，可能一时间反应不过来哪里出了问题，但总是会觉得画面很奇怪。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 417px" HEIGHT="426" SRC="http://www.blueidea.com/articleimg/2007/04/4587/27.jpg" WIDTH="510" BORDER="0"><br/>
night.image1</P>
<P>
CG中，夜晚场景灯光，主光一般设置为藏青色，补光选择篮色，光比大约6:4，灯光与地面夹角可以为任何角度。一般情况下，灯光师不会被要求设计特定日期的月光。所以满月便是最好的选择，当月相为满月时，我们整晚都能看到最亮的月亮。图night.image4是笔者对这个时段光线的演示。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 304px" HEIGHT="311" SRC="http://www.blueidea.com/articleimg/2007/04/4587/28.jpg" WIDTH="510" BORDER="0"><br/>
night.image2</P>
<P><STRONG>&nbsp;注：</STRONG><br/>
月亮在天空中出现是有规律的。和太阳一样，它也是东升西落，但是周期和太阳的不同。有时它会和太阳同时挂在天上，但是白天的天空太亮，我们便感觉不到它的存在。农历上半月，月亮从朔到望（即由亏到盈、由缺到圆），月亮位于太阳的东边，在日落以前已从地平线上升起，出现在天空。新生的蛾眉月，常在太阳升起后不久就升起，黄昏后已出现在西方天空，月牙的弓弧向西，但不久即消失在西方上的天空。弦时，月亮在正午升起，18点左右出现在南方天空，弓弧向西。满月时，太阳从西方地平线上落下时，月亮正好从东方地平线上升起。农历下半月，月亮从望到朔、即由盈到亏（由圆到缺）的月相称为残月，残月位于太阳的西边，在日出以后月亮才从地平线上落下。下弦时，月亮在半夜0点左右出现在东方的地平线上，弓弧朝东。蛾眉月（残月）出现在黎明前的东方天空，月牙弓弧向东，但不久即消失在东方天空中。夜晚看到月亮时间的长短可根据月亮圆缺的情况推测出来，月亮愈圆，夜晚看到月亮时间愈长；月牙愈窄，夜晚看到月亮时间愈短。如新月（朔）整夜不见，上弦月上半夜能看到，满月整夜可见，下弦月下半夜能看到。下表归纳了这些现象。(night.image3)</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 138px" HEIGHT="141" SRC="http://www.blueidea.com/articleimg/2007/04/4587/29.gif" WIDTH="510" BORDER="0"><br/>
night.image3</P>
<P>
如果按照上述灯光设置的方法，藏青－篮属于相邻的色系。这样的补光方法会显得比较单调。但索性，晚间我们可以通过人工光源来补充自然光的这一不足。由于色温的关系，人工光源呈现出暖色或是中性的绿色（一些荧光的物体），这和夜晚的自然光正好形成一种有益的互补。如果夜晚场景含有人工光源，人工光源将成为主光，它的形式是点光源。主光选择暖色，补光选择冷色。光比大约8:2。图night.image4是笔者对这个联立光线的演示。</P>
<P ALIGN="center"><br/>
<IMG STYLE="WIDTH: 500px; HEIGHT: 304px" HEIGHT="311" SRC="http://www.blueidea.com/articleimg/2007/04/4587/30.jpg" WIDTH="510" BORDER="0"><br/>
night.image4</P>
<P>
纯粹的夜晚光线适合用来表现一种宁静的气氛。这种宁静可以视为可怕、紧张，也可视为安详，表达的内容始终比较有限。而此时段的光线一旦和人光光源联合作用，便产生了新的语境。人光光源可以出现在任何位置，顶光、底光、侧光、逆光甚至正面光都成了灯光师表达画面的语句。可以说，只要通过灯光师的加工，这时的光线除了含有它“黑暗的”、“冲突的”、“神秘的”的本意外，还能拥有其他任意的气氛和情绪。(night.image5)</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 341px" HEIGHT="348" SRC="http://www.blueidea.com/articleimg/2007/04/4587/31.jpg" WIDTH="510" BORDER="0"><br/>
night.image5</P>
<P ALIGN="right">出处：<A HREF="http://www.tgjay.com/">tgjay.com</A><br/>
责任编辑：<A HREF="http://www.blueidea.com/common/contact.asp?type=%C2%B1%C3%A0%C2%BC%C2%AD&amp;username=moby" TARGET="_blank">moby</A></P>
</DIV>
]]></description>
            <author>风扬</author>
            <category>配色学习</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000ajj.html#comment</comments>
            <pubDate>Mon, 20 Aug 2007 06:50:39 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000ajj.html</guid>
        </item>
        <item>
            <title>[教程]自然光解读 (6)</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000aji.html</link>
            <description><![CDATA[<DIV>&nbsp; <A HREF="http://www.blueidea.com/design/doc/2007/4587_6.asp"><STRONG><FONT STYLE="FONT-SIZE: 32px" COLOR="#000000">黄昏和薄暮</FONT></STRONG></A>
<P>
接下来，我们要聊的是黄昏/薄暮，关于这个时段，人们总是津津乐道。这个时段美轮美奂、变化无常的光线是摄影师的首选，也成了几乎所有CG灯光师的用光首选。尽管黄昏/薄暮时段光线的变化很多，但是从总体上说，可以分为两类，一类光线出现在太阳落下地平线以前，我们称之为黄昏，另一类光线出现在太阳落下地平线以后，我们称之为薄暮，其它各个时段的光线更多的是在这两种光线基础上的过渡和变化。<br/>

在黄昏的阶段，太阳呈现出橙红色，而且越接近地平线时越红。这个现象和日出时的别无二致，在接近天顶方向，阳光穿过低层大气较少，呈现出蓝散射光与低层大气散射的红光“重叠”进入人的眼睛，就会看到显示紫色的天空。此刻地表和大气经过了一整天阳光的照射，温度都相对较高，由于布朗运动的缘故，大气中小分子漂浮物比较多，所以天空的散射和漫反射都比较强。我们可以参考图sunset.image1，处在这样光线下的物体的暗部很透，这也是昏黄光线和破晓光线的最大的区别。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 386px" HEIGHT="394" SRC="http://www.blueidea.com/articleimg/2007/04/4587/22.jpg" WIDTH="510" BORDER="0"><br/>
sunset.image1</P>
<P>
薄暮是黄昏的一种延续，我们有时也称这个时候的光线为染山霞，我们所熟悉的《指环王》中有许多镜头为我们演绎了这个时候的光线(sunset.image2)。太阳已经下了地平线，不存在阳光对地面的直射，但是阳光仍然能照射到西方的天空，形成红色的散射光，但由于强度小了很多，和高层大气产生的蓝散射光“混合”，便产生了十分美丽的品红色的霞光。但是，这种现象也不是绝对的，只有当空气中水分含量比较少时，才能产生染山霞。如果空气中水分含量比较多时，光线会在其中各种难以预测的散射，有时甚至会得到绿色的散射光。不仅如此，由于薄暮时的光线不再含有太阳的直射光，所以此时的光线在物体表面多次反射或折射后，人眼便不一定再能感觉到。一个直观的现象是，这是时段中，高级写字楼上的玻璃对环境仍然较强的反射，但是树木（表面粗糙）的光感便不再那么强烈了。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 261px" HEIGHT="267" SRC="http://www.blueidea.com/articleimg/2007/04/4587/23.jpg" WIDTH="510" BORDER="0"><br/>
sunset.image2</P>
<P>
CG中，黄昏场景灯光，主光一般设置为橙色，补光选择篮紫色，光比大约6:4，灯光与地面夹角10-30度。此时的灯光应该着力刻画画面暗部，一方面暗部比较透，另一方面，阴影比较长。图sunset.image4是笔者对这个时段光线的演示。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 304px" HEIGHT="311" SRC="http://www.blueidea.com/articleimg/2007/04/4587/24.jpg" WIDTH="510" BORDER="0"><br/>
sunset.image3</P>
<P>
薄暮场景灯光，主光一般设置为品红色（可以考虑用灯光阵列），补光选择紫色，光比大约6:4，灯光与地面夹角5-20度。此时，物体的投影都是比较柔和的。图sunset.image4是笔者对这个时段光线的演示。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 304px" HEIGHT="311" SRC="http://www.blueidea.com/articleimg/2007/04/4587/25.jpg" WIDTH="510" BORDER="0"><br/>
sunset.image4</P>
<P>
黄昏/薄暮的光线拥有诸多个性，首先这个时段光线角度较低，投影面积比较大，所以能很好得塑造形象；其次这个时段光线对比不强，画面中的物体不会产生死黑的部分，都能表现出较多细节；再次，橙－紫光亦或粉－紫光都是和谐的光线组合，也是使光线出彩的组合；最后，合理运用摄影中的一些手法，亦能获得十分有个性的画面效果，比如人物在逆光效果下的剪影效果。可见，黄昏/薄暮时段的光线可以提供给灯光师很多选择，也让灯光师有额外的发挥余地。如果考虑到这个时段光线塑造力很强，情节的转折、冲突、推进都适合在这个时候来表现；如果考虑到这个时段光线具有冷、暖双重特性，各种阴暗或是隆重的场面在这个时段都有表现的余地；如果考虑黄昏是一天中能看到阳光的最后时段，那么灯光师便能使之表现一种落寞的气氛等等。可以说，只要我们考察黄昏/薄暮的角度不同，就能表达出不同的情绪，这个时段的内涵不是笔者用寥寥文字能尽述的。(sunset.image5)</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 571px" HEIGHT="583" SRC="http://www.blueidea.com/articleimg/2007/04/4587/26.jpg" WIDTH="510" BORDER="0"><br/>
sunset.image5</P>
<P ALIGN="right">出处：<A HREF="http://www.tgjay.com/">tgjay.com</A><br/>
责任编辑：<A HREF="http://www.blueidea.com/common/contact.asp?type=%C2%B1%C3%A0%C2%BC%C2%AD&amp;username=moby" TARGET="_blank">moby</A></P>
</DIV>
]]></description>
            <author>风扬</author>
            <category>配色学习</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000aji.html#comment</comments>
            <pubDate>Mon, 20 Aug 2007 06:47:54 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000aji.html</guid>
        </item>
        <item>
            <title>[教程]自然光解读 (5)</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000ajh.html</link>
            <description><![CDATA[<DIV>&nbsp;<FONT STYLE="FONT-SIZE: 32px" COLOR="#000000"><STRONG>正午</STRONG></FONT>
<P>
相对于早晨/午后的自然光来说，正午的灯光并没有奇特之处。这个时段的主光仍然是黄色，补光仍然是蓝色，原理同早晨/午后。但是因为正午是一天中阳光照射最强烈的时候，所以自然光中的很多要素都被极端化了。<br/>

首先是主光方向，太阳达到了一天中的最高点，从早晨的侧光变成了中午的顶光。一般而言，生硬的顶光效果不甚理想，很容易投下很浓重的投影。人若处在这样的光线之中，由于眉弓、颧骨等处的凸起，就像图midday.image1中的石膏像那样，会产生另人不愉快的投影。对于女性角色而言，这样的投影几乎是致命，很容易暴露不美之处。如果我们不得不处理正午的灯光，应尽量把灯光倾斜一些。上一节已经讲到，北回归线以北地区、南回归线以南地区，全年中太阳都不可能出现在正上方，即使在南北回归线之间的地区，全年太阳也只有两次直射地面的机会。当然，直射的光线并非总是那么可恶。由于光线垂至于地面，当它照射到水面上时，菲涅尔效应很小，所以这个时候水看上去是很清澈的。(midday.image2)</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 568px" HEIGHT="580" SRC="http://www.blueidea.com/articleimg/2007/04/4587/20.jpg" WIDTH="510" BORDER="0"><br/>
midday.image1</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 301px" HEIGHT="308" SRC="http://www.blueidea.com/articleimg/2007/04/4587/21.jpg" WIDTH="510" BORDER="0"><br/>
midday.image2</P>
<P>
另一方面，由于正午时段的自然光很强烈，再加上人眼自动调节的缘故，我们看到的环境对比也十分强烈，这时如果灯光设置对比不强烈的话，感觉就像是早晨或者下午。这样的效果在CG中是一柄双刃剑，对比强的画面自然能刺激视神经，但也会让画面的暗部死黑一片。</P>
<P ALIGN="right">出处：<A HREF="http://www.tgjay.com/">tgjay.com</A><br/>
责任编辑：<A HREF="http://www.blueidea.com/common/contact.asp?type=%C2%B1%C3%A0%C2%BC%C2%AD&amp;username=moby" TARGET="_blank">moby</A></P>
</DIV>
]]></description>
            <author>风扬</author>
            <category>配色学习</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000ajh.html#comment</comments>
            <pubDate>Mon, 20 Aug 2007 06:45:30 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000ajh.html</guid>
        </item>
        <item>
            <title>[教程]自然光解读 (4)</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000ajg.html</link>
            <description><![CDATA[<DIV><FONT STYLE="FONT-SIZE: 32px" COLOR="#000000"><STRONG>早晨和午后</STRONG></FONT>
<P>
当太阳升起以后，我们便进入了白天。当然，“白天”并不“白”，我们仍然能发现丰富的色彩。请看下图daylight.image1，太阳光经过大气，射到地面后呈现出黄色，而一些背对着太阳的地方呈现出很深的蓝色。黄蓝——暖色冷色的对比体现着一种色彩上的美感，但是自然光之所以给我们这样的视觉感受，不是因为它深谙美学原理，而是因为那深藏在它背后的自然规律。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 377px" HEIGHT="385" SRC="http://www.blueidea.com/articleimg/2007/04/4587/13.jpg" WIDTH="510" BORDER="0"><br/>
daylight.image1</P>
<P>
天空为什么是蓝色的？这并不是一个充满童稚的问题，直到1871年，瑞利（Lord
John William Strutt Rayleigh
1842~1919,1904年获得诺贝尔物理学奖）提出的瑞利散射理论才圆满得解释了这个问题。白天得时候太阳照射地球表面，太阳光在穿过大气层时，各种波长的光都要受到空气的散射，其中波长较长的波散射较小，大部分传播到地面上，这些光综合起来呈现出黄色。而波长较短的蓝、绿光，受到空气散射较强，天空中的蓝色正是这些散射光的颜色，因此天空会呈现蓝色，就如图daylight.image2所描述的那样。平日里，我们看到大海所呈现出的蓝色也是因为散射造成的，但曾经在很长一段时间里，包括瑞利在内的许多人都认为大海的蓝色是因为反射了天空的散射光所造成的。
1921年，拉曼（Sir Chandrasekhara Venkata Raman,
1888-1970,1930年获得诺贝尔物理学奖）在海上旅途中的发现让我们了解了真相，它从前文提到过的布儒斯特角观察海面并用尼科尔棱镜过滤掉了S光，从而看到不受蓝天影响的大海，这样的大海呈现出一种与平日相比更深沉的蓝色，这就是光在水中散射的结果。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 350px" HEIGHT="358" SRC="http://www.blueidea.com/articleimg/2007/04/4587/14.jpg" WIDTH="510" BORDER="0"><br/>
daylight.image2</P>
<P>
同样是白天，阴天和晴天又有所不同。阴天的云层很厚，而且大颗粒物较多，少量阳光照射到云层上发生丁达尔散射（白光散射后仍然是白光），大量阳光遇到云层后直接漫射开来，整个天空就像是一块大的柔光布，所以阴天的自然光很少有颜色上的倾向而显现出灰白色。(daylight.image3)</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 358px" HEIGHT="366" SRC="http://www.blueidea.com/articleimg/2007/04/4587/15.jpg" WIDTH="510" BORDER="0"><br/>
daylight.image3</P>
<P>
CG中，早晨/午后场景灯光，主光一般设置为黄色，补光选择蓝色，光比大约7:3。因为灯光与地面的夹角与一天中不同的时段有关，另一方面也与地球在公转轨道上的位置有关系，所以灯光与地面夹角几乎可以是任意的。图daylight.image4是笔者对这个时段光线的演示。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 304px" HEIGHT="311" SRC="http://www.blueidea.com/articleimg/2007/04/4587/16.jpg" WIDTH="510" BORDER="0"><br/>
daylight.image4</P>
<P>
如图daylight.image5，太阳照射方向在东西方向分量与地面的夹角叫晨昏角，这个角度与一天中不同的时段有关，一般太阳在正午升到最高；太阳照射方向在南北方向分量与地面的夹角叫太阳高度角，这个角度与地球在公转轨道上的位置有关。在中国，北回归线以北地区，每年6月22日前后太阳高度角达到最大值。</P>
<P><STRONG>注：<br/></STRONG>太阳高度角具体的计算公式如下：</P>
<P ALIGN="center"><IMG HEIGHT="21" SRC="http://www.blueidea.com/articleimg/2007/04/4587/17.gif" WIDTH="121" BORDER="0"></P>
<P>
H为正午太阳高度，w为当地的地理纬度，S为太阳直射点的地理纬度。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 350px" HEIGHT="358" SRC="http://www.blueidea.com/articleimg/2007/04/4587/18.jpg" WIDTH="510" BORDER="0"><br/>
daylight.image5</P>
<P>
当然，灯光师很少被指定设计某一天某个时间点在某个纬度的灯光，更多是被要求泛设计早晨/下午的灯光。这个时候，我们根据剧本和画面的要求来具体设计灯光的位置，正如前面所述，这段时间的阳光几乎可以在任何位置出现。<br/>

那么，早晨和午后的又有多大的区别呢？其实，两者并无实质上的区别，只是在晨昏角上存在互补的关系。但是，我们经常在一些动画电影中感到早晨和午后的灯光的不同，这仅仅是出于动画艺术风格的需要，为了把两个时段区分开，我们有时故意把早晨的主光设置成冷色，补光设置成暖色；或是让早晨冷色的成分多一些，下午暖色的成分多一些等等，这些艺术风格上的要求不一而足。<br/>

正因为早晨/午后的自然光有了这些特性，它们便成了我们叙事与表达画面的强有力要素。首先这个时段的主光方向的选择比较多；其次这个时段的光比为7：3，稍微改变一下这个比例就能很轻易得达到，4：1的高比调或2：1的低比调；再次这个时段的光所产生的明暗关系中有丰富的冷暖变化。这样的可调性使得灯光师的想法表达更为灵活。这个时候的灯光适合用来叙事，早晨的自然光更多给人轻快的感觉，有时也用来表现盛大的或喜悦的场面，下午光线的感情倾向相对弱一些，用以表现一些严酷的环境是一个不错的选择。(daylight.image6)</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 230px" HEIGHT="235" SRC="http://www.blueidea.com/articleimg/2007/04/4587/19.jpg" WIDTH="510" BORDER="0"><br/>
daylight.image6</P>
<P ALIGN="right">出处：<A HREF="http://www.tgjay.com/">tgjay.com</A><br/>
责任编辑：<A HREF="http://www.blueidea.com/common/contact.asp?type=%C2%B1%C3%A0%C2%BC%C2%AD&amp;username=moby" TARGET="_blank">moby</A></P>
</DIV>
]]></description>
            <author>风扬</author>
            <category>配色学习</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000ajg.html#comment</comments>
            <pubDate>Mon, 20 Aug 2007 06:42:19 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000ajg.html</guid>
        </item>
        <item>
            <title>[教程]自然光解读 (3)</title>
            <link>http://blog.sina.com.cn/s/blog_4dfac7f601000ajf.html</link>
            <description><![CDATA[<DIV><FONT STYLE="FONT-SIZE: 32px" COLOR="#000000"><STRONG>&nbsp;破晓</STRONG></FONT>
<P>
“日出江花红胜火”是白居易描写日出江面的一句词，这句词中的“江花”的解释一直都有争议。大部分人支持“江边的花”这一解释，但是我认为“江花”应该解释为“浪花”，且看下图(dawn.image1)。日出时，太阳“染红”了整个东方，太阳光斜射到海面，由于菲涅尔(Fresnel)效应造成强烈的反射，致使海面也呈现出热烈的红色。从某种意义上说，整个环境呈现出壮丽的红色比江边的小花泛红更能体现出日出的意境，所以我支持后一种观点。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 398px" HEIGHT="406" SRC="http://www.blueidea.com/articleimg/2007/04/4587/05.jpg" WIDTH="510" BORDER="0"><br/>
dawn.image1</P>
<P>
<STRONG>注<br/></STRONG>菲涅尔效应：根据菲涅尔公式，光的反射率可以用以下两个公式计算&nbsp;</P>
<P ALIGN="center"><IMG HEIGHT="55" SRC="http://www.blueidea.com/articleimg/2007/04/4587/06.gif" WIDTH="233" BORDER="0"><br/>
&nbsp;(1)</P>
<P ALIGN="center"><IMG HEIGHT="55" SRC="http://www.blueidea.com/articleimg/2007/04/4587/07.gif" WIDTH="221" BORDER="0"><br/>
(2)</P>
<P ALIGN="left">
当一束自然光照射到两种介质的界面上时，可分解为光矢量在入射面内的偏振光（P光）和光矢量与入射面垂直的偏振光（S光）。Rp
、Rs分别表示两种偏振光的反射率；<br/>
如图dawn.image2所示，n1表示外介质的折射率，n2表示内介质的折射率；<br/>

i1表示入射角，i2表示折射角，i2折射角可以通过以下折射定律得到；</P>
<P ALIGN="center"><IMG HEIGHT="25" SRC="http://www.blueidea.com/articleimg/2007/04/4587/08.gif" WIDTH="163" BORDER="0"><br/>
&nbsp;(3)</P>
<P ALIGN="left">最终反射率是Rp
、Rs的平均值，通过以上公式的代换可知Rp
、Rs只和入射角i1有关。（如果读者朋友对偏振光感兴趣，可以查阅相关资料。）<br/>

乍看之下，很难找出Rp
、Rs和i1的变化规律，笔者是maya用户，为描述这个规律完成了一个mel脚本(
<A HREF="http://www.blueidea.com/articleimg/2007/04/4587/fresnelTest.zip" TARGET="_blank"><STRONG>fresnelTest.mel</STRONG></A> )，</P>
<P ALIGN="left">在maya中输入fresnelTest
[index]就能得到入射角i1从1变化到90所产生的结果。([index]是n2与n1的比值，水/空气的[index]大约是1.33，玻璃/空气的[index]大约是1.55，eg.
输入fresnelTest 1.55)<br/>
结果，随着i1的增加，Rp先变小再变大，i1 =
arctg(n2/n1)时，Rp=0，达到最小值。<br/>
i1 =
arctg(n2/n1)这个角被称做布儒斯特角，它在物理上有重要的意义，当光以布儒斯特角入射时反射光为线偏振光，折射光为部分偏振光，这里不再赘述。<br/>

另一方面，随着i1的增加，Rs单调增加，而Rp
、Rs的平均值也是单调增加的。<br/>
所以我们得出了最后的结论，随着入射光的入射角的增加，入射光的反射率也增加！</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 350px" HEIGHT="358" SRC="http://www.blueidea.com/articleimg/2007/04/4587/09.jpg" WIDTH="510" BORDER="0"><br/>
dawn.image2</P>
<P>
那么，为何日出时东方会呈现出红色呢？包括笔者在内的许多人都会脱口而出：“色温低！”但是从更理性一些的角度思考，色温并不能从根本上解释这个问题。(色温概念并非本文重点，不做详细描述。)其实，光的散色能力因光的波长不同而不同，波长越短，散射能力越强，越容易被散开。通过上一节的介绍，我们已经知道，蓝光的波长比红光短，所以蓝光在特定环境下的散射能力比红光强。如图dawn.image3，日出的时候，阳光斜射地面，阳光需要穿过很厚的大气层，蓝光由于散射能力很强，所以在到达地面之前就已经被散射光了，我们只能看到蓝光在天顶和西方的散射。</P>
<P>
<STRONG>注:<br/></STRONG>光在传播过程中，会不断遇到障碍物，当障碍物比可见光的波长大很多时并且不均匀时，光就被弹向四方，就像雨滴打在地面上一样，这个现象叫光的漫射；但当障碍物的大小和波长差不多的时候，障碍物会有选择性得透光光线，而使得另一些光的传播方向发生偏转，就好像三棱镜能让光散开一样，这个现象叫光的散射。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 350px" HEIGHT="358" SRC="http://www.blueidea.com/articleimg/2007/04/4587/10.jpg" WIDTH="510" BORDER="0"><br/>
dawn.image3</P>
<P>
CG中，破晓场景灯光，主光一般设置为红色，补光选择深蓝色，光比大约8:2，灯光与地面夹角5-25度。其实此时阳光与地夹角并没有这么大，但是CG画面中如果角色或物体投影过长会让画面很堵，所以此时灯光与地面夹角的宽容度比较大。图dawn.image4是笔者对这个时段光线的演示。</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 304px" HEIGHT="311" SRC="http://www.blueidea.com/articleimg/2007/04/4587/11.jpg" WIDTH="510" BORDER="0"><br/>
dawn.image4</P>
<P>
由于，“日出”积极的寓意十分明显，我们一般在这个时候表现一些积极和有朝气的气氛，也可表现一些浩大的场面，但总体来说都是很轻快的。同时，日出前的昏暗也可以用来表现一些阴暗的东西，利用日出这一时刻来表现从阴暗到光面的过渡会有戏剧性的效果。(dawn.image5)</P>
<P ALIGN="center"><IMG STYLE="WIDTH: 500px; HEIGHT: 295px" HEIGHT="301" SRC="http://www.blueidea.com/articleimg/2007/04/4587/12.jpg" WIDTH="510" BORDER="0"><br/>
dawn.image5</P>
<P ALIGN="right">出处：<A HREF="http://www.tgjay.com/">tgjay.com</A><br/>
责任编辑：<A HREF="http://www.blueidea.com/common/contact.asp?type=%C2%B1%C3%A0%C2%BC%C2%AD&amp;username=moby" TARGET="_blank">moby</A></P>
</DIV>
]]></description>
            <author>风扬</author>
            <category>配色学习</category>
            <comments>http://blog.sina.com.cn/s/blog_4dfac7f601000ajf.html#comment</comments>
            <pubDate>Mon, 20 Aug 2007 06:37:50 GMT+8</pubDate>
            <guid>http://blog.sina.com.cn/s/blog_4dfac7f601000ajf.html</guid>
        </item>
    </channel>
</rss>
