软件用户界面设计规则_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
文档贡献者
评价文档：
喜欢此文档的还喜欢
软件用户界面设计规则
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
大小：24.71KB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢湖南师范大学 硕士学位论文 用户界面设计的美感研究 姓名：谢丹 申请学位级别：硕士 专业：设计艺术学 指导教师：蒋啸镝;贺景卫
摘要随着科技日益渗透到我们的日常生活之中，各式各样的用户界面， 如数字产品的用户操作界面，电脑软件界面以及网页界面等用户界面 的出现日益普遍。科技的应用带给人们的愉悦体验使得数
字产品更加 广泛深入地影响到人们生活的各个层面。于是，界面设计应运而生。它作为人们交流、沟通和传递信息的手段，引起了设计领域的巨大变 革与进步。然而，软件工程师通常一手包办软件的设计，实现了软件的功能性，却缺乏艺术性。以人为本的设计要求界面友好，这种友好除了功 能，还包括界面的美感，即用户使用时获得的愉悦体验。因此，本文 针对界面设计的美感进行的探讨。 笔者认同美感是主观与客观的统一的观点，认为用户界面的美感 一方面来自用户主体的审美感受，另一方面来自于界面本身的艺术设 计。论文先对界面审美的主体也就是用户的审美心理进行了分析，指出影响用户审美心理的诸多因素。并针对这些因素指出界面本身的艺 术设计的美感营造应从界面的创意美、视觉美、人性美三个方面来进行。论文结合理论与实例进行研究，并在文章最后一部分，对自己的 实践作品作出了分析。全文的目标是通过从理论和实践出发，从用户 审美心理的角度探索用户界面设计的美感。希望论文对用户界面的美 感设计提供一定的帮助。关键词：界面设计，美感，人性化，网页界面，软件界面ＡＢＳＴＲＡＣＴＷｉｔｈｔｈｅ ｔｅｃｈｎｏｌｏｇｙ ｐｅｎｅｔｒａｔｅｄ ｉｎｔｏｏｕｒｄａｉｌｙ １ｉｆｅ，ｓｏ ｍａｎｙａｓｕｓｅｒｉｎｔｅｒｆａｃｅ ｔｈｅ ｅｍｅｒｇｅｎｃｅ Ｏｆ ｉｎｃｒｅａｓｉｎｇｌｙ ｃｏｍｍｏｎ，ｓｕｃｈｐｒｏｄｕｃｔｕｓｅｒｔｈｅ ｆｉｇｕｒｅ Ｏｆｉｎｔｅｒｆａｃｅ，ｃｏｍｐｕｔｅｒｓｏｆ研ａｒｅｉｎｔｅｒｆａｃｅ ａｎｄ ｗｅｂ ｉｎｔｅｒｆａｃｅ．Ａｐｐｌｉｃａｔｉｏｎ ｏｆ ｔｅｃｈｎｏｌｏｇｙ ｐｒｏｄｕｃｔｓ ｍａｋｅｓａｂｒｉｎｇ ｐｅｏｐｌｅｏｎｔｏ ｅｘｐｅｒｉｅｎｃｅ ｔｈｅｊ ｏｙｏｆ ｄｉｇｉｔａｌｄｅｅｐｅｒ ｉｍｐａｃｔｐｅｏｐｌｅ’ｓ １ｉＶｅｓ ａｔ ａ１１ ｌｅＶｅｌｓ．Ｔｈｕｓ，ａｓ ａｉｎｔｅｒｆａｃｅ ｄｅｓｉｇｎ ｃａｍｅ ｉｎｔｏ ｂｅｉｎｇ．Ｉｔ ｔｒａｎｓｌｌｌｉｓｓｉｏｎ ｏｆ ｉｎｆｏｎｎａｔｉｏｎ ｈａｓｍｅａｎ ｏｆｃｏ姗ｕｎｉｃａｔｉｏｎ ａｎｄｃａｕｓｅｄ ｇｒｅａｔ ｃｈａｎｇｅｓ ｉｎ ｍｅ ｆｉｅｌｄ ｏｆｄｅｓｉ印ａ１１ｄ ｐｒｏ铲ｅｓｓ．Ｈｏｗｅｖｅｒ，ｓｏｆｔｗａｒｅ ｅｎｇｉｎｅｅｒｓａｒｅｕｓｕａｌｌｙ ｓｉｎ９１ｅ＿ｈａｌｌｄｅｄｌｙｓｏｆ研ａｒｅｄｅｓｉ印，ｉｍｐｌｅｍｅｎｔａｔｉｏｎａｖａｉｌａｂｉｌｉｔｙａｎｄｏｆ ｔｈｅｓｏｆｈⅣａｒｅ’ｓ向ｎｃｔｉｏｎａｌｉ饥ｂｕｔ ｍｅ ｌａｃｋ ｏｆ ｉｔｓ矾ｉｓ时Ｐｅｏｐｌｅ一耐ｅｎｔｅｄｕｓｅ卜衔ｅｎｄｌｙｄｅｓｉｇｌｌｉｎｔｅｒｆａｃｅｒｅｑｕｉｒｅｍｅｎｔｓ，ａｐａｒｔ ｆｂｍｔｈｉｓ衔ｅｎｄｌｙ ｆｅａｍｒｅｓ，ａｌｓｏ ｉｎｃｌｕｄｅｓ ｍｅｂｅａｕ吼ｔｈａｔｉｓ，ｗｈｅｎｕｓｅｒｓｇｅｔ ｔｏ ｅｘｐｅｒｉｅｎｃｅ ｐｌｅａｓｕｒｅ．Ｔｈｅｒｅｆｏｒｅ，ｔｈｉｓａｎｉｃｌｅ ｉｓ ｔｏ ｅｘｐｌｏｒｅ ｉｎｔｅｒｆａｃｅ ｄｅｓｉｇｎ ａｅｓｍｅｔｉｃ ｏｆ ｃｏｎｄｌｌｃｔ． Ｔｈｅ ｍｅｓｉｓ ａｇｒｅｅ ｔｈａｔｕｓｅｒｉｎｔｅｒｆａｃｅ ａｅｓｍｅｔｉｃｓｉｓｔｈｅ ｕｎｉｔｙ ｏｆｓｕｂｊｅｃｔｉＶｅ ａｎｄ ｏｂｊｅｃｔｉＶｅ．Ｔｈｅａｅｓｍｅｔｉｃ ｆｅｅｌｏｎｔｈｅｓｉｓ ｂｅｌｉＶｅ ｍａｔ ｍｅ ａｅｓｔｈｅｔｉｃｓ ｉｓ ｔｈｅ ｍａｉｎａｒｔｔｈｅｏｎｅｈａｎｄ，ｏｎ ｍｅ ｏｍｅｒ ｈａｎｄ，仔ｏｍ ｔｈｅ ｉｎｔｅｒｆａｃｅ ｏｆｏｎａｎｄ ｄｅｓｉｇｎ ｉｔｓｅｌ￡Ｆｉｒｓｔ ｔｈｅｓｉｓｕｓｅｒ’ｓｔｈｅ ａｅｓｔｈｅｔｉｃｓ ｏｆ ｔｈｅｍａｉｎ ｉｎｔｅｒｆａｃｅ ｉｓ ｔｈｅｔｈｅ ｐｓｙｃｈ０１０９ｉｃａｌａｅｓｍｅｔｉｃ ｐｓｙｃｈｏｌｏｇｙ ａｎａｌｙｓｉｓ，ｐｏｉｎｔｉｎｇｕｓｅｒｏｕｔ ｔｈａｔｉｍｐａｃｔ ｏｆａｅｓｍｅｔｉｃ ｆａｃｔｏｒｓ．１１１ Ｖｉｅｗ ｏｆ ｔｈｅｓｅ ｆａｃｔｏｒｓ ａｎｄ ｎｏｔｅｄ ｔｈａｔａｒｔｍｅ ｉｎｔｅｒｆａｃｅ ｉｔｓｅｌ￡ｔｈｅ ｂｅａｕｔｙ ｏｆ ｔｈｅｄｅｓｉ ｇｎｔｏｃｒｅａｔｅｉｎｎｏＶａｔｉＶｅＩＩｉｎｔｅｒｆａｃｅｓ ｓｈｏｕｌｄ行ｏｍＶｉｓｉｏｎ ａｎｄ ｈｕｍａｎ ｏｆ ｔｈｅｓｉｓｓｅｎｓｅｔｈｒｅｅ ａｓｐｅｃｔｓ．Ｔｈａｔ ｉｓ ｃｒｅａｔｉＶｅ ｂｅａｕｔｙ，ａｅｓｔｈｅｔｉｃｏｆｂｅａｕ够Ｃｏｎｌｂｉｎａｔｉｏｎ ｏｆ ｍｅｏｒｙ ａｎｄ ｅＸａｍｐｌｅｓｒｅｓｅａｒｃｈ锄ｄａｎｉｃｌｅ ａｔ ｔｈｅ ｌａｓｔｐ眦ｏｆ ｍｅｉｒｔｅｘｔｗｏｒｋ ｈａｓ ｍａｄｅａｐｒａｃｔｉｃｅ ａＩｌａｌｙｓｉｓ．Ｔｈｅｏｂｊ ｅｃｔｉＶｅｓ ｏｆ ｍｅｕｓｅｒａｒｅ仔ｏｍ ｔｈｅ ｔｈｅｏｑ ａｎｄｐｒａｃｔｉｃｅ，ａｎｄ仔ｏｍ ｔｈｅｐｏｉｎｔ ｏｆ ｖｉｅｗｕｓｅｒｔｏｅＸｐｌｏｒｅ ｔｈｅ ａｅｓｔｈｅｔｉｃ ａｎｄ ｐｓｙｃｈｏｌｏｇｉｃａｌｉｎｔｅｒｆａｃｅｄｅｓｉｇｎ ａｅｓｔｈｅｔｉｃ．Ｈｏｐｅ ｔｈｅ ｔｈｅｓｉｓ ｏｆ ｍｅｕｓｅｒａｅｓｔｈｅｔｉｃ ｓｈｏｕｌｄ ｂｒｉｎｇ ｓｏｍｅ ｈｅｌｐ ｆｏｒｉｎｔｅｒｆａｃｅ ｄｅｓｉｇｎ．ＫｅｙＷｏｒｄｓ：ＵｓｅｒＩｎｔｅｒｆａｃｅｄｅｓｉｇｎ，Ｂｅａｕｔｙ，Ｈ啪ａｎｉｚａｔｉｏｎ，ｗｅｂ ｉｎｔｅｒｆａｃｅ，ｓｏ日：ｗａｒｅ ｉｎｔｅｒｆａｃｅＩＩＩ湖南师范大学学位论文原创性声明本人郑重声明：所呈交的学位论文，是本人在导师的指导下， 独立进行研究工作所取得的成果。除文中已经注明引用的内容外，本 论文不含任何其他个人或集体已经发表或撰写过的作品成果。对本文 的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。本 人完全意识到本声明的法律结果由本人承担。学位论文作者签名：／沏７叼年，月广日湖南师范大学学位论文版权使用授权书本学位论文作者完全了解学校有关保留、使用学位论文的规定，研究生在校攻读学位期间论文工作的知识产权单位属湖南师范大学。 同意学校保留并向国家有关部门或机构送交论文的复印件和电子版， 允许论文被查阅和借阅。本人授权湖南师范大学可以将本学位论文的 全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫 描等复制手段保存和汇编本学位论文。本学位论文属于１、保密口，在……年解密后适用本授权书。２、不保密￣／。．（请在以上相应方框内打“￣／＂）作者签名：门矽特日期：力降，月夕口日锄擀：翻绩嗍：哞月日用户界面设计的美感研究第一章绪论１．１论文的几个关键定义１．１．１界面界面（１１１ｔｅｒｆａｃｅ）这个词最早起源于希腊，本意是两张或两张以上 的脸采取面对面的方式进行沟通。 界，界分、界限、范围、界说、境域、境界、毗邻、毗连、接界、 界边、划分、界破、离间、隔开。界面，两物体之间的接触面。——《高级汉语大词典》界面（ｉｎｔｅｒｆａｃｅ），分界面（ｓｕｒｆａｃｅ ｃｏｍｍｏｎ ｔｏ帆ｏ ａｒｅａｓ），共同范围。——《牛津现代高级英汉双解辞典》分界面，即两个功能部件之间的一种共享界面，在一定的条件下， 根据功能特性、公共的物理连接特性、信号特性以及其它特性来定义。 结合部位、边缘区域，即能够使两个系统之间相互运行的一种设备或 装置。例如一种硬件部件或一种公共的存储寄存器。——《现代英汉词典》物质两相的分界面，界面并不是几何面，而是一个其两侧物质性质不同的薄层。——《简明不列颠百科全书》从以上的定义我们可以看出，界面是接触物体的分界面，同时也 是接触物体的媒介，界面实际上是体现在我们生活中的每一个环节 的，例如我们切菜的时候刀把手是界面，开车时候方向盘和仪表盘是硕＋学位论文界面，看电视的时候遥控器和屏幕是界面，用电脑的时候键盘和显 示器是界面。于是，我们可以将其分成两大类：硬件界面和软件界面。 １．１．２用户界面 用户界面，Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ，也称人机界面。不仅仅包含字面上的 用户和界面两个部分，还包括用户与界面之间的交互关系，包括用户与系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某 种特定的机器，设备，复杂的工具等。从心理学意义来分，用户界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。 １．１．３用户界面设计界面设计的英文是研印ｈｉｃａｌＵｓｅｒＩｎｔｅｒｆａｃｅ，即人机交互图形化用户界面设计经常读做“ｇｏｏ．ｅｅ”，准确来说界面设计就是屏幕产品的 视觉体验和互动操作部分，是指用户与应用软件之间相互作用和相互 施加影响的区域，在此区域中，两者之间发生各种信息交流和控制活 动。界面设计是计算机科学和认知心理学以及设计学相结合的产物，同时也涉及到语言学、人工智能和社会学等多种科学。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最 终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即 不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为 最终用户设计满意视觉效果的过程。用户界面设计的三大原则是： 置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。用户界面设计的美感研究１．１．４美与美感 美的事物总是人们最为向往的。来自自然界蓝天、白云、小桥、流水的美；来自雕像、建筑、服饰、日用品等人造物的美。人们在美的世界里收获愉悦，生活也变得美了。而随着生活水平的提高，人们 对于美的渴求也越来越甚。人们对物品的要求不再只是“能用”，而是既好用又美观，既能达到使用目的，又能令人身心愉悦。人类社会 之所以不断朝前发展，从美学的角度考察，我们可以发现，人类的审 美追求也是其中的一个重要原因。正如马克思在论及社会发展与审美 追求的关系时说的“社会的进步，就是人类对美的追求的结晶”。①美，甲骨文中是站立的人，头戴羽毛的头饰的形状，鲁迅先生曾经把“美”解释成“戴帽子的太太＂。柏拉图认为，美不是美的具体事物，美是理念（抽象事物），是美的具体事物所以美的原因。黑格尔说：“美是理念的感性显现”，“艺术作品借颜色、形状、 声音等方面直接的感性的个别定性，显现为外在对象”。达尔文在《物种起源》里面这么写道：“最简单的美感，就是对于某种色彩，声音或形状所得的快感，最初是怎样在人类及低等动物心理中发展的呢？ 这实在是一个很难解的问题。假如我们问为什么某些香和味，引起快感，而对别的却感觉不快，这是同样难以解答的问题。在这一切情况中，习惯在某种程度上似乎多少有关，但在每个物种神经构造里面，必定还有某种基本的原因存在＂。美感，即对美的感受和体会。严格来说，“美感＂指的是在审美①尹明耀：主体性美学导论ｈｔｔｐ：／／ｂｂｓ．ｔｅｃｎ．ｃｎ／ｔｈｒｅａｄ一１８９８０９一卜１．ｈｔｍｌ３硕十学位论文过程中产生的愉悦感，是人作为审美主体与审美对象相互作用而产生 的对美的一种主观感受。这种主观感受有人认为是感性的，有人认为 是理性的，而通常认为是感性和理性的统一。“美感乃是积淀了理性 的感性，积淀了想象、理解、感情和知觉，也就是积淀了内容的形式”①。 “美感”，是一个非常难于定义的东西。它受人的主观因素影响很大，每个人因生活背景不同，受教育程度不同，文化不同，好恶不同，对美都有自己独特的看法。曾经有人试图调查一下不同的民族，不同的 国家会不会有共同的、客观的美。依据其调查到的不同民族和不同国 家美的标准绘制了上百名“美女”的画像，结果这份“百美图”中每个美女都大不一样。要将上百个各不相同的具体美概括成一个统一标准的美，确实很难。笔者认为“美感＂是“美”与“感”的综合，是 界面本身的“美’’与用户体验到“感”的结合体，是客观与主观的统 一ｏ１．２用户界面设计研究的背景及现状 早期的用户界面不及现在这般五光十色。当年的ＤｏＳ操作系统 以界面的功能性为第一指导原则，以技术因素为主要考虑对象，以实 现必要的功能为目标，不像现在Ｗ工ＮＤＯＷＳ操作系统那样七彩斑斓，它的界面就只是由一行行字符串组成的。现如今，图形用户界面时代的 那些图文并茂的系统界面、网页界面、软件界面甚至是新起的传播媒介数字电视界面，无不展示出现代技术和艺术设计的飞跃发展。 界面设计虽然是新兴的学科，但是己经得到社会的广泛关注。美①李泽厚．美的历程．文物出版社，１９８２：２１３．用户界面设计的美感研究国己经将用户界面研究列为其本世纪重点基础研究之列。日本提出（ＦＰＩＥＤ）计划，以期将用户界面设计作为新的竞争优势，可见此学科 研究的紧迫性和重要性。用户界面研究己经构成了国家之间竞争的崭 新的经济增长点。可以看出，各个国家己经开始将用户界面研究列入重点发展项目之中。我国八六三、十一?五计划也将人机交互列为主要内容。我国的 用户界面研究从九十年代起始，大约有几十所高校和研究所在进行相 关方面的探索。特别是人和计算机之间的交互研究（计算机人机交互设计），例如语音和手写笔为基础构建的多通道界面或者自然语言界面，基于情绪的交互以及软件的图形用户界面的可用性的研究等。 “这一跨学科的研究把数据采集方法、实验心理学的智能框架和 强大而广泛使用的计算机工具结合到了一起。因而，教育心理学家和 工业心理学家、教学设计人员和美术设计人员、技术文献写作人员、 人因工程学或人机工程学的专家、信息构架师以及具有冒险精神的人 类学家或社会学家都为这一领域做出了贡献”①然而，界面设计工作一直没有被引起重视。做界面设计的人一直被称为“美工”。目前在国内界面设计（ＵＩ设计）还是一个相对陌生的词，即便是一 些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着： 招聘界面美工、界面美术设计师等等。这表明在国内对界面设计的理解还停留在美术设计方面，认为界面设计师的工作只是描边画线，缺乏对用户交互的重要性的理解；另一方面在软件开发过程中还存在重①［美】Ｂｅｎ ｓｈｎｅｉｄｅ砌ａｎ ｃａｔｈｅｕｉｎｅ ｐｌａｉｓａｎｔ，张国印李健立译，用户人机界面设计，电子 工业出版社，２００５年第四版．硕十学位论文技术而不重应用的现象。许多商家认为软件产品的核心是技术，而界 面设计仅仅是次要的辅助。１．３界面设计的领域随着新技术的发展，界面设计的领域开始无限扩大，界面设计的领域也不再局限于单一的软件界面，游戏界面，手持设备界面，电器界面，网络界面，电视界面都成为了界面设计的对象。当然，除了这 些有形物质界面，界面设计领域还包括一系列无形界面，例如展示和服务领域，像试衣服务，酒店服务，就餐服务等，为了吸引更多顾客， 在竞争中赢取更多筹码，交互界面行为设计正日益受到重视。 本文所关注的界面设计特指软件界面，我们也可以称为特殊的或 者狭义的界面设计，主要涉及到的界面有网页界面，软件界面和数据广播电视资讯界面。１．４论题研究的内容及意义论题主要针对狭义的用户界面，即包括网页界面，软件界面和数据广播电视资讯界面的设计美感进行探讨。涉及的问题主要有：用户的审美心理分析；界面设计的创意美；界面设计的视觉美； 界面设计的人性美。近几年来，由于多种网页设计、图像设计甚至多媒体动画设计工 具的出现，界面设计人员已不再仅局限于专业的计算机人员，越来越 多的艺术设计人员也加入到了这个领域。其实，界面的设计有赖于程 序设计师与艺术设计师的通力合作。然而，不管是网页界面还是软件 界面，都存在着一些布局千篇一律，色彩搭配混乱，版式繁杂拥挤，用户界面设计的关感研究缺乏创意与人性考虑的例子，这类界面缺乏美感，致使界面无法吸引 用户的眼球，无法很好的完成人与机器的交互。究其缘由，是因设计 人员缺乏对界面设计美感的重视。目前，我国对界面设计这一课题的研究还处于一个探索阶段，在 艺术设计领域中对界面设计的探讨更是明显不足。加强对界面设计美感的研究，有利于提高界面设计的艺术性，也将促进我国信息传媒文化的发展。本文将在此基础上展开分析与研究。研究是站在用户的角 度，审视我们生活中的界面设计中的美感，对实例进行分析研究，力求对交互界面的美感研究进行深化与拓展，为界面的美的设计提供一 定的帮助。１．５论文研究方法 １、文献研究：通过各种渠道，包括官方资料，已出版的著作及文章，收集大量的案例和研究资料。目的在于扩充理论知识，了解国内外对于该课题的研究现状，全面了解各方面的情况以便有针对性地选择案例进行深入系统地分析研究。２、实例分析研究：分析优秀的设计实例，并亲身参与实际项目的制作，将理论知识融入其间，以利于在实践中归纳总结。硕十学位论文第二章界面设计中用户的审美心理分析２．１界面设计中用户审美心理的重要性著名的美学大师朱光潜先生认为科学地掌握世界与艺术地掌握 世界是美感的客观与主观的两个方面。他举例说：认识“花是美的”与认识“花是红的”，这中间有一个本质的分别：科学在反映外物界的过程中，主观条件不起什么作用，或者只起很小的作用，它基本上 是客观的；美感在反映外物界的过程中，主观条件却起很大的甚至是 决定性的作用。所以，笔者认为“美感”由两部分组成，一是“美”， 二是“感”。它包括界面本身的艺术美，客观上的美，也包括用户使 用时的内心感受到的美，主观上的美。 它是主观与客观的统一。界面设计不仅仅要求满足基本的功能需求，更注重用户的心理需求，为 增强界面的友好程度，必须对用户有一个较为清晰的认识。作为界面信息的接受者，他们是如何理解与处理信息，哪些要素将影响他们对 美感的判断，这些都是必须考虑的问题。因此，研究用户界面设计的美感，首先要研究用户的心理。 界面设计的信息接受者可以是网民，电视收看者，软件使用者等 等，从接受美学的角度来看，信息的接受者才是信息活动的真正完成 者。信息发送者和信息本身的意义在信息接受者的信息接受活动进行之前，只是具备了一种信息势能，而信息势能只有通过信息接受行为用户界面设计的美感研究才具有了信息活动的完整意义。①２．２影响用户审美的因素２．２．１文化心理因素文化是具体的历史现象，人类社会的不同历史阶段，不同的民族 都赋予文化不同的特点。人们在文化继承中创造文化，又在创造中包含着继承。因此，在信息活动过程中，接受主体对信息的认识必然与 主体认可的文化传统、所处的文化氛围密切联系着。比较而言，在信 息的接受方法上，西方接受主体一般说来善于分析、比较、注意从信 息的整体到局部的接受方法。而东方的艺术形式，特别是中国的信息 接受方式更注重综合性，主观地把握整体信息，即将外部世界作为一 种客观存在的世界，也将主体内心视为一个存在的世界。因此，表现 在界面设计中，西方的界面多大胆的使用鲜艳的色彩和色块，而在中 国往往用线条和简洁的几何形代之。每个民族都有其特定的文化，相对应的产生的审美也各有特色。在我们眼里，白人好像很少有特别丑的，而黑人中长得好看的却又凤毛麟角。在土著黑人的眼中，白人很难看，因为他们没有黝黑的皮肤、厚厚的嘴唇与几乎贴到头皮的短短的小卷毛。缅甸东部人边洞部落，以女孩的脖子长为美，她们每长一岁，就在脖子上多套一个圈，圈越 多越好看。而独龙族的女人满脸刺青，据说是为避免被山贼抢亲，采 取了这种近乎自虐式的自卫方法，但久而久之就形成了一种特定的文 化。人们各自受着自己传统文化的影响，外人似乎接受不了这种美。①童宜洁．界面设计中的信息传达要素分析．武汉理工大学硕士学位论文，２００６．硕十学位论文但在自己的世界里，悠然自得地享受着这种美带来的愉悦。 ２．２．２经验因素 接受主体独特而丰富的信息接受经验以及熟练的接受技能是其接受客体信息、认识信息对象的前提。拥有不同接受经验和接受技能 的接受主体对于同一信息对象的信息接受，是可能获得不同接受结果的。① ２．２．３情感因素在信息接受中，主体对信息接受活动的过程自始白终都贯穿着情感的作用。不存在没有情感体验的信息接受，只存在着情感渗透的强、弱、多、少之分。一个家庭装饰要赋予人家居的温馨，一副平面作品 要以情动人，一件宗教器具要体现信仰者的虔诚。其实任何一件产品或作品只有与人的情感产生共鸣才能为人所接受。优秀的界面设计是一种艺术，作为一种创造性的人类活动，就是 依照美的规律创造艺术化和审美化的高科技网络文化世界的活动，就是一种赋予人类新的网络传播生活世界中的非物质形式以审美特征的设计。界面艺术设计的艺术原则要求设计师创造全新的界面表达形 式，在设计时考虑设计作品的艺术性，使它的设计具有恰当的审美特 征和较高的艺术品位，着重解决的是界面与人的关系，从而给受众以 愉悦的审美情感上的享受。２．２．４审美疲劳电影《手机》里的那句经典台词“审美疲劳”，似乎成了近几年①童宜洁．界面设计中的信息传达要素分析．武汉理工大学硕士学位论文，２００６．用户界面没计的美感研究的流行词汇。其实，在现实生活中，人们也的确会常常感到审美疲劳。 “如果认为一个公认的审美对象可以无休止、不间断地使人产和美 感，那是神话，审美也会疲劳。”“审美疲劳具体表现为对审美对象的 兴奋减弱，不再产生较强的美感，甚至对对象表示厌弃。’’审美疲劳 从审美主体的角度说，可以分为审美觉疲劳、精神作用疲劳和社会关注疲劳。而审美觉疲劳主要体现为视、听觉疲劳。① 造成界面设计审美疲劳有主客体两方面的原因。从客体而言，界 面的千篇一律，设计的盲目效仿让界面穿着相同的外衣，没有亮点，没有创意，也没改变。就主体而言，是否产生审美疲劳与用户的日常 兴奋热点相关。那么针对这两点，界面设计要避免审美疲劳，首先必然要不断创新，还要更具体更准确地研究审美主体也就是用户的兴奋点。①封孝伦．人类生命系统中的美学．安徽教育出版社，２００４：４０３．硕十学何论文第三章界面设计的美感柏拉图感叹说：“美是难的。”尽管美感的评价难于界定，世界 许多国家都将“富于美感＂作为设计的一个标准和条件。如德国、日 本、中国等国家的法律中都明确了外观设计需要具备美感ｊ界面设计 对美的不断追求决定了其设计中必然存在含量极高的艺术性。小到一 个图标或一个按钮，大到界面版式甚至整个界面系统，都可能具有独 立的审美价值。简而言之，用户界面的美就是既美观又好用。本章就用户界面设计的创意美、视觉美、人性美三方面，结合实例讨论研究用户界面设计的美感的营造。３．１界面设计的创意美如果说设计三元素：文字、色彩、图像，是一个设计的外衣，那么一个设计的真正灵魂其实来自设计师的创意。创意的灵感来自设计师对生活及社会的敏锐而广博的观察与体验，以及高度的提练。创意使现实生活艺术化，充分体现人的想象思维和创造力。没有意念的设计，无异于一具空有漂亮外表的躯壳。只有把创作意念融入到作品设 计中，整个设计才有灵魂，才能向观众传情达意。追求新意，渴望多样化是人类最基本的心理趋向之一。艺术上，新的东西很容易成为被人们注意的对象，而千篇一律的、刻板的、多次重复的东西就很难引起人们的注意。人们总是喜欢形式新颖、风格独特的作品，故而，设计不能一味地保守沿袭他人的特征，要想成功，必须有创意。在上一ＨＪ户界面设计的美感研究章里，我们也讨论过审美疲劳这个概念。“产生审美疲劳不能说作品 不好，也不能说相对于这个作品再不能唤起美感。”“审美疲劳理论能 充分解释艺术创造何以不断地求新、创新”。。界面设计中常常发生这 样的现象，一个好设计不是直接的进入应用阶段，而是巧妙的引发了 另一个新的设计创意的诞生。本论文主要从陌生化、百变以及个性化 三方面的创意对界面的创意美进行分析。＿。ｉ霆蘩蘩熏羹鬟美。Ｉｉ－图３一１日本设计师Ｈ帆ｅｒｙｕｌｏ的界面设计作品日本设计师Ｈｏｍｅｒｙｕｌｏ的界面设计作品，界面的整体效果就是一 副超现实主义的绘画，而菜单，按键也成为画面构成元素不可分割的 部分。３１１陌生化的创意将人们熟悉的事物陌生化的创意常常唤起人们对熟悉事物的独 特感受，增强作品的审美情趣并吸引人们的注意力。邛日生化”是俄。封孝伦人类生命系统中的美学安徽教育出版社，２００４：４ ０５硕十学位论文国形式主义的核心概念。该词中文还有“奇特化”、“反常化”、“反熟悉化’’等多种译法。陌生化是艺术的一般手法。俄国形式主义的代表 维克托什克洛夫斯基从亚里士多德的《诗学》中得到启发，在《作为 手法的艺术》中第一次提出了这一概念，“艺术所以存在”就是为了 帮助我们重新感受生活；它所以存在，就是为了使我们体会到物体， 使石头具有石头性。艺术的目的在于使我们真正感到是看到了物体而不仅是承认她。为了增加知觉的困难和延长知觉的过程，艺术技巧努力使事物变得陌生起来，使形式模糊起来。在艺术中，知觉行为本身就是一个目的，因此必须加以延长，在艺术中具有重大意义的不是最后产生出来的作品，而是我们对创作过程的体验”。①人们总是对日常生活中的习惯性动作或物件视而不见，因为这些对他们来说都已经过于熟悉而失去了新奇感，而创造的新的事物可以引起人们的注意，但让人理解与记住它也需要一定的时间。最简单的 最熟悉的往往是最易令人接受并记住的。那为什么不想个两全的办 法，通过一定的艺术加工，使人们生活中熟悉的东西“陌生化”，让观者从新的角度重新认识他他熟悉的对象，以获得一种前所未有的审美体现和出奇制胜而得到意想不到的审美惊奇呢？ 让熟悉变得陌生，这种思维在很多领域都有普遍运用。像文学作 品《双面胶》，用极为常见的日用品双面胶形容男人在家庭婚姻中的两难境地，形象又贴切，令读者产生强烈的共鸣。把这种理论运用到现代设计中，能够使设计艺术的趣味性变得丰富多彩，从而增强了作①罗伯特?休斯．文学结构主义【Ｍ】．三联书店，１９８８：１３０．用户界面设计的美感研究品的审美情趣并吸引公众的注意力，完成设计作品的信息传达。中国 联通公司的联通结就是典型。如图３—２，中国结对于每个中国人甚至 是只对中国文化稍有了解的外国人来说都是耳熟能详的，联通结取义中国结中联系、平安等寓意，打出“让一切自由联通”的品牌口号，使人倍感亲切。又如超市用回形针当招牌，不过这不代表店里只提供这种针，它的用意是连回形针这样细小的物品都能为顾客准备好，那 其他的日常家用品小店更是一应俱全了。ＣｈｉｎａＵｎｉｃｏｍ中国联通图３—２中国联通的标志艺术之美来源于对生活的观察，生活本身就是设计的起源地。“创意并不是要让人惊异它崭新的形式和素材，而应该让人惊异于它居然 来自看似平凡的日常生活。’’①只有源于生活而高于生活，创作才有了 生命，作品才具有分量。灵感与创意通过自己亲身感受的美，总是更具有生命力，生活中很多毫不起眼被人忽略的一所房子，一盆花，一个人都可能成为创意的蓝本。正是这些被大多数人忽略的美感，却有可能就会成为最成功的创意，审美疲劳下，它满足了我们新的视觉需求，为作品注入了新的元素，原创的变成最好的总是有更多机会。当 前我们所接触到的界面大多都缺乏创意。就拿网页来说，大多网页设①【日】原研哉．设计中的设计．山东人民出版社，２００６年１１月第１版．硕士学位论文计公司都会设计好很多种不同风格的网站模板，接下来的工作就只是 机械地套用。因此，网络上穿着相同的外衣的网页到处可见。这倒是 轻松省事了，只是这就根本与设计无关了。界面设计与书法、绘画、 广告设计等一样需要创意，需要有新奇感。其实质在于不断更新人 们对人生、事物和世界的“陈旧”感觉，把人们从狭隘的日常关系的 束缚中解放出来，使人们即使面对熟视无睹的事物也能够不断有新的 发现。Ｈｔｔｐ：／／栅ａｇｅｎｃｙｎｅｔ．ｃｏ“创意既是天才者的灵感，也是思考者的结果，创意会在不经意之 中创造神奇。Ａｇ∞ｃｙｎｅｔ是美国一家提供全方位服务的交互传媒公司。幽３—３＾ｇｅｎｃｙｎｅｔ网站打开Ａｇｅｌｌｅｙｎｅｔ的网站，你一定会有惊喜的发现。这是一个全Ｆｌａｓｈ的界面，最别出心裁的地方是将公司的办公室格局图搬到网页界面，以俯瞰的角度，将公司的运作演绎得活灵活灵。栩栩如生的３Ｄ制作，更是令浏览者宛若身临其境，如此鲜活的画面，完全无需太多的文字用户界面设计的美感研究介绍。对“陌生化”的运用其实就是这样将事物从真正的感觉中移出， 从而重新构造人们对世界的感觉，把一种奇异的与实际生活完全不同的现实展现给我们，给用户带来新鲜感和深刻的印象。３．１．２界面，百变，所以美丽 一周有七天，每天都穿不同的衣服，做不同的发型，搭配不同的 首饰与提包，那是每个爱美女士都梦想做到的事情，为什么？百丽品 牌女鞋大肆宣传“百变，所以美丽！＂。今天是职场高手，明天变身为邻家女孩，有变化的人总能给人一种新鲜的美感，引人注意，相反一 成不变让人缺乏想象，失去兴趣。事物要有所变化，才能闪耀令人惊 叹的光芒，才能令用户为之痴迷。界面的设计上，用户也希望看到惊喜。百变的界面能为产品保鲜，驱除用户的审美疲劳。当然，除了为 界面保鲜以外，百变设计的思想也是从不同用户的审美出发的，就像 同一款衣服会生产出不同的颜色或不同材质的产品供不同的顾客挑 选一样，设计不同款的界面让用户自由选择是对用户的一种关怀。著名的ＭＰ３播放软件Ｗｉｎａｍｐ的多变界面给了用户一种全新的体验。不同的界面带给用户完全不同的视觉和使用感受。为Ｗｉｎ锄ｐ下载和更换不同的ｓ１（ｉｎ让很多用户乐此不疲。选择到美观友好而又能带来舒适享受的界面，不仅缓解了工作压力，还提高了工作效率，拉 近了人与电脑的距离。这种多变的界面，不仅为商家创造了卖点，也给了用户选择美的界面，享受美自由。“变则立，不变则废”，事实上， 很多产品的界面设计都已经考虑到了这一点。如腾讯ＱＱ，网络电视 等等。让用户自己选择界面的风格，让他们在他们喜欢的界面环境下硕士学位沧文工作，并享受不断变化与更新的新奇感受，是界面设计的一大目标。酉～皮肤界面１囤皮肤界面２警量皮肤界面３图３—４侈国皮肤界面４ｗ唧ｐ百变插放器用户界面设计的美感研究３．１．３个性美才是真的美 随着社会发展和人类文明的进步，人们的艺术审美观正在悄悄地 发生着变革。相对于古典美学，现代美学更强调人在审美活动中的作用。像个性化家装，个性化产品包装，个性化签名，个性化服饰， 甚至是个性化整形美容等等。塑造自我，体现自我，成就自我，成为 很多人的格言，个性化设计是一种潮流，一种趋势。然而，个性化不等于走极端，很多人将不被人所接受的怪诞的事物称为个性化。个性可以说是表现出个人的特色，体现个体的独特风格。 近两年，在网络上有一种个性化的文字“火星文”，深得９０后年 轻人的喜爱，在游戏玩家中也屡屡出现火星文的角色名字。火星文最 早起源于台湾，由于网友打繁体字时常出现的错别字而慢慢形成。目前火星文己发展成为由繁体、日文、英文、古文字、表情符号组合而成的字体。作为一名普通的地球人，初识火星文，还真是摸不着头脑， 因为它就像一堆乱码。不过了解清楚以后也很容易懂。如“溅提焱涅△”，意思为“我是火星人”。也就是你只需要读出每个字中你认识的 那部分就可以了。只会读不会写也没关系，因为有专门的火星文翻译器和火星文输入法帮助他们轻松使用这种个性文字。这样的个性化文 字暂时还只流行于年轻一代，在他们的个人空间与博客中出现频繁。 本文提出的个性化是界面的个性化设计充分体现以为人本的理 念，一切从用户出发，研究用户的个性心理，允许用户对界面进行个 性化设置，允许用户按个人需要和想法裁剪、使用界面，甚至设计界 面。没有两个用户是绝对相同的，用户的背景、兴趣、动机、经验程硕士学忙论文度，物理能力以及对美的感受都不同，而个性化设置能帮助用户对用 户界面感觉更舒服。个性化界面还能得到更高的工作效率和用户满意 程度。例如，允许用户改变默认值可以节省他们的时间和减少访问经 常使用的功能的麻烦；允许用户将背景音乐设置为适合自己工作环境的音乐使他们更轻松地完成工作等等。现在网络上熟知的个性化界面有很多。以ＱＱ空间为例。用户可 以根据自己的喜好、心情装扮自己的在网上的家。如图３．５，图３．６、 图３．７的就是本人在不同时期的空间。依据不同的心情，空间的界面风格也相应地发生改变，反映出本人的个性特征。这类个性化界面为不同层次的用户设计了多项服务，不仅提供给用户可选择的模板，还 能满足了用户自己设计界面的要求。这种让用户化被动为主动的设计 理念，大大改变了人与机器之间冰冷的联系。图３—５。ｑ空间州户界面设计的美感研究图３—６∞空间：辆…■。！ｊ？辩∞”｛．＝～！Ｍ ＆ｊ…一?＝’＝。……。～…。鼬…，ｔ”｜璺『３—７如空间３２界面设计的视党美视觉美就名词的角度而言，是最容易让人望文生义的汉语词汇之 一。通俗所说的“悦目”都可类为视觉美。视觉美是艺术本性的外露， 马克思在论及美与艺术的时候说：“美的规律就是人的规律，即有意 识的生命活动。”用户界面设计中的色彩、文字、图片和布局，都能 让人悦目赏心，可以说视觉美是用户界面设计审美中的一个表层，好 的用户界面在视觉美上能够引起共鸣。 ３．２．１具有神奇魔力的色彩硕十学位论文有研究证明一个人从外界接受的信息８０％以上是由视觉器官获 得的，而在视觉信息传达中，人对物体或信息的感觉首先是色，其后 才是形，在最初接受信息的２０秒内，人的色感为８０％，形感为２０％。①来自外界的一切视觉现象，如物体的形状、空间、位置的界限和区别等都是通过色彩和明暗关系来反映的，人们必须借助色彩才能认识世 界、改造世界，因此，色彩具有十分重要的认识功能。神秘的色彩具有着无法想象的魔力。一、色彩能唤起人的联想。心理学家近年提出许多色彩与人类心理关系的理论。他们指出每一种色彩都具有象征意义，当视觉接触到某种颜色，大脑神经便会接收色彩发送的讯号，即时产生联想。色彩 的联想与民情风俗、生活环境、社会变迁、民族通性等因素紧密联系。例如当我们要找一个色彩表示“丧事”时，首先联想到的颜色是黑色， 但是在印度却是“白色”，土耳其是“紫色”，缅甸是“黄色’’。什么 颜色代表“高贵”？在中国的答案是“黄色”，在西洋世界是“紫色”， 在古代罗马则是“红色’’。除此以外色彩的联想与个人的喜好以及所 在环境也有一定的关系，所以对于不同经历的人，不同的颜色在不同 的环境下带给人的联想也会不同。即便如此，理解一些主要色彩的情 绪特征也是很有益处的。 红色红色使人兴奋，让人感觉到火热，刺激而充满着力量，像 情人节收到的火红玫瑰或是婚礼当天的红色嫁衣，总是给人一种热 情、喜庆、温暖之感。在我们中国人眼里，有了红色，便有了希望，有了成功，有了快乐。然而，当红色变了一种警示时，它也意味着危①过山，色彩具有先声夺人的力量一一色彩在包装设计中的应用分析用户界面设计的美感研究险、灾难的来临。橙色和红色一样，橙色也是一种动力和充满能量的颜色，但它不会唤起红色具有的愤怒。它代表阳光、活力、激情和创造力。它拥有丰收的特征，有家庭般的亲切感，它还带来成熟果实的甜美味道， 刺激人的食欲。 黄色在中国，黄色代表尊贵。黄色是一种高辨识性的颜色，具 有强烈的活跃性，西方有旬俗语，“孩子在黄色的房间里更容易哭泣，夫妻在黄色的厨房里更容易吵架，歌手在黄色的更衣室里更容易发脾气＂，意为过多的黄色，会让人精力过于旺盛，令人焦躁不安。 绿色绿色总让人联想到大自然，清新，柔和，代表了成长、新生与希望。它让眼睛更舒服，呼吸更顺畅。它象征着和平、生命与安 全。蓝色蓝色让人联想到变幻莫测的天空，静寂深远的大海和无边无际的宇宙。蓝色代表了智慧和信仰，理性与自由，忧郁与深邃。明 丽的蓝色象征着理想，自立和希望而暗蓝色让人感觉冷峻，蕴含着忧 郁。理性的蓝色还富有科技感，深受电子产品的青睐。 紫色不论东西方，紫色一直被认为是高贵的象征而颇受推崇， 代表着财富和奢侈。淡紫色优雅，温柔，而深紫色则让人感觉华丽性 感而神秘。白色干净、清透、纯洁，这就是白色。白色让人想起白雪，白 云，珍珠，牛奶，想起新娘在婚礼上穿的白纱，想起护士纯净而温暖的微笑。白色意味着神圣，虔诚而高雅。 黑色黑色总让人联想到一些消极的东西，诸如夜，恐怖，黑硕士学位论文暗，不安，罪恶等。黑色表达着一种向周围的压抑和反抗情绪。但它 受到青年人的喜爱，它表现出都市的敏锐与锋芒，在黑色、冷酷的表 面下也许还隐藏着热烈的情感。 灰色 白与黑之间构成灰，从浅灰到暗灰有若干种灰色，它给人宁静，高雅的印象，同时还给人以朴素，孤寂的感觉。 而以上所述的每一种颜色通过一些手段进行处理以后，还能产生 更多的联想。如图３．８，当黄色被处理成昏暗的浊色时，会使人联想到 死亡，在嗅觉上也会联想到腐臭的味道。图３．９中手指问的那股殷红 色，让人马上联想到被玫瑰刺破的手而涌出的鲜血，甚至会在脑海里 想象由这只手去握带刺的玫瑰所引发的故事。人们总会由某种色彩联 想到与其相关的其他事物，这些事物可能是具体的，也可能是抽象的 概念。这正是运用色彩的这种引发人联想的魔力进行的色彩设计。我 们应该利用好色彩的联想，把它运用到界面的色彩设计中。图３—８处理过的色彩联想１图３—９处理过的色彩联想２用户界而设计的美感研究科技通信的发展使得各国各地域的文化得以广泛快速的互相交 流，文化与生活上的日趋近化，缩短了人与人之间价值观念的距离。 从而致使色彩在其象征意义上愈来愈国际化、世界化。然而，尽管色彩的象征语言已日益国际化，每个社会文化体系中，仍然保持其特定的视觉语言，这些特征是我们在使用色彩时绝对不可忽略的。二、色彩的韵律美。人们常常形容优美的音乐具有色彩感，悦目的色彩具有音乐的节奏感。贝多芬曾经说过，在作曲时，他的脑海中总有一幅色彩丰富的画。他可以运用色彩的节奏去感受音乐的抑扬顿挫，利用色彩的变化体会曲调的旋律等。甜美的中间色调可以联想到柔和优美的抒情曲调节奏；明艳的色彩节奏可以联想到节奏轻快的 轻音乐。可见，如同音乐的旋律、诗词的平仄，色彩也因其有规律的变化色彩形象或是色群的对比，等比处理排列组合，产生像音乐和诗歌般的旋律之美。色彩的韵律与节奏赋予人们心理上的愉悦感。拿绘 画来说，不仅是绘画作品构图上的远近、张驰能呈现出节奏，色彩上的跳跃也能给观者传达作品富有生命力的韵律之美。当代艺术作品中，你可以通过对比明快的色彩，感受到热烈奔放的节奏感，而色彩 晦涩的作品又能够让你体悟到一种氤氲之美。在界面的色彩设计上， 我们就要充分运用色彩的节奏特征，创造符合界面需要的色彩韵律。懂得了色彩节奏能得到更为深层的美感享受。三、界面色彩的设计 当代美国视觉艺术心理学家布鲁墨说：“色彩唤起各种情绪，表达感情，甚至影响我们正常的生理感受。”阿恩海姆则认为“色彩能硕＋学位论文够表现感情，这是一个无可辩驳的事实。”因而“色彩是一般审美中 最普遍的形式”，色彩成为设计的重要因素。。有句广告这么说“世上 没有丑女人，只有不懂化妆的懒女人”，界面的色彩设计就像是女人 化妆一样，恰当地使用颜色，能让界面这张脸变得美妙，让人心动。 然而色彩设计不是颜色的随意堆叠，一个界面上主色最好不超过三 种，以免让人感觉眼花缭乱。例如，网页的主色一般用于标志、标题、 主菜单和主色块，感觉上整体、统一。如瑞丽女性网的粉红色尽显女 性娇柔与妩媚。专业从事３Ｄ、多媒体、网站开发的ＲｅｚＭｕｌ廿ｍｅｄｉａ 公司的网页基本使用黑色，以灰色系配色，展现了强烈的立体感与科 技感。其他非主色只作为衬托和点缀，所占面积不能过大，所谓“五 彩彰施，必有主色，它色附之”，正如一张脸上妆上得太花，只会让 美丽化为恐怖。氯。 图３—１０瑞丽女性网ｂｔｔｐ：／／…ａｙｌｉ２６ｃ鲫ｃｎ／ｒｅｇｉｏ“ｃ０００３．ｈｔｍｌ＠陈鸿傻．道是无“情”却有。情～设计人性化探截【力美术与设计２００“４）：７１．ｆＩｊ户界面设计的美感研究幽３—１ｌ ＲｅｚＭｕｌｔｉｍｅｄｌａ公司主页ｈｔｔ口：／／…ｅｚⅢｕｌｔｉｍｅｄｉａ．ｃ伽神秘的色彩具有着让人无法想象的魔力，这种魔力在于它能赋予 简单的形体更多的内涵，并能让欣赏者产生由它而引发的情感体验。 色彩的合理设计，能令用户界面产生一种与受众的无形的亲和力，让 用户与机器的接触更为亲密。３ ２２令人心畅神怡的文字一、美的文字因为所有的设计元素当中，文字最有指向性，对用户而言，界面 上的文字就是最为直接的操作导向。当然文字，特别是汉字，在某些 时候还能充当图像来使用，这便能让文字身兼二职，达到更为巧妙的 效果。汉字从产生以来，经过不断演变和简化，出现有甲骨文、大篆、 小篆、隶书、楷书、草书、行书、美术字等各具特色的形式。每一个 汉字都是由点、横，竖，撇、捺等各个不同的笔画组成的。中国的文 字是世界上最美的文字，鲁迅先生认为中国的汉字具有三美：“音美＇７硕十学位论文以感耳，形美以感目，义美以感心＂①。在这里我们特别提到中国的 书法。林语堂先生曾言：“谈论中国艺术而不懂书法及其艺术的灵感是不可能的。”“中国书法的地位是以在世界艺术史上确实无足与之 匹敌者。’’②。沈尹默先生也道：“世人公认中国书法是最高艺术，就是因为它能显出惊人奇迹，无色而具图画的灿烂，无声而具音乐的和 谐，引人欣赏，心畅神怡＂。③将书法融入现代设计已经极其普遍了，如２００８北京奥运会的“京”字和“酒鬼”酒的包装等等。 二、界面的文字设计文字是现代界面设计中必不可少的重要的视觉艺术信息传达符 号，具有传递信息、美化界面的重要作用。科学的选取合适的字体、 字号，合理的编排文字，使信息的传达更加清楚明确、让受众的视觉 感受更加新颖独特，并从中得到美的享受。界面的文字设计需要精心 编排，根据不同的情况考虑使用的字体、字号和颜色。现在的电子字 库越来越多，电脑给我们提供的字体种类成千上万，然而不能有“不用白不用＂的想法，不必要用不同的字体来设计标题中的每一个字，这样的界面没有了统一性，显得零乱不整。一般而言，一个界面上最 多用上三四种字体，字号也应该根据界面的大小，选择适合用户阅读的字号。比如最适合于网页正文显示的字体大小为１２磅左右。而数据广播就不一样了，观众到电视屏幕之间的距离一般为２～３．５米， 字体应该大而清晰，大段落的文字信息应截为若干个简短易懂的短①鲁迅．鲁迅全集（第九卷），汉文学史纲要［Ｍ】．人民文学出版社，１９７３：３４４． ②林语堂．吾国与吾民【Ｍ】．西安：陕西师范大学出版社，２００６：２７５． ③沈尹默．书法论丛［Ｍ】．上海：上海教育出版社，１９７８：３３．州户界面设计的美感研究语，短语之间要有明显的分隔间距。另外，不同的字体给人不同的感 觉，所以在选择字体的时候应该考虑到该字体与文字和界面的内容是 否相符合。比如说，黑体，综艺体等整齐大方，庄重和规范的字体就 很适合于政府、机关或者较为严肃的界面；而艺术体等生动活泼，欢 快鲜明的字体就可以用在旅游、休闲的界面；隶书体、篆体等书法体 可用于历史、文化、教育等界面，具有苍劲古朴、端庄典雅和优美清 新的感觉；花瓣体、卡通体等这类造型独特、活泼可爱的字体则用在 少儿界面非常恰当。如图３．１２，３．１３，３．１４。图３一１２历史文化学习网ｈｔｔｐ：／／ｃｕｌｔｕｒｅｅｄｕｔ“园！：＝｛熊餮ｃ船翻毖馥，．、。．。一。之。ＩＩ：太ｌⅪ甄：强。土ｌｅｌ ｓｕｒｅｇｏｖ图３一１３体闲网站ｈｔｔＤ：／／啊ｗｃｎ／硕士学伸论文图３一１４哈哈网站ｈｔ‘ｐ：／／ｈａｈａｓｍｇｃｎ／３２３恰到好处的图片设计一、一图胜千字图片在排版设计中，占有很大的比重，视觉冲击力比文字强８５％， 也有这样一说，一幅图胜于千字。但这并非语言或文字表现力减弱了， 而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、 真实。因为图片能具体而直接地把我们的意念高素质、高境界地表现 出来，使本来物体变成强而有力的诉求性画面，充满了更强烈的创造 性。。图像的选择是为主题内容而服务的，采用适当的图像才能准确 地将所要表达的内涵传达给浏览者。有研究表明，人在阅读信息时总 会爿惯性地根据自己的已有的经验和知识猜测下文的内容，这不仅能 提高阅读的速度，还能令人在阅读中产生一种由自信带来的愉悦感。 举个例子，请阅读以下两个信息： 柴门闻犬吠，风雪夜归人。３ｑｔ４ｖ，６ｉ２ｎｗ．ｈｔ‘ｐ：／／㈣ｂＷｌ．ｏｒｇ，ｓＪＬＩＬｕＨ／ｓｈｏｗ＾ｆｔｉｃｌｅ＠排版设计与制作：图片排版样式ａｓｐ？ＡｎｉｃｌｅＩＤ＝１９７２３０用户界面设计的美感研究第一旬是我们所熟悉的诗句，读后不仅朗朗上口，而且眼前还能立刻浮现出诗中描绘的情景与意境；而第二旬毫无规律，像是随机产 生的验证码，简单的字符拼凑，没有具体的含义，所以阅读起来比较吃力，更不用说记忆了。由此我们可以得出一点，具有良好意义的画面能迅速准确地将信息传递给读者，并且给读者带来美的感受，而无 意义的画面只能让读者感觉吃力，不仅无法完成信息的传达，还令人感觉枯燥乏味。 二、界面的图片设计图片的加入不仅美化了界面，也给界面成倍地增加了信息量。 但图片的使用不是简单地叠放，选用时应考虑图片的大小，位置，数量，既要主题突出，又要赏心悦目，还要与文字内容相互呼应，紧密 配合，不相干的图与文尽量不要乱搭配，风格要统一。就好比晚礼服只能配高跟鞋，不好和运动鞋同时亮相一样。图片的设计在界面设计中起着不可替代的作用，总结起来有以下 几点：１．传达性。与界面文字一样，图片首先担负着传达信息的作用。 ２．艺术性。图片设计的艺术性是由图形、图象、色彩的通过点、 线、面的组合与排列，并采用夸张，比喻、象征的手法来体现视觉效 果的。图片的设计追求美的形式感，激发出人们的审美情感，对界面的传达效果有着极为重要的辅助意义。３．表现性。图片设计的表现性实际上是突出设计的个性化，给人 以独特的视觉体验，特别是在提倡设计多元化、个性化发展的今天，硕士学位硷文图片的设计可以增加界面的视觉冲击力，有助于体现整体的设计创 意。４趣味性。图片与人们用来交流的文字语言和声音语言不同，它 是一种视觉语言，它消除了不同地域和文化的民族间的语言障碍和思想隔阂，它所代表的是一种全球性语汇，如同“艺术无国界～样，它用自己特殊的方式传达信息、沟通情感。 图３．１５是半岛书画网的首页，网页使用的背景图片的装饰花纹 和页头的山水画在打开页面的那一瞬间就将浏览者带入到了一个书 画的世界。而左右的两张漂浮图片所示的对联“把玩青山绿水泽后人， 收藏碧海蓝天宜今世”更是清楚明确地告知了读者，这是一个书画收藏网站。恰到好处的图片设计不仅能合理有效地组织画面正确传达信息， 还能创造出客观上不存在的图像，增强页而的视觉吸引力，达到比文字更强的说服力。图３—１５’Ｆ岛书画网 ｈｔｔＤ：／／ｗｗ ｂｄｓｈｍ ｃｏｏ用户界面设计的美感研究３．２．４自由呼吸的合理布局 一、虚实相生 “各门艺术同出一源。因此，凡艺术都大同小异。”这是抽象绘 画鼻祖康定斯基的艺术观点①。文章的布局要抓住感情发展的脉络， 写人记事，写景状物；影片的布局故事情节环环紧扣，书法的布局要疏密有致，巧用黑白布置，红印点缀。界面的布局设计也很讲究，各门艺术都有可以借鉴的地方。 在此，我们主要谈谈“计白当黑”在界面布局设计中的应用。“计白当黑”，也称“以白当黑”。这在很多艺术门类中都有所表现。中 国画常以寥寥数笔写实，虚实相生，所谓“无画处皆成妙境”；音乐 中的“休止＂，瞬间的停顿，更显节奏，刺激情绪，意趣无穷，所谓 “无声胜有声＂；诗歌中的“无言之境＂，把绝纱的东西和深刻的内涵 留给读者想象，所谓“不着一字，尽得风流”；书法的“布白”气势 开张、和谐生动，所谓“疏可跑马，密不透风”。齐白石老先生画鱼、 画虾从来都不画水，只留下大片的空白，但观赏者却可以从他笔下的鱼虾栩栩如生的游动的姿态，感受到清澈透明的水的存在；舞台剧的演员可以不用任何道具逼真地表演推窗、关门、吃东西等，令人赞叹。 不论是绘画、音乐还是舞蹈，艺术总是具有相通性的。二、合理布局很多界面的设计不够重视布局这个问题。美国著名心理学家、认识心理学的奠基者之一，Ｇｅｏ玛ｅ Ａ．Ｍｉｌｌｅｒ在１９５６年的论文《神奇的①陈湘．论色彩构成之音乐韵律美［Ｊ】．艺术教育，２００７（７）．硕＋学位论文数字７士２；我们信息加工能力的局限》中表明，人一次性接受的信息 量在７个比特左右①。可以这么说，如果界面一次性提供给浏览者选择的内容链接超过９个，将会给人在心理上造成一种压抑。这一原理被广泛应用于界面设计之中，设计者最好将栏目数量控制在这个范围 之内。然而很多界面的栏目数远远超过了这个范围，内容量过大，界 面被塞得满满的，真想把它们粘在气球上，然后往里面吹气使它们彼 此分开。其实当界面包含的信息过多而无法控制在这个区间的话，最 好的方法是对这些信息进行分组。图３．１６是“知百视”数据广播的首页制作稿，为求在首页中体 含括所有分类内容，该页被设计得“密不透风”。分类倒是很齐全了，但总觉得透不过气来。要知道数据广播是在电视上浏览的，这不比在 电脑上使用的网页。不像鼠标可以任意点击分类链接，操作者手中只 有一个遥控器，他们只能通过遥控器上的“上、下、左、右”键来简 单控制所要进行的操作。试想一下，当画面切入时，可选光标停在“首 页”按钮处，而此时我想要浏览的信息是“租车”，那么得按“下” 或“右”键超过十次，这样吃力乏味的操作只会令人无法忍受。而图 ３．１７所示的杭州资讯页面在版式的处理上就讲究了虚与实的合理安 排。不仅导航精简，分类明确，而且页面上留有足够的空间，使用户 感受到轻松，干净，不至于因界面太满而眼花慌了手脚。然而“空本难图，实景清而空景现；神无可给，真境逼而神境生。②’’（ＤＧｅｏｒｇｅ Ａ．Ｍｉ ｌ ｌｅｒ．Ｔｈｅ Ｍａｇｉｃａｌ Ｎｕｍｂｅｒ Ｓｅｖｅｎ，ＰｌｕｓｏｒＭｉｎｕｓ Ｔｗｏ：Ｓｏｍｅ ＬｉｍｉｔｓｏｎＯｕｒＣａｐａｃｉｔｙ ｆｏｒ Ｐｒｏｃｅｓｓｉｎｇ ＩｎｆｏｒｍａｔｉＯｎ，Ｐｓｙｃｈｏｌｏｇｉｃａｌ Ｒｅｖｉｅｗ，Ｖ０１．１０１，Ｎｏ．２，３４３—３５２②笪重光，画筌用户界面设计的美感研究其实处理空白要比画实景要难得多。界面的虚实处理上，既不能过于 实，又不能过于虚，把握好这个度，以达到实用性与审美性的统一。图３一１６知百视资讯首页稿图３—１７杭州信息页面硕十学何论文３．３界面设计的人性美３．３．１人性化设计随着社会与科技的发展，我们进入了一个全新的现代化高科技发展的时代。人们不再需要点煤油灯，轻松点按开关就能享受黑夜中的明亮；不再奔走在大街小巷急着找人，只需要一个电话省时又省力， 不再等待邮差的绿色自行车，点击鼠标就能在瞬间把信送到大洋彼岸的朋友面前。人们的生活的确发生着翻天覆地的变化，然而在享受高科技带来的便捷的同时，也面临着因它而产生的矛盾，那就是看似简 单却又复杂的现代设备带给人们的困惑：不错，一点开关就能控制好 灯，可面对那排成一排的控制，哪一个开关控制哪一盏灯呢；欣喜地 戴上集时钟、计算器、万年历、闹铃、秒表等功能于一身的多功能电 子表，却望着那仅有的两个按钮犯愁，不小心调入了万年历，却怎么都回不了时钟的位置；好不容易找到一个资料网，却怎么也弄不明白如何使用，找不到入口的位置……人们苦恼于这些很难明白的东西， 整天犯着自己认为是不可原谅的错误，一味地责怪自己太笨。可是这 真是我们的错吗，高科技不是应该把生活中的事情变得更简单吗，怎么好像越变越复杂了？其实，这真的不是我们的错，应该说是设计不够人性化。人性化设计是以人为中心和尺度的，满足人的生理和心理需要、物质和精神需要。营造舒适、高雅的居住空间，使人们享受空间的使用趣味和快感。人性得以充分的释放与满足。人的心理更加健康、情感更加丰富、人性更加完善，达到人物和谐。用户界面设计的美感研究在今天科学技术迅猛发展的和谐社会，以人为本的设计理念已成 为颇引入注目的亮点，“人性化＂逐渐形成一种不可逆转的潮流。３．３．２界面设计的人性化界面的设计也需要人性化，我们日常使用的界面有手机界面、网 页、ＡＴＭ机还有当前开始普及的数字电视和数据信息广播等等。我们在使用的时候经常会遇到一些令人心烦的问题。比如说有些网页的背景色或图片与前景色太相近无法辨认，或者对比太强对眼睛刺激太大 而产生疲劳；有的界面的结构混乱，经常找不到入口和出口；有的界 面的内容量过大，空间被塞得太满，造成浏览时令人呼吸困难；有的界面太强调个性化的色彩和布局，完全不考虑浏览者，界面装饰得很花哨，感觉很前卫，却有碍浏览。界面设计不是训练每个人都成为操作它的专家，而是赋予界面尽可能多的人性。正如莫尔恩?考第尔所说的：“交流的责任被决定性的赋予计算机而不是人类，不是用户必 须去学习计算机提供的界面，而是计算机必须满足用户的偏爱。”①美 国设计家普罗斯也曾说，人们总以为设计有三维：美学、技术和经济， 然而更重要的是第四维：人性。②界面也期待人性化的设计！界面的 职责是向用户提供他们需要的信息，引导用户方便、正确、满意地完 成操作，并且在完成操作的过程中能令用户感受到设计给他们带来的关怀。一、随着人们观念的更新，生活水平的进一步提高，奢侈、享受、豪华的家居环境将逐渐被摒弃，而对宽松、简洁、闲适的居家氛围更①莫尔恩?考第尔，关于计算机界面的研究 ②陈鸿俊．道是无“情”却有ｑ隋”一一设计人性化探微【Ｊ】．美术与设计，２００１（４）：７１．硕十学位论文加向往，继而“简约就是美”的观点被提出。“少即多（１ｅｓｓｉｓｍｏｒｅ）’’，它是主张形式简单，高度功能化及理性化的设计理念。这也是我们常说的设计的ⅪＳＳ原则，“Ｋｅｅｐ ＩｔＳ锄ｐｌｅ Ａｎｄ Ｓｔｕｐｉｄ”。简单的理解这句话就是，把界面设计得连白痴都会用，换言之，简单就是美，这就是用户体验的高层境界。如果界面的功能达不到用户的 要求，就算界面制作得再漂亮也没有用。而如果界面功能再齐全，操 作过于复杂同样会令用户敬而远之。最好的用户界面，是“用户把自己的领悟和理解直接运用到任务操作当中，好像所借助的使用工具不存在了一样”①，让用户在操作界面的过程中无需花时间研究界面如 何操作，而只需要集中精力来完成工作。比如说，人们掌握了鼠标、 键盘的用法后，在使用电脑工作时就只需要将所有注意力集中在屏幕 上，而无需打断工作思路到处找相应的按钮。简化界面的操作，需要 设计者把自己当成是最终用户，甚至可以假设自己就是一个对该界面一无所知的用户，列出第一次使用界面时可能会出现的状况，然后针 对这些情况将界面的功能按钮进行合理安排，从而减少操作中的失 误。误操作的多次出现将会使用户失去信心，甚至自责。所以，设计 师们应该从用户出发，尽量按照多数人的操作习惯来设计。比如同类界面都采用“Ｘ”功能键控制退出，那么就不要别出心裁地把这项功能换成其他的控制键，以免用户习惯性的操作得不到准确的响应。功能的设计上，一个步骤能达到的功能绝不分为几步进行，合理运用再认与再忆，减轻用户的记忆负担。如果用户不必花太多时间研究界面（ＤＣｈｒｉｓ Ｒｕｔｌ【ｏｗｓｋｉ．Ｉｎｔｅｒｆａｃｅ， Ａｎ Ｉｎｔｒｏｄｕｃｔｉｏｎ ｔｏ ｔｈｅ Ｈｕｍａｎ Ａｐｐｌｉｃａｔｉｏｎｓ Ｓｔａｎｄａｒｄ ＣｏｍｐｕｔｅｒＢＹＩＦ，１ ９８２，Ｏｃｔ，ＮＯｖ３８用户界面设计的美感研究的每一项操作，就可以减少误操作，免去用户的自责感，增强用户的自信心，从而体现出界面的设计对用户的关怀。二、界面文字表达要准确，正确引导用户进行操作，同时，界面的提示信息与反馈信息（包括文字和声音）设计要在用户出现误操作 时，及时提醒与帮助用户完成操作。 界面的文字表达一定要准确，特别是导航栏。如果表述不清， 会让使用者难于理解。导航栏的文字表述是对该分组内容的高度概括，最好不要使用令人产生歧义的词语。如果担心概括不够准确，可以对这些文字设计一些提示信息用来对该栏目进行更清楚的解释。用户界面要照顾到那些不熟悉它的用户。为了方便用户了解界面的使用方法，需要给用户提供足够的帮助信息。提示信息出现的方式有很多种，可以单独设置帮助栏，将所有的操作信息详细地写清楚，也可以直接将提示信息置于界面之上，还可以当光标指向某一项目时，出现提示框或者提示音等等。反馈信息也很重要，如果用户操作后未能得到任何反馈信息，用 户就无法判断他的操作是正确还是错误，操作的效果是什么，下一步他该怎么办。反馈信息的呈现方式可以是多种多样的，如文本、图形 和声音等。美国当代设计家德累福斯说，“要是产品阻滞了人的活动，设计 便告失败；要是使人感到更安全、更舒适、更有效、更快乐，设计便 成功了。’’①那是因为设计是为他人而做的，人性化设计必将成为未来①陈鸿俊．道是无“情“却有“情”一一设计人性化探微【Ｊ】．美术与设计２００１（４）：７１．硕十学位论文设计的必然趋势和最终归宿。以人为本的界面设计，应该少一点形式 上的追求，多一点实际的人性关怀，追求个性的同时，更应该考虑人 情。用户界面设计的美感研究第四章本人界面设计的艺术实践实践是检验真理的唯一标准。将理论在实际设计中运用起来并不 容易。经常研究优秀的界面设计作品，吸取其精彩之处，并将所学运 用到实际的案例当中，这对设计出富有美感的高品质的界面具有很大 的帮助。本章主要对本人在硕士学习期间的艺术实践作品进行分析。 ４．１网页界面艺术设计实例曼ｌ墼趣诺毒悠｝稳。黾忠善。。。。ｉ—一…＾…¨＾…一 ……｝…ｑ……ｊ”… …ｔ…¨＊■■…’一 ……“薰墓震 ………，ｎ：…ｔ…一 …■■■■■■一一…＊Ｌ＋ｒ ‘｛ｒ１～…ｔ■…，…Ⅷｉ—ｑ ……一４…州＾￡Ｊ■■■ｌ‘一【… ｈ酗蠹茹，豁薹墼益辆篙冀。””ＬｄＥｒ一■＾ｐ ｉ辫“ 。ｚ‘Ｉ。一龟…，“戮口＾｛１‘ｔ＾”ｔ：鲎ｊ：芝ｃｏｍ！引：㈨ｉ图４一ｌ怀化市铁路第二中学网站首页ｈｔｔＤ／／ｗ哪．ｈｈｔｅｚ怀化市铁路第二中学网站是本人于２００３年１０月设计制作完成 的，当时因学校网站急于开通，网站的功能、结构及数据库考虑得较 多而忽略了网页界面的设计。所以在艺术设计上该界面还存在很多的 问题。首先是版式布局上没有合理安排，区域的划分不得当，使得页 面的内容零乱无章，用户在浏览时，还需要自己将信息分类。另外，硕十学位论文整个界面以浅紫色为主色，白色附之，感觉上过于单调、朴素，没能 突出中学及中学生的活泼、积极向上等特点，无法给人留下深刻印象。图片采用滚动式，展现校园的各个角落是个不错的设计，不过选图上不够精细，图像不够清晰。字体使用上过于随意，宋体、黑体、舒体、 隶书体、美术字等种类太多，没有整体感。细节的处理上也差强人意，没有变化，没有动感，没有创意，没有惊喜，更谈不上美。２００９年 初，应该校电教中心的委托，本人重新对网站的首页进行设计，新的 设计无论在色彩、图片、文字、版式甚至小细节处理上都将从用户出发，着力于界面的美感设计，既要迎合学生个性化的口味，同时也要 不失学校严谨求实的治学风格，试图从界面的美感设计出发，让该首 页换上全新的妆容。 一、创意设计。一个具有艺术吸引力的网页界面，一定有他个性 的创意，哪怕是一点点小小的创意都能为界面增色不少。本例中的校园公告栏目，抛弃原来界面中规中矩的长条形框，使用了立体感很强 的便条纸形式。就像学生会成员在黑板报上贴了一张通知单一样，这 个创意来源来真实的校园生活，小而简单的一个改变却令整个网站更 有新奇性和创造性。 二、版式设计。界面的版式首先要考虑到不同用户显示器的分辨率。为确保８００×６００像素分辨率、１ ０２４×７６８像素分辨率甚至更高分辨率的用户都能便利地浏览到页面的内容，页面的宽度设计为小于 ８００像素。这样，用户就不必从左到右拖动滚动条浏览那些在小分辨 率显示器上无法显示的内容。另外，页面的中上部区域是浏览的最佳用户界面设计的美感研究区域，所以，那里将是网站最需要向用户传递的信息所在的位置。可 以把校园新闻安排在这个区域，因为，这个栏目是每日更新的，这样 一来，用户一打开首页，第一眼就能得知有关学校的最新的消息。 针对原来的纯横向版式布局，新设计的版式用页面右侧的区域打 破了原有设计的纯横向布局，使之看起来有变化。 老子有言“大象无形”，空白是一种无形的语言，无声的“大美”，而版式设计的目的是让安静地读书，而不是用“艺术”去干扰读者， 版式设计应“静”不应“乱”，应多给读者留一些想像的空间①。所以，新设计的界面考虑到了“留白”的问题，不仅便于浏览者阅读信息，版式合理的疏密关系还向浏览者展现了这种“大美”，在空灵中体会无限的意味。图４—２原有的版式图４—３新设计的版式三、色彩的设计。“无论是在拆除炸弹还是在设计一个得体的网 站，如果选错了颜色那就死定了。”②首先为确保页面的显示效果，网页的色彩选择尽可能地选择“网页安全色’’，而要避免使用艳度过高①邓中和．书籍装帧创意设计．中国青年出版社，２００４：２６０．②Ｊａｓｏｎ Ｂｅａｉｒｄ．Ｔｈｅ ｐｒｉｎｃｉｐｌｅｓｏｆ ｂｅａｕｔｉｆｕｌ４３ｗｅｂ ｄｅｓｉｇｎ．２００８（２）：３３．硕十学位论文或者明度过高的颜色，因为，在笔记本的液晶显示器上，前者会很刺眼，而后者的显示会几近白色。另外，网页的色彩要有召唤感。网站 设计与～般的平面设计最大的不同之外就在于，网站具有很强的互动性。它需要浏览者的点击才能引发下一个页面，网站链接的点击率的高低从某种程度上说，直接影响到整个设计方案的成败。相对而言，艳丽的颜色如黄、橙、蓝、绿都比较能引起浏览者行动的欲望，富有召唤感。 该学校网站要求突显教育事业的生命力及学校的办学宗旨，还需要体现中学生积极向上，朝气蓬勃的特点。色彩使用方案如下： 主色调：粉绿色（中等明度，中等纯度） 辅助色：果绿色（中等明度，中等纯度），蓝绿色（中等明度，低等纯度） 点缀色：天蓝色（中等明度，高等纯度） 为避免使网页界面看起来像“百衲衣”，界面主要配色不超过三 种，界面看起来干净清新。透明的粉绿色给人以轻快、欢欣的感受，蓝绿色则带给人严谨、严肃、理性。配色传达了青春、新生、茁壮成长、清新、生动、活力、向上等情感。 四、文字设计。首页要在极短的时间内抓住浏览者的注意力，并且说服他们对网站做进一步的了解，最简单的方法就是减少首页上的 文字数量，防止他们觉得页面内容太多而产生迷惑感，应该尽量用大的字体来传达简单的信息。准确地为界面的不同内容选用适当的字体 字号。本例的字体使用上主要是宋体１２号字，便于阅读，栏目标题用户界面设计的美感研究采用黑体，强调、醒目，网站名用书法体以增强学校学习的浓厚气息，整个界面上的字体不超过三种，基本达到统一。五、图片设计。第一要确保的是界面使用的图片是合法的。图片 的来源可以是网络上提供的免费图片，也可以是通过购买的付费图片，当然，最好是原创。如可以通过自己拍摄或者自己制作，以免造成将来不必要的麻烦。在本例中选择的具像图片是校园风景的图片， 抽像图片是本人制作的。另外，要选择大多数浏览器支持的图片格式， 如ＪＰＥＧ、ＧＩＦ、ＰＮＧ格式。网页上的图片分辨率不用太高，７２ｄｐｉ最适合网页图片显示和传输。六、细节上的处理。不是每个网站都必须漂亮，但是每个网站都 可以很漂亮。①网页界面的设计还需要在细节上进行润色。例如不要 始终使用９０。转角的长方形基础布局，从图形设计的角度来看，圆边 的框会使布局更加柔和，给人一种有机的、平滑的、和谐的感觉。按纽和菜单也可以设计成具有广度与深度的３Ｄ形式。另外，在每个栏目的右下角使用一个蓝色三角形图标，使得界面的整体视觉效果上达 到平衡，并且，它与页面左上角的校园图片中的蓝色也能构成位置上 的呼应关系。细节上的艺术处理能为界面的整体美感起到极其微妙的 作用，只有真正去做了才能感受到它所创造的细致的美。①Ｊａｓｏｎ Ｂｅａｉｒｄ．Ｔｈｅ ｐｒｉｎｃｉｐｌｅｓｏｆｂｅａｕｔｉｆｕｌ４５ｗｅｂｄｅｓｉｇｎ．２００８（２）：５８．硕士学位论文削４—５新设计的苜贞用户界面设计的美感研究４．２软件界面艺术设计实例软件界面的设计与网页界面设计一样已经是非常为人所熟知了， 不同的是软件界面要求的个性化风格更高。因为，软件的用户群相对网页来说更加具有针对性。本小节以本人设计制作的一个界面实例， 智能联锁启动单元的软件界面为例，谈谈本人在软件界面艺术设计上的看法。ＺＴ－ＭＬＳ智能联锁启动单元是长春市腾新电气技术研究所针对电Ｕ力系统的实际需求而推出的新一代数字式、强抗干扰的保护控制仪器。该仪器具有丰富的联锁控制和测量保护功能，在电力系统的生产 现场，可以在不使用各种继电器的前提下，解决电动机与液位计、温 度表等电力设备之间的复杂工艺联锁，实现生产过程的全自动化操作。而本人当时的所做的工作就是制作图形化编程方式的界面。当时由于本人对艺术设计还很不了解，制作的界面非常粗糙，也没有从专 业的角度进行过设计前的分析与调查。产品因其功能上的优势销售量不错，然而，界面的设计很是差强人意。界面仅仅是完成了功能按钮的拼凑，没有从艺术设计的角度考虑界面的美感。２００９年元月，本 人对该软件的界面进行了重新设计。 重新设计的界面，从审美角度出发，加强界面的美感设计。基于对软件的使用与分析，力致于把该软件的界面从色彩、版式到图形和文字设计得集科技感与艺术美感于一身。把原来的按钮制作成立体而 具有金属感，功能控制按钮图形化。整个界面由感性的弧线与理性的 直线相结合，充分展示软件科技与艺术的美。硕士学何论文图４—６ ｚＴ．ＭＬｓ型智能联锁启动单元的软界面鳓囊耐［嘲Ｅ固图４—７ ｚＴ．ＭＬｓ型智能联锁启动单元新设计的界面软件的框架设计涉及软件的使用功能，所以了解该软件产品的程序和使用是很有必要的。经过一段时间的软件跟进，快速学习 软件产品，并且在和软件产品的程序开发员及程序使用对象进行 共同沟通后，才能设计出友好的，独特的，符合程序开发原则的 软件框架。软件框架设计要求简洁明快，减少无谓的装饰，为用柏用广界面设计的美感研究户提供清爽舒适的使用环境。给界面留出一定的空白，可以让用 户没有一种被步步紧逼之感，在操作软件时能放松心情，减轻压 力。 色彩设计力求突出电子产品的科技性。选用高明度、中纯度的淡 青蓝作为主色调，中明度、中纯度的青蓝和中明度、低纯度的灰色为 辅助色，并点缀中明度、高纯度的橙色，整体上感觉不错。蓝色是科 技的颜色，它宽广而博大，理智而坚韧。空灵的青蓝色将科技的概念 用虚幻的色彩表现出来，科技的近在咫尺和遥不可及都在这种颜色中得以充分体现。配色传达的是清冷、空灵、抽象和科技的感情。新设计的界面在文字的设计上有了很大的改动。首先，软件的大标题原来是采用的字体是新魏，这是属于传统而古老的字体，用于高科技的软件界面有些格格不入。所以，新的界面将标题的字体改为现 代流行而通用的综艺体，既大方美观又显得个性而稳重。 另外原来的设计背景图片是随意挑选的“齿轮”图案，这与该软 件可谓是完全不相干系。新的设计没有大幅的图片，只是选用了细横 线做为背景，力求从图片折射出软件的科技感与抽象性。４．３数据广播界面艺术设计实例了解到数据广播还是在２００７年的１０月，非常有幸能在湖南国数 传媒科技公司见习。公司主要设计与制作湖南省数字电视的信息资讯系统。期间，本人与公司的界面设计师一起共同参与了信息资讯界面的设计与制作。因为电视网页是个新兴的领域，随着数字电视的逐渐 普及，信息资讯频道也渐渐走入了干家万户。虽然国内外多家公司都硕十学位论文在对此进行研究，如杭州的华数公司，成都的华视公司，但对该类界 面设计仍然还处在探索阶段。所以，此类界面的设计是个漫长的过程， 在实际使用中进行了反复修改，直到现在都没有完全定稿。 电视界面与网页的不同在于以下两点：一是用户浏览的工具不一 样。鼠标比摇控器的自由度也要大得多了，所以，从理性上讲，网页 界面的内容可以设计得丰富一点，而电视界面则尽量简化，宁可多分 些级别，也不要在一个页面上放置太多的内容。二是用户的浏览习惯 不一样。人在电脑面前工作时身体习惯性地前倾，属于一种主动的行 为，而传统的电视己让用户养成了身体后靠的习惯，此时用户正处于 被动接受的状态。这样一来，不管内容多精彩，一次性灌输的内容太 多只会令他们接受不了，干脆按“ＰＯＷＥＲ”键把电视关了。结合这 两点，可以得出，电视界面想要吸引用户的注意，博得用户喜爱，必 须简单、干净、明了，这便是第一眼的美。 这里提到的例子是湖南国数知百视电视资讯的汽车界面。界面针 对工作忙碌没有时间上网的爱车一族来设计，他们只是在很短的时间 内快速浏览界面。所以设计必须在界面打开的瞬间内抓住他们的眼球。界面的色彩选用深蓝与灰色的搭配，神秘而冷峻的深蓝色传递着一种难以描述的空间感和形体感，与灰色构成强列的技术感，带来精 致高雅而高贵的感觉。橙色是“知百视”标志的色彩，在界面上显得 很耀眼，其他几处橙色起到了点缀与映衬的作用。整个界面的色彩衬 托出车族的深沉，理性与尊贵并体现爱车族的积极与活跃。界面上的 图片采用最新款车型的照片轮放，这对爱车族是个很强的刺激，不仅用户界面蹬计的美感研究刺激了他们的眼睛，还刺激了他们进一步浏览的欲望。因用户与电视 的距离一般在２．３．５米，这个距离决定了界面的文字设置。为保证显 示的清晰度，标题字体设置为黑体，字号为２８号。对于浅色的文字， 用深色描边以确保显示效果。 当然，以电视机为载体的界面设计远远不像我们想象中那么简 单。与电脑屏幕相比，我们在设计时还要考虑很多因素。如电视机的 屏幕分辨率和刷新率，电视机的色彩显示度等等。正是因为有着太多 的硬件设备的条件限制，导致电视界面设计还很薄弱。没有一个很好 的原则与标准来规范它，这将是个漫长的过程。但是，相信硬件设备 的为断更新与发展，必将促进电视界面设计的飞速前进。蟊Ⅻ百日”新年上市Ｉ曩车口姆Ｉ＝手车市Ｉ罄扮爱车图４—８知百视汽车资讯界面硕十学位论文结论界面设计将是信息时代永恒的话题，它的学科综合性使得对它的 研究变得极为复杂与庞大。己经有越来越多的人认识到，界面设计是 信息设计的各个环节中至为重要的一环。当代技术发展是如此的迅 速，在新技术和用户新的需求面前，学术界的研究人员和产业界的设计人员都面临着巨大的挑战。成功的交互界面设计需要涉及多个学科，跨学科设计组介入界面设计己经很有必要。只有当越来越多各种不同的专业人员如美术设计师，艺术家、动画设计师、摄影师、电影行家、产品设计师、社会学家、心理学家等参与进来，才能开发出更 有意义更具美感的用户界面。设计不是一成不变的，分析方法也不是一成不变的，设计的界面同样是在人一物的信息交流中变化发展的。然而，鉴于个人的能力有限，本文所探讨的只是从理论和实践分 析界面设计中的美感，论文做得不够也深不够全，大都是自己的一些 实际体会。界面设计有大量的工作期待我们去做深入研究，例如，如何使界面的艺术设计与新技术很好的融合，界面设计如何更有效地传达信息等等。然而，技术的不断进步使得界面设计的发展有着诸多的不确定性，今天的分析与总结也许在明天会变得没有意义，在新技术 的不断催化下，界面设计的发展是具有探索性和阶段性。这对研究工作提出了极大的挑战，而正是因为它带有这种探索与挑战的魅力，才 令人们在前进的道路上不断地追求。所以，本文对于我个人只是一个用户界面设计的美感研究起点，希望在将来的工作中，能有机会从以下两个方面对界面设计更加深入与系统研究。 一、电子仪器界面的设计 二、数据广播电视界面设计参考文献专著：【１】【美】Ｊａｓｏｎ【２】ＰａｔｒｉｃｋＣｒｅａｔｉｎｇ Ｂｅａｉｒｄ．ｔｈｅｐｒｉ ｎｃｉｐｌｅｓ ｏｆ ｂｅａｕｔｉｆｕｌ ｗｅｂ ｄｅｓｉｇｎ．２００８．２． Ｓｔｙｌｅ Ｇｕｉｄｅ：Ｂａｓｉｃ Ｄｅｓ ｉｇｎ Ｐｒｉｎｃｉｐｌｅｓ ｆｏｒＪ．Ｌｙｎｃｈ．Ｓａｒａｈ Ｗｅｂ Ｓｉｔｅｓ．Ｈｏｒｔｏｎ．ＷｅｂＹａｌｅ ＵｎｉｖｅｒｓｉｔｙＰｒｅｓｓ．１９９９．【３】【美】唐纳德诺曼．设计心理学［Ｍ】．北京：中信出版社，２００３：１０． ［４】【美】唐纳德诺曼．情感化设计［Ｍ】．北京：电子工业出版社，２００５． 【５】【美】鲁道夫．阿恩海姆，滕守尧，朱疆源译．艺术与视知觉［Ｍ】．成都：四川人民出版社，１９９８．【６】罗伯特?休斯．文学结构主义【Ｍ】．三联书店，１９８８：１３０． 相似的译法亦可直接见１９８９年１月三联书店版俄国形式主义文学选． 【７】金元浦，王军，邢建昌．美学与艺术鉴赏［Ｍ】．北京：首都师范大学出版社，１９９９．９ ［８】梁一儒，户晓辉．官承波．中国人审美心理研究【Ｍ】．山东人民出版社，２００２．３ 【９】章利国．设计艺术美学【Ｍ】．山东教育出版社，２００２．９．［１ Ｏ】杨辛．美学原理纲要［Ｍ】．北京大学出版社，１９８８．【１１】宗白华．美学散步［Ｍ】．上海：上海人民出版社，２００５．１２． 【１２】陈望衡．当代美学原理【Ｍ】．北京：人民出版社，２００３．１２．【１ ３】李泽厚．美的历程【Ｍ】，北京：文物出版社，１９８２．［１４】李乐山．人机界面设计【Ｍ】．北京：科学出版社，２００４．８． 【１５】严晨，ｗｗＷ?个性与设计［Ｍ】．北京：人民邮电出版社，２００１． 【１６】朱国勤，倪伟，王文霞，编排设计【Ｍ】．上海：上海人民美术出版社．２００１． 【１７】傅雷，美术论卷［Ｍ】．观画答客问． 【１８】莫尔恩?考第尔．关于计算机界面的研究【Ｍ】． 【１９】林语堂．吾国与吾民【Ｍ】．西安．陕西师范大学出版社，２００６，２：２７５． 【２０】沈尹默．书法论丛［Ｍ】．上海：上海教育出版社，１９７８，３：３３． ［２１】鲁迅．鲁迅全集（第九卷），汉文学史纲要［Ｍ】．人民文学出版社，１９７３：３４４． 【２２】【苏】阿尔森?古留加．贾泽林、侯鸿勋、王炳文译．康德传［Ｍ】．北京：商务印书馆出版，ｐ１１５．【２３】马月，网站界面设计【Ｍ】．北京理工大学出版社，２００６，８． 【２４】邓中和．书籍装帧创意设计【Ｍ】．中国青年出版社，２００４． 【２５】【日】原研哉．设计中的设计【Ｍ】．山东人民出版社２００６，１１．【２６】封孝伦．人类生命系统中的美学［Ｍ】．安徽教育出版社，２００４，８． 【２８】［美】Ｂｅｎ ｓｈｎｅｉｄｅ蛐ａｎ２００５． Ｃａｔｈｅｕｉｎｅ ｐｌａｉｓａｎｔ，用户人机界面设计【Ｍ】，电子工业出版社，期刊论文【１】ＧｅｏｒｇｅＯｕｒ Ａ． Ｍｉ ｌ ｌｅｒ． Ｔｈｅ Ｍａｇｉｃａｌ Ｎｕｍｂｅｒ ＰｒＯｃｅｓｓｉｎｇ Ｓｅｖｅｎ， ＰｌｕｓｏｒＭｉｎｕｓ Ｔｗｏ：Ｓｏｍｅ Ｌｉｍｉ ｔｓｏｎＣａｐａｃｉｔｙ ｆＯｒＩｎｆＯｒｍａｔｉｏｎ，ＰｓｙｃｈｏｌＯｇｉｃａｌＲｅＶｉｅｗ，Ｖ０１．１０ｌ，ＮＯ．２。３４３—３５２．［２】ＣｈｒｉｓＲｕｔｋｏｗｓｋｉ．Ａｎ Ｉｎｔｒｏｄｕｃｔ ｉｏｎｔｏｔｈｅ Ｈｕｍａｎ Ａｐｐｌ ｉｃａｔ ｉｏｎｓＳｔａｎｄａｒｄ ＣｏｍｐｕｔｅｒＩｎｔｅｒｆａｃｅ，ＢＹＩＦ，１ ９８２，Ｏｃｔ，ＮＯｖ．【３】网页艺术设计初探【Ｊ】．视觉中国，ｈｔｔｐ：／／ｗｗｗ．ｃｈｉｎａｖｉ ｓｕａｌ．ｃ伽／． ［４】徐辉，李建军，网页设计中的“美”与“技术”【Ｊ】．安徽电子信息职业技术学院学报，２００６（６）．【５】陈鸿俊．道是无“情”却有“情”一一设计人性化探微【Ｊ】．美术与设计，２００１（４）：７１． 【６】杨大伟．色彩节奏当议【Ｊ】．美术观察，２００６（１０）．学位论文【１】翟翔．基于视觉信息传达的网页界面设计【Ｄ】．湖南，湖南大学，硕士学位论文，２００７． 【２】霍发仁．人机界面设计研究［Ｄ】．武汉理工大学，硕士学位论文，２００３． 【３】崔莉．ｗＥＢ２．０时代交互式网页界面功能与审美设计研究【Ｄ】．重庆大学硕士学位论文，２００７．【４】鬲波飞．网络媒体的视觉传达设计研究【Ｄ】．湖南大学硕士学位论文，２００２． 【５】翟翔．基于视觉信息传达的网页界面设计【Ｄ】．湖南大学硕士学位论文，２００７． 【６】夏进军．数字化设计艺术审美析【Ｄ】．武汉理工大学硕士毕业论文，２００６． 【７】童宜洁．界面设计中的信息传达要素分析［Ｄ】．武汉理工大学硕士学位论文，２００６．互联网站：设计在线：ｈｔｔｐ：／／Ｗｗｗ．ｄｏｌｃｎ．ｃｏｍ／中国工业设计网： 新媒体艺术：视觉中国：ｈｔｈｔｔｐ：／／ｗｗｗ．ｉｎｄｅｓｉｇｎｅｒ．ｎｅｔ／ ｔｐ：／／ａｒｔ．ｃｎ．ｔｏｍ．ｃｏｍ／ｈｔｔｐ：／／ｗＷＷ．ＣｈｉｎａＶｉ ｓｕａｌ．ｃｏｍ／５５附录 攻读学位期间所发表的学术论文［１］谢丹，蒋啸镝．书籍封面设计中的书法艺术．艺术探索，２００８，４．［２］谢丹，蒋啸镝．论界面设计的人性化表达．艺术探索，２００９，４．致谢指尖敲打着键盘，将这三年来的点点滴滴一字一句地记录完毕，末了，才发现三年的研究生生活已经临近尾声。这是一段让我无法忘怀的岁月，毕业将至，心中感慨万千。论文顺利完成，我的心底涌起 无限的感激。我要感谢我的恩师蒋啸镝教授。多年以来，无论在学习还在生活 上，蒋老师的给予的关怀与呵护都无处不在，是他严谨、敬业的治学 精神给了我前进的动力，在我不谙世事、止步不前时带给我无私的教诲与启发。论文的完成离不开老师的关心与帮助，更是凝聚了老师的 心血与智慧。我还要感谢贺景卫、焦成根教授，感谢两位老师对我的论文提出 的宝贵意见与建议，更感谢他们授予了我们不仅仅是知识还有做人的道理。感谢工学院所有的老师对我的关心、帮助与教导。 感谢我的父母对我无条件的理解与支持，感谢我的丈夫对我的关 心支持与照顾，是亲人的爱支撑着我，给我莫大的力量让我能更坚定 地走到今天。感谢一起共度三年研究生生活的同窗好友，感谢所有帮助过我的人们，感谢你们。谢丹二零零九年三月于师大用户界面设计的美感研究作者： 学位授予单位： 谢丹 湖南师范大学本文链接：http://d..cn/Thesis_Y1471773.aspx
用户界面设计的美感研究-是一个在线免费学习平台、通过收集整理大量专业知识，职业资料、考试资料,考试复习指导,试题资料等给大家分享;同时提供学习互动交流;更好的帮助大家学习。
相关文档：
搜索更多：“”
All rights reserved Powered by
copyright &copyright 。非常超级学习网内容来自网络，如有侵犯请联系客服。|}