腾讯科技讯 11月2日消息，作为2009中国互联网大会分会的网络科普论坛在北京国际会议中心召开。本次论坛受到了中国互联网协会秘书长马宁先生，张小林女士，中国互联网协会网络科普联盟副主任，中国科协科普部副主任殷浩先生等相关领导的关注。
北京航空航天大学新媒体教授费新碑在论坛表示，今天由于数字革命，由于网络革命，使得艺术和科学在山上握手。费新碑自己深刻地认识到今天是个拐点，特别是数字媒体界面设计是有效地把科学和艺术再次联手合作。
以下是北京航空航天大学新媒体教授费新碑演讲实录:
费新碑:谢谢大会给我这么一个机会！把网络界面视觉系统的研究报告，这个报告是我们给中国数字科技馆字的一个研究报告，在这里给大家做一个交流。
网络界面视觉系统这个设计在业内不是很重视，把它当做一种美术。实际上我们研究当中发现，网络界面视觉系统设计非常重要，因为电子阅读是一种新的形式。我们在这种单向的电子屏幕后面是一个无穷大的支持系统。这个视觉设计就不仅仅是美观的问题，还带有很强大的功能问题。所以，我们做了这个理论报告。
界面设计的视觉系统实际上涉及到三个问题。就是通常说的是UI设计，有三个内容。一个是计算机的硬件设备，人性化的设计问题。二，网络信息资源有效整合，主要是后台的问题。三，网络界面友好的艺术设计问题。我们这个研究实际上只在第三个层面做研究，前面两个不在我们的专业范围之内。
这个研究实际上目前在国际上是走得比较前的。它在历史发展上有三件大事对非常有影响。第一是1956年（…）会议，这个时候计算机还是晶体管时代的时候，发现计算机有强大的计算功能，提出了机器仿人，所谓的人工智能问题。开启了UI设计的第一步。
第二，上个世纪80年代一个是83年代苹果公司放弃了字符设计，因为字符设计非常复杂，就连搞计算机的要记住字符命令都非常困难。
84年发明了鼠标，这个设计就来了图形设计，按照图形学的理论，图象大于文字。第三就是90年代三网的应用，69年英特网、89年万维网，95年的互联网，最后是图形界面设计。图形界面设计做得比较好的公司一个是微软，一个是贝尔实验室。特别是微软经过一直到现在图形界面设计已经进入一个新的领域，第一在用户友好和有效的控制下面，不是指我们搞设计的人员给自己对界面操作系统的认知，而是交给数以万计数以亿计的用户自己控制，所以今天自定义是一个趋势。第二一定要减少用户界面认知负担，有的可能需要好几个小时才能让用户理解界面的应用。第三，界面一定要保持形态的认知一致性。因为一个界面设计下去，如果一个门户网站下去是一系列的界面，我们的设计不断变换形式的话用户认知就会出现模糊混乱。
这是三大原则。
下面，我准备从八个方面，最后我们做一些举例。
第一，界面总体设计的原则陈述。
我把这个稍微简化一下。电子阅读的特点，我这儿只给大家讲三个。第一，电子阅读是检索式的阅读，有点类似于纸质文本的百科全书式阅读，因为它的后台功能非常强大，所以检索是电子阅读一个特点。第二是随机式，人机交互的时候是单机单人，是随机滑动的。随机式就带来最后一个就是碎片化。所以我们最后设计的时候一定要切片，切成一个一个小块，满足电子阅读的特点。
根据上面我简单讲的这三个特点，我们在做界面设计的时候，第一要注意符号编码系统。符号编码系统比较复杂，这牵涉到认知心理。第一个是双重编码，我们做图象设计的时候是两个符号，一个是文字符号，一个是图象符号。我刚才讲了，90年代以后图形设计走到前面，文字的命令走到后面。图形大于文字的时候，这两个东西就变成一种双重编码。
双重编码的设计主要是以图形代文字。这个微软做得比较好。给大家看一个刚刚公布的09版的。
我们看到微软在office的时候不断地组合图形和文字的有效性，做双重编码，这个编码系统是做了大量的实验室的实验然后才决定下来的。
双重编码是按语言学的规律便把，因此在双重编码里面一般一个组合是7个符号，7个符号里面一定要有一个主符号，就是一个语言序列里面的谓词，是最重要的一个词汇。构成我们设计的时候描述程序语义框架逻辑，然后达到最有效的符号识别。
比如说，我们在给中国数字科技馆做的时候，我们得行设计了一套符号系统，这套系统有几个要求，第一要通时行，我们的先进系统一定是一个前进符号。第二是突出性，是指这种符号一定在界面的时候强化出来，不能引到界面后面去，就要运用美术的形态、色彩、意义强调突出性。最后一点就是文化性。
文化性的问题，很多搞设计的时候忽略了。比如我们做这套系统的时候，我们用的是中国刻印的特殊效果，这一套符号系统就表明了是中国的数字科技馆。这三个很重要的要素。
这是我们给北京科普网现在新设计的一套符号系统，这套系统除了刚才讲的两性以外，还有一个文化性。我们选择的是京剧脸谱。这套符号系统，我们把整个界面设计的符号系统归成五个类，一个是行进类，就是前进、后退、返回、跳转。然后是搜索类，文字检索，有文字放大等等一些符号。功能，然后是帮助，最后是影像符号系统。
这是我们做中国数字科技馆的时候把这套符号系统穿衣戴帽加在他原有的符号系统里面便于识别。
这是一系列小的设计，这个设计我们在界面的右下放做了一个印章组合设计，是行进系统的设计，我们希望这个设计在所有的界面里面存在，让在中国数字科技馆浏览的任何一个节点上面停下来，都能够通过这个符号系统能够返回到首页，能够前进和后退。这个符号系统一直到五级页面。
这是通用标准。
字符要规范，不细讲。
这也是做的实验，这是书法的符号识别系统，这是影视符号识别系统。
第三就是光效。在计算机屏幕上面设计，光和色彩的设计非常重要。电子和纸质媒介不一样，光效的强度是需要考虑的。另外，由光而出现颜色，首先我们把它反过来是光在前面，色彩在后面。首先有光。因为按照光线原理，它的波长是色相，它的正负是明暗。光还有一个很重要的设计原则，我们不能地域100个PT，如果高于这个素容易产生疲劳。另外中国人是黑颜色瞳孔，对光的敏感度高于欧洲人，所以我们的光的设计要多两度。
第二个色彩的问题，实际上主要讲的色彩的色系。在设计的时候要主要四个特性，第一个是自然属性。我们设计颜色的时候一定注意自然属性。比如说雪是白的，树叶是绿的，火是红的。第二是物理特性，就像刚才我说的，光的波长是色相的差别，光的正负是明暗的差别，这个物理特性我们要充分运用。第三个是人文特色。这个需要一定的文化修养才能够理解。比如说中国人喜欢红颜色，在奥运的时候以红颜色为主调，因为红颜色在汉代的时候是我们国家确定的基本国色。因为汉代刘邦起源是在南方，南方属火，灭秦以后，秦是属黑属西边，红克水，然后这个颜色后来慢慢的随着几百年的汉代历史，也颜色就成了一个通用的颜色。包括黄颜色，黄颜色是五行之中中间属土，黄颜色变成皇帝的颜色。这个人文特性一定要做。我们最近给北京设计网页，一直讨论找不到北京的颜色。后来，我们只能借鉴，我们想突破，实际上现在就是借鉴奥运做的，一个是城墙红，一个是长城灰。第四是艺术特色。色彩设计在我们的界面上，如果没有光的参与，这个色彩是非常呆滞的。我们解释一下抽象行，随着科技的发展，我们现在开始向太空探索。比如说金属灰是由航天器的颜色慢慢被人们接受。笔试说这个就是色彩运用比较成功的典范，这系数字博物馆虚拟航空馆的设计，讲究突然性的效果。这是色彩的自然性，这是它的抽象性，这是我们平时很难看到的。
色彩还有一个功能，在设计的时候的一个功能就是导航。色彩由于色温、色相不同，我们在一个一个内容组合方面进行导航。这个是柯达的。这个要求实际上是让人在不自觉的情况下面知道自己是在哪一个内容范围。
这是我们做的一些模块。
第四，界面的图形显示系统。
图形显示系统，就是刚才我们看到这是图形。图形在设计上面，需要做的最重要的是前面两个东西。一个是阴影加工，一个是明暗差别。这两个东西实际上在我们以前不太注意的就是比如我们讲欧洲用颜色，1000多天不要有颜色的凹凸感，其中灭掉的就是阴影和明暗。中世纪人文主义出来以后开始强化这个东西，所以才有了大家熟知的蒙娜丽莎，因为他强调了真实性，强调了凹凸感。
再有色彩的运动。运动这个概念在这个地方是设计，特别是数字屏幕上设计常用的一个东西，我们通常说它叫动画。在设计界把动画当做艺术，在我们网络设计里面把动画当做第六种语言。我们有文字语言、音乐语言、肢体语言、影视语言，动画实际上变成了第六种语言。这种语言的特征是什么？就是因为数字的无穷大的计算量使我们刚才讲的几种基本语言能够整合起来，就是大家说的超文本语言。图文、声、像、影一个综合题。动画语言就变成了数字媒体最重要的语言。
在这个地方我们应该是有效的运用，但目前为止运用动画语言还不是很理想，包括在国外也不是很理想。
这是一些成功的范例。
第五，就是界面操作指令。
在界面设计的时候，操作指令主要是指，我们看到一个界面，我们把这个界面分成两部分。一个是主皮，中间这一块一个是副皮。电子阅读主要靠副皮，我们设计的时候最容易忽略副皮设计。我们在设计操作指令的时候要注意一个人机功效的问题，实际上三个问题，手、眼、脑。手是指人机制功效最大的功效是指头带动腕部的运动，如果我们也指头带动了肘部运动，这个就是无效功效，或者说功效减少。第二是眼睛，我们在屏幕上搜索信息的时候，我们通常按人机功效是以颈部带动眼睛转动，而不是以眼睛带动肩部运动，如果带动肩部运动，我们这个也是无效的。最后一个就是脑，刚才我给大家看07版的时候，微软的每一个组合不超过7个，我们瞬间记忆只有2—7个符号。因此我们一个符号组合不能超过这个，超过了就造成记忆负担，违反了设计的第二个原则。
人机功效是在实验室里边做的，我们很遗憾的是没有这样的时间和条件来做实验室做。微软和苹果他们做得非常详细，他们今天推的是07版，实际上5年、10年以后的版，他们完全按照人机功效做出来了。
人机功效最后是达到知觉控制。知觉控制是什么？我们这里讲的知觉控制是知觉和感觉不一样的地方，感觉是浅层控制，知觉是深度控制。也就是说我们经过按纽设计，我讲这第二点，按纽的运动范围，如果我们达到人机供销的最佳效果的时候，我们使用我们所有符号的时候，完全是靠下意识的知觉控制，这就给用户提供了友好、方便的安全的需要。
这也是我们给中国数字科技馆做的一个界面组合。
第六，是界面的结构模块设计。这个是很容易被设计人员忽略的。这个模块设计第一是我们在界面的时候通常讲井字线的一个黄金区位，构图区位。井字线的左上交，井字线有四个点，都是黄金区位，里面还有黄金点，左上角的一个点是最佳点。因为我们的视觉是右大脑控制的。依次排开是左视点向右视点靠。这一定要注意。
第二，大家看一下这就是叫模块，一个一个的信息块。这是国内外包公司在中国做的一组模块。
模块的设计极其重要，我们常常在打开网页的时候看到这个模块被忽略了。模块实际上有四个特性。第一，模块一定要框起来，哪怕是隐性的框起来，加上一个线框，加上一个底色。因为信息必须要整合，非常信息散乱地摆在界面里面用户难以发现。第二，一个一个块要有恒常性，基础模块不能变。第三是意义性，模块最好要有它的美学指向。第四是选择性。模块和模块之间还存在一种竞争，此模块和彼模块之间设计上面我要强调的第一信息和第二信息一定要有所区别，存在一个竞争。
所以，有效的模块设计是有效的记忆一个基本前提。
这一个就是模块的意义性。我们讲地理地带，它通过四条斜线把带状加入进去，一个带状一个模块。我们通常讲图形模块的时候有两个含义，一个是能指是什么，第二是所指意义在哪里，加上斜线以后意义出来了，有地理的带状感。
这是我们做的一些实验。这几个模块清晰地摆在这个界面上，而且这个模块还要有恒常性，让它只在这个上面做一些简单的变形设计，但是基础模块不能变。
[Page: ]第七，就是导航空间。
导航空间是个什么概念？第一，我们讲时空推理。我们鼠标在界面滑动的时候，横向滑动，时间是长度滑动，当然反复滑动不能超过三次，所以目标要很明确。第二是空间，就是点击。我们这些都是后台的信息库，点击以后直接进入，这个叫深度滑动，或者叫深度点击。一定要注意这个问题。
第二，产生一种人工智能化的设计。我们在这儿强调的是弱人工智能，因为在理论上强人工智能是机器代替人，我们目前的水准还达不大。我们现在是人控制机器，机器还是在人的操控中达到这种有效性。视觉指令是达到无缝的快速连接。
这是我们做的一些实验的东西，做得比较好的一些界面设计。
因为导航空间这个设计主要源于网络的一个特殊的构架。我们在设计的时候很少考虑这个特殊构架。这个构架不是纸质媒介，是一页一页地翻，非常明确一个垂直的线型的构架。网络空间的构架是交叉的。如果说我们有虚拟的超市，我可以从它的顶部下去，也可以从上面下去，从右面，甚至可以从后面进去，而且我直奔我所要的信息点，而不跟着你平面的货物价走，所以网络空间是透明的交叉的。
最后，第八个是界面的审美认知。我们刚才实际上把整个设计，设计人员是把它分解了。也就是说碎片了，因为设计人员是理性的。我们从这个表上看得出来，设计人员是理性的，而用户在使用的时候是感性的。我们通过这一排能够看得出来两者的区别。
第一，用户是随机点击，设计是明确设计。第二，用户是间断性的阅读，而设计是连续的建构。第三，用户是发散的思维，设计是内聚知识。第三，用户是跳跃的，设计是连续的组织。用户是感性的认知，而设计是理性的感受，用户是形象思维，而设计是逻辑思维。在这个对比当中，我们看得出来，设计完全是一个理性活动，设计跟艺术无关。艺术是个人的设计是他人的。设计一定要考虑用户，而且考虑用户的感性需要，你的设计是理性的，但是给用户是感性的，予他方便。
最后回到审美系统，这是个哲学词。我们所有的设计界面，以及包括很多的设计，包括我们讲的工业设计等等，甚至包括我们电子空间所谓的人性化设计，只有三大还原，第一还原是经验，第二还原是知觉，第三还原是情感。如果我们的设计还是在理性范围内，我们这个设计没有达到本质还原，换言之，这个设计也是一个失败的设计。
我们可以看一看在还原设计的一些例子。这是我们在为中国数字科技馆模块化的人机功效化，以及符号变成光效设计一系列的理性设计下面做的一些变形设计，这个变形设计的最终目的就是还原于审美。
各种不同的模块组合，但是我基础符号基础模块完全是一致的。这个是一个典型的透明构架。
总之，整个这个界面系统设计，我们满足的实际上是，我发现07版广告词里面四句话实际上是一个目标，第一是找到自己所需要的，第二是管理好你的系统，这个是用户，不是设计者，而且用户是最伟大的，最后超越平台。也就是说我们这个工作还有很多潜力可挖。目前掌握主要话语系统的我们国家在这个研究领域基本上比较落后，主要话语权的改变微软、苹果、贝尔，他们投入的精力也很大。我们要求下面是四个人机界面的要求，是人机界面的精细化标准化程度，人机界面优化的性能组合，要求操作舒适，界面美观。人机界面的医学性，友好礼貌，易学易懂。
最后，用一句话讲界面设计的重要性。法国现实主义小说家福楼拜说科学和艺术在山下分手。我想他指的是什么，因为科学和艺术在文艺复兴时期是一家人，他说的分手是理性成为一个瑰宝，理性取代了一切，于是在山下分手。今天由于数字革命，由于网络革命，他又说了句艺术和科学在山上握手。我自己做这个深刻地认识到实际上今天是一个拐点，特别是数字媒体界面设计是有效地把科学和艺术再次联手合作。
所以，我们的前景是很广阔的。我们在艺术和设计和科学这个大众之间，我们是各美其美，美人之美，美美与共。
谢谢大家！（整理/吴迪）
