界面设计篇（1）

一、设计界面的涵义

界面的说法以往常见的是在人机工程学中。“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。“而设计艺术是研究人一物关系的学科，对象物所代表的不是简单的机器与设备，而是有广度与深度的物；这里的人也不是“生物人”，不能单纯地以人的生理特征进行分析。“人的尺度，既应有作为自然人的尺度，还应有作为社会人的尺度；既研究生理、心理、环境等对人的影响和效能，也研究人的文化、审美、价值观念等方面的要求和变化”。

设计的界面存在于人一物信息交流，甚至可以说，存在人物信息交流的一切领域都属于设计界面，它的内涵要素是极为广泛的。可将设计界面定义为设计中所面对、所分析的一切信息交互的总和，它反映着人一物之间的关系。

二、设计界面的存在

美国学者赫伯特．A．西蒙提出：设计是人工物的内部环境(人工物自身的物质和组织)和外部环境(人工物的工作或使用环境)的接合。所以设计是把握人工物内部环境与外部环境接合的学科，这种接合是围绕人来进行的。“人”是设计界面的一个方面，是认识的主体和设计服务的对象，而作为对象的“物”则是设计界面的另一个方面。它是包含着对象实体、环境及信息的综合体，就如我们看见一件产品、一栋建筑，它带给人的不仅有使用的功能、材料的质地，也包含着对传统思考、文化理喻、科学观念等的认知。“任何一件作品的内容，都必须超出作品中所包含的那些个别物体的表象。”分析“物”也就分析了设计界面存在的多样性。

为了便于认识和分析设计界面，可将设计界面分类为：

1)功能性设计界面接受物的功能信息，操纵与控制物，同时也包括与生产的接口，即材料运用、科学技术的应用等等。这一界面反映着设计与人造物的协调作用。

2)情感性设计界面即物要传递感受给人，取得与人的感情共鸣。这种感受的信息传达存在着确定性与不确定性的统一。情感把握在于深入目标对象的使用者的感情，而不是个人的情感抒发。设计师“投入热情，不投入感情”，避免个人的任何主观臆断与个性的自由发挥。这―界面反映着设计与人的关系。

3)环境性设计界面外部环境因素对人的信息传递。任何一件或一个产品或平面视觉传达作品或室内外环境作品都不能脱离环境而存在，环境的物理条件与精神氛围是不可忽缺的界面因素。

应该说，设计界面是以功能性界面为基础，以环境性界面为前提，以情感性界面为重心而构成的，它们之间形成有机和系统的联系。

三、设计界面存在的方法论意义

当机械大工业发展起来的时候，如何有效操纵和控制产品或机械的问题导致了人机工程学。二战后，随着体力的简单劳动转向脑力的复杂劳动，人体工学也进一步地扩大到人的思维能力的设计方面，“使设计能够支持、解放、扩展人的脑力劳动”。在目前的知识经济时代，在满足了物质需求的情况下，人们追求自身个性的发展和情感诉求，设计必须要着重对人的情感需求进行考虑。设计因素复杂化导致设计评价标准困难化。一个个性化的设计作品能否被消费者所认同?新产品开发能不能被市场所接受?在目前，我国大部分企业实力还并不强大，设计开发失利承受力还不很强的情况下，如何系统地、有根据地认识、评价设计，使其符合市场，就需要对设计因素再认识。利用界面分析法，正是使设计因素条理化，避免将人作为“生物人”的片面和走出笼统地说“设计＝科学十艺术”的简单误区。

现代的人机工程学和消费心理学为设计提供了科学的依据，它们的成功就在于实验、调查和数理表述，是较为可系的。同样对设计艺术而言，进行设计界面的分析，也要有生理学、心理学、文化学、生物学、技术学学科基础。从理论上来说，它要直接建立在信息论和控制论的基础之上。相对于机械、电子设计和人机设计，以往人机界面设计把握了技术科学的认识和手段，忽视了人文科学观念与思想。它的界面设计只能存在于局部的思考范围内，只成为一个设计的阶段。

有人以功能论来评判设计。“功能决定形态”曾是20世纪上半叶的设计格言，它的提法是片面的。这是因为：第一，功能不是单一的，它包括使用功能、审美功能、社会功能、环境功能等。“过分追求单一的功能会导致将许多重要内容(装饰性、民族性、中间性)被排斥掉”。而且“有些内容并不是‘功能’的概念所能包括了的，更何况物质和精神的内容也并不是时时处处等质等量的融洽在一个统一体中，随产品的不同、时期的不同，它们各自的主次地位也随之变化”。在现今信息技术高度发展的时代，情感因素越来越成为设计的主要方面。物质意义上的功能在保持其基础地位的情况下，却日益不能代表情感诉求的表述；第二，按“形态服从功能”而设计的产品，对于不熟悉它的使用者来说是难以理解的，产品要为人们所理解，必须要借助公认的信码，即符号系统；第三，满足同一功能的产品形态本来就不是唯一的，象汽车等成熟的产品，年度换型计划等措施成为商品经济中日益不可避免的现象。社会经济发展到一定程度，才能出现设计的专业需求，而这时人们的基本物质需求已能满足，简单地以物质来决定设计是不恰当的。

相反，设计界面体现了人一物交流信息的本质，也是设计艺术的内涵，它包括了设计的方方面面，明确了设计的目标与程序。

四、设计界面的分析

按照设计界面的三类划分，有助于考察设计界面的多种因素。当然，应该说设计界面的划分是不可能完全绝对的，三类界面之间有涵义上也可能交互与重叠，如宗教文化是一种环境性因素，但它带给信仰者的往往更多的却是宗教的情感因素。在这里环境性和情感性是不好区分的，但这并不妨碍不同分类之间所存在的实质性的差异。1功能性界面

对功能性界面来说，它实现的是使用性内容，任何‘件产品或内外环境或平面视觉传达作品，其存

在的价值首要的是在于使用性，由使用性牵涉到多种功能因素的分析及实现功能的技术方法与材料运用。在这一方面，分析思维作为一种理性思维而存在。如果作为一种处理方式来设计产品，则这种产品会使多种特征性(如民族性、纯粹性)因素中性化，如果去除产品商标，就很难认出是哪国的或哪个公司的产品。当然，这方面也说明了产品中存在着共同性因素，它使全人类能做出同样的反应。人的感觉和判断能力有着国际性的、客观性的特征。

功能性界面设计要建立在符号学的基础上。国际符号学会对符号学所下定义是：符号是关于信号标志系统(即通过某种渠道传递信息的系统)的理论，它研究自然符号系统和人造符号系统的特征。广义的说，能够代表其他事物的东西都是符号，如字母、数字、仪式、意识、动作等，最复杂的一种符号系统可能就是语言。设计功能界面，不可避免地要让使用者明白功能操作。每一操作对人来说应是符合思维逻辑的，是人性的，而对机械、电子来说则应是准确的、确定无疑的，这双方的信息传递是功能界面的核心内涵。

2情感性界面

一个家庭装饰要赋予人家居的温馨，一副平面作品要以情动人，一件宗教器具要体现信仰者的虔诚。其实任何一件产品或作品只有与人的情感产生共鸣才能为人所接受，“敝帚自珍”正体现着人的感情寄托，也体现着设计作品的魅力所在。

现代符号学的发展也日益这一领域开拓，以努力使这种不确定性得到压缩，部分加强理性化成分。符号学逐渐应用于民俗学、神话学、宗教学、广告学等领域，如日本符号学界把符号学用于认识论研究，考察认识知觉、认识过程的符号学问题。同时，符号学还用于分析利用人体感官进行的交际，并将音乐、舞蹈、服装、装饰等都作为符号系统加以分析研究，这都为设计艺术提供了宝贵与有借鉴价值的情感界面设计方法与技术手段。

3环境性界面

任何的设计都要与环境因素相联系，它包括社会、政治和文化等综合领域。处于外界环境之中，“是以社会群体而不是以个体为基础的”，所以环境性因素一般处于非受控与难以预见的变化状态。

联系到设计的历史，我们可以利用艺术社会学的观点去认识各时期的设计潮流。18世纪起，西方一批美学家已注意到艺术创造与审美趣味深受地理、气候、民族、历史条件等环境因素的影响。法国实证主义哲学家孔德指出：“文学艺术是人的创造物，原则上是由创造它的人所处的环境条件决定。”法国文艺理论家丹纳认为“物质文明与精神文明的性质面貌都取决于种族、环境、时代三大因素”。无论是工艺美术运动、包豪斯现代主义或20世纪80年代的反设计，现代的多元化，“游牧主义”(Nemadism)都反映着环境因素的影响。

环境性界面设计所涵盖的因素是极为广泛的，它包括有政治、历史、经济、文化、科技、民族等，这方面的界面设计正体现了设计艺术的社会性。

以上说明了设计艺术界面存在的特征因素，说明在理性与非理性上都存在明确、合理、有规则、有根据的认识方法与手段。

成功的作品都是完善地处理了这三个界面的结晶。如贝聿铭设计的卢浮宫扩建工程，功能性处理得很好，没有屈从于形式而损害功能；但同时又通过新材料及形式反映新的时代性特征及美学倾向，这是环境性界面处理的典范；人们观看卢浮宫，不是回到古代，而是以新的价值观去重新审视、欣赏，它的三角形外观符合了人们的心理期望，这是情感性界面处理的极致。

五、设计界面的运用原则

1)合理性原则，即保证在系统设计基础上的合理与明确。

任何的设计都既要有定性也要有定量的分析，是理性与感性思维相结合。努力减少非理性因素，而以定量优化、提高为基础。设计不应人云亦云，一定要在正确、系统的事实和数据的基础上，进行严密地理论分析，能以理服人、以情感人。

2)动态性原则，即要有四维空间或五维空间的运作观念。一件作品不仅是二维的平面或三绝的立体，也要有时间与空间的变换，情感与思维认识的演变等多维因素。

3)多样化原则，即设计因素多样化考虑。当前越来越多的专业调查人员与公司出现，为设计带来丰富的资料和依据。但是，如何获取有效信息，如何分析设计信息实际上是一个要有创造性思维与方法的过程体系。

4)交互性原则，即界面设计强调交互过程。一方面是物的信息传达，另一方面是人的接受与反馈，对任何物的信息都能动地认识与把握。

5)共通性原则，即把握三类界面的协调统一，功能、情感、环境不能孤立而存在。

六、设计界面的应用方法

设计界面所包含的因素是极为广泛的，但在运用中却只能有侧重、有强调的把握。设计因素虽多，但它仍是一个不可分割的整体。它的结果是物化的形，但这个形却是代表了时代、民族等方面的意识，并最终反映出人的“美”的心理活动。

界面设计篇（2）

中图分类号：S611文献标识码： A

最近一直在做网页界面设计教学工作，其中很多学生问我，网页界面设计就是平面设计吗？当时我告诉他们肯定是不一样的。但是至于究竟哪些地方不一样，却没有系统准确的对学生解释清楚。后来我时常再想这个问题，既然学生们都有这个疑问，那么肯定会有更多的网页界面初学者都会有这个疑问，所以在这里，我想谈谈网页界面设计与平面设计的异同。

网页界面设计和平面设计都是属于设计，但是他们又有着很大的区别，那不就与大自然界的青蛙和蛤蟆一样吗？他们都属于两栖生物，但又不是同一种生物，差别那么大。

在网页出现的早期，网页设计是以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。以字符组成的界面可以起到基本的信息传达作用，同时技术要求相对较低，易于实现，并且有较好的稳定性，故而这种形式的界面在很长一段时间内是人机交流的主要形式。随着互联网的发展，网页界面设计是用美和技术衡量生活的合理性。网页界面设计是将艺术与技术融为一体的创造性活动。它包含了网页视觉传达设计和交互设计。

平面设计的过程，是设计者将思想和设计概念转变为视觉符号形式的过程，即概念视觉化的过程，对信息的接收者来说，则是相反的过程，即视觉概念化的过程，贯穿和联结两个过程的是信息。

现在就让我们来分析一下同样视觉传达设计，它们之间的差异性。

一、色彩模式

在色彩方面网页界面设计与平面设计使用的色彩模式完全不同，平面设计因为后期的实现依赖于印刷，所以采用CMYK的色彩模式，而网页根据其显像方式使用RGB的色彩模式。平面设计时的色彩运用注重视觉的冲击力及视觉流的引导(在这点上与网页设计中的BANNER设计相类似)，而网页设计(产品类)更注重的是信息结构关系的梳理，如果将色彩运用的过多过强，很容易引起视觉的疲劳感。

二、版式设计

网页界面的版式设计中，其比例关系一般体现在：页面所限定空间的长宽比，实体内容与虚空间（空白）的面积比，页面被分割的比例，图文的关系比以及各造型元素内部的比例等形式上的数量关系。平面设计的节奏和韵律来自音乐的概念，节奏较多地强调“节拍”，韵律较多地强调“变化”，如果说韵律感不够，是指缺少变化，过于呆板；如果说节奏感不强，是指变化缺乏条理规则。

三、字体应用

在设计过程中，平面设计的字体选用更为自由一些，不用担心后期实现的问题，所有的文字最后都会输出为图形进行印刷，而网页设计就需要考虑的更为全面，并且在字体的选用范围上也很小，为了让输出的成品大小不对服务器造成压力，基于html的特性，所有字体都是根据用户操作系统内默认字体而定的，当然近年随着技术的沿革与发展，这个差距也逐步在缩小，目前通过html5的API可以实现个性化字体的使用而不需要将个性化的字体最终输出为图形，在不增加后端压力的同时，大大提升了用户体验，非常不错。

四、图形的使用

从图形使用上，网页设计不如平面设计，表现方式也相对少一些，特别是对于产品类的网页设计，模块化的设计思路尤其明显，在视觉表现上也是如此，网页界面的设计对于图形的表现是需要考虑到后期实现的，这一点上是有目共睹的。设计时使用的尺寸单位：平面设计在使用尺寸标注时都用的是物理尺寸的概念，比如英寸，厘米，毫米等；而网页使用的像素。

五、浏览方式

平面设计的属于渐进式的浏览方式，无法对整个浏览的过程进行多样化串联，网页设计拥有滚动条下拉、按钮链接跳转等多样化的浏览信息方式，在拥有同样一种信息架构的条件下，信息之间的串联性更为丰富，用户选择信息的自由度更大，但平面设计也自然有其优势所在，比如平时设计相册这类产品的时候，就很明显的发现，这一类的产品在电脑显示器上进行翻阅，不如印刷成为一个真实的书本来翻阅感受好，并且更具有收藏及纪念意义。

六、信息传播

平面设计属于比较传统的信息媒介设计，一般会通过张贴、销售、邮寄派送等形式进行传播，这样传播的方式范围小且成本较高，相对而言在这方面网页设计的信息传播能力却非常的强，但依赖于第三方媒介的支持。在网页设计中，要求信息的发送者和接收者之间必须具备部分相同的信息知识背景，否则在两者之间就必须存在一个翻译或解说系统作为中间媒介来进行沟通。平面设计却拥有更为广泛的受众人群，不同的年龄层对于纸张或书本的信息接受能力总是强于网络媒体的，毕竟网络信息获取的将会存在一个学习成本，在今后网络信息的不断普及以及终端媒介用户体验的不断提升，在受众人群方面在我看来差距会越来越小。

此外，这两种设计形式不但拥有不同的用户体验，网页界面设计还注重用户互动的功能实现。网页界面设计不仅能融入绚丽的动画效果，还能插入视频，这是平面设计不能体现的。谈了这么多网页界面设计与平面设计的区别，希望能够帮助大家进一步认识这两种设计形式。

最后，我想说得是，设计形式没有好坏之分，用户不一样，他们的选择也就不一样。

界面设计篇（3）

1 UI界面设计的概述和原则

UI是User Interface（用户界面）的简称，在人和机器的互动过程（Human Machine Interaction）中存在的一个层面，即我们所说的界面（interface），从心理学意义来分，用户界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。

从用户角度来看，新媒介上交互设计是一种让产品易用、愉悦、有效传达信息的技术工具。更好了解目标用户和他们的期望，了解用户在同产品交互时产生的用户需要和使用规律，以及对信息获取是否快捷和是否产生不确定性因素。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。需要综合认知心理学、语言学、艺术设计学、人机工程学、以及计算机图形学等学科的知识，从而完成整个交互过程，达到使用交互的目的。

UI界面的完成需要一定的使用界面来进行传达，从而实现人机交互。因此，设计首先是关怀用户的服务需求的设计。设计是研究“人”与“物”关系的学科，必须以“人”为主体为“人”服务的“物”，既需从自然人的尺度充分考虑人的生理特征，还应考虑作为社会人的对心理环境、文化审美、价值观念的态度。提高人们的生活品质，使之更合理、更健康、更符合人类持续性发展的需要，这才是一切设计的终极目标。

2 手机界面设计应遵循的基本原则

手机界面设计开发大致要经过用户需求调查、软件产品初步设计、系统技术设计、分单元开发、系统测试和用户验收等几个阶段，其中用代码实现产品功能只是软件开发的一个步骤。软件产品的UI设计必须保障置界面于用户的控制之下，保证用户的记忆负担最小化，保持界面的一致性须遵循的以下原则：

（1）简易性。简洁的手机界面能让用户容易使用、容易了解、并能减少用户发生错误选择的概率。减少人们在使用上的难识别、难理解、难操作的困惑。这是每一个优秀界面都具备的特点。界面的结构清晰完整，风格与内容相一致。

（2）记忆负担最小化。人脑不比电脑储存信息时间长久，在设计界面时必须要考虑大脑接受信息的限度。人类的短期记忆不稳定，24小时内存在25%的遗忘率。所以对于手机用户，浏览信息内容要比记忆更容易。界面中的各种小细节常常增加用户的使用负担，这就会像在公路上的减速带或坑坑洼洼的地带上行驶一样，降低用户的效率。

（3）用户的熟悉程度。用户通过已掌握的信息来认识并自主操控界面，想用户所想，做用户所做。用户总是按照自身的方式理解和使用。主流用户群讨厌难以操控复杂的界面，他们只想找到合适的方便的，容易操控的界面才是最具价值的设计。一个有序的界面能让用户轻松的使用。不要以功能的多寡来认定产品的价值，应该看产品能够满足用户最高优先级的目标，确定什么功能该保留，什么功能该删除，从而排列功能优先等级。

（4）安全性.用户在使用界面时，能自由的进行选择，同时所有选择都是可返回的。在用户使用手机步骤做出危险选择时有信息介入系统并提示，这样能保证使用者使用时有个愉悦的心情，不担心会出错。

3 手机UI界面人性化、趣味化设计

手机界面人性化、趣味化设计更好体现出科技以人为本体现出。界面设计是为了满足软件专业化、标准化的需求而产生的对软件的使用界面进行美化、优化、规范化的设计分支。具体包括软件启动封面设计、软件框架设计、按钮设计、面板设计、菜单设计、标签设计、图标设计、滚动条及状态栏设计、安装过程设计等。

（1）形象的人性化设计。之所以是人性化的设计，是因为完全考虑到人是作为手机的使用者。好的设计一定是以它完美的功能性著称的，再漂亮的设计，如果失去其功能性，只不过是披着漂亮外衣的躯壳罢了。所以，形象的人性化设计是通过一系列的科学研究后，运用总结出的理论来科学地指导实际操作。包括：感官的舒适度、美观度、实用度等等。所以，手机UI界面人性化的设计是一项庞大的工程，它需要将软件的各类设计按照逻辑性的排列后，一一与人对应，再根据人的使用习惯进行设计，并且在制作的过程中往往需要考虑到不同年龄不同领域的人的喜好。这就是为什么人性化的设计必定是形象且丰满的，因为它必须与大众的需求保持高度一致。当然，在设计的过程中，需要用到其他学科的知识例如心理学、人体工程学等来辅助手机界面的设计。只有在完善的知识体系的构建下才能做出赋有科学性、高度严谨、舒适感极强的好的手机界面。

（2）互动的趣味化设计。界面是人与手机产品互动的媒介。好的手机界面不能仅仅满足于舒适的适用感。在人性化的设计基础上，我们应该更加追求有趣味的、出其不意的愉悦感。如果说，一款UI界面的设计只是停留在“可使用”的初级阶段，那么它必定是无法吸引眼球的。而我们要做的则是：安插令人意料之外的、富有创意的趣味化设计。例如：按钮中一个抖动的特效、图标的与众不同亦或是滚动条有别于传统的滚动方式，这些都能够提升手机UI的趣味化。其实互动的趣味化也是为了让人们使用起来更便捷、舒适。好的设计是不需要说明书的，因为它完美到即使不看说明书也能被自如地使用，并且能让人们体会到其中的乐趣所在。可以说，趣味是建立在人性化、科学性的基础之上的，他们是完善手机UI中不可或缺的因素之一。

4 结语

随着时代的发展，设计的潮流也是在不断变化着。一个好的UI设计会让软件的操作变得舒适、简单、自由，并充分体现软件产品的定位和特点。用户对一个界面的首次体验是非常重要的。为了更好的帮助用户快速适应我们的设计，设计应该处于零状态，也就是什么都没有发生的状态。但这个状态不是一块空白的画布，它应该能够为用户提供方向和指导，以此来帮助用户快速地适应设计。好的系统应充分结合用户的“过去的经验”、“当前的环境”及“将来的目标”，在设计师稍加引导的前提下，保证界面处在用户的掌控之中，让他们来决定系统的状态，从而顺利的协助用户达到使用软件的目的。

参考文献：

界面设计篇（4）

一、前言

随着移动通信技术、网络技术的普及，手机的功能日益强大，成为人们生活不可或缺的用品。而乔布斯带领的苹果公司引发的手机革命，使得以诺基亚、摩托罗拉占主导的手机市场重新洗牌，开启了智能手机大屏触控操作方式的全新时代，为人们创造出了一种全新的移动信息体验，在全球也掀起了一场苹果手机的热潮。手机市场的巨变是科技的发展与市场的需求，手机领域创新性的消除按键操作，引入触摸屏的设计，使手机界面设计的重要性显得尤为突出，界面设计随之蓬勃发展。

二、界面设计

界面设计在国外盛行较早，近几年在中国逐渐受到重视，界面设计师也成为一个新兴岗位受到亲昵。界面设计涉及到计算机科学、艺术、认知心理学、人机工程学等知识。界面是人与产品之间经互动、传递和交换信息的媒介，包括硬件界面和软件界面。界面设计是通过用户体验来提升设计，优化信息与通信软件系统，以满足用户的需要。界面设计主要在视觉、听觉和触觉上运用人的感知能力通过符号的意义，达到用户与产品的信息交流。界面设计的成功与否，不仅决定了用户对产品的第一印象，而且能拉近与产品的距离，给人带来愉悦而难忘的体验。

三、手机界面设计的特性

（一）简单明了，体贴细致

手机是一个集信息技术和网络于一体的多功能产品，在生活中手机不再只是通讯的工具，更像是手中电脑，包括网络游戏、应用软件、影视娱乐，成为日常生活中不可缺少的电子娱乐工具。现在智能手机绝大多数功能都集中在手机触摸屏上，显示屏成为信息配置交互的媒介，手机界面设计的重要性不可言喻。在手机界面设计中要考虑用户使用习惯，方便操作，减少识别与操作的时间。让用户更加愉快、轻松、没有负担的进行操作。因此，简洁的界面设计更容易上手。

（二）风格统一，主题明确

手机界面设计有效的传播各种信息，进行各种信息编辑、传达和显示。界面设计风格逐渐成为手机的标志，界面设计的表现手段和表现范围得到了大大的扩展。手机界面图窗化、菜单化的交互界面大大丰富了设计师的表现力，解放了对设计形式的束缚。没有风格特色就是没有闪光点，盲目的突出炫丽的色彩和个性，忽视主题的表现是手机界面设计的大忌。整体化的设计风格，突出各种信息传播，将成为未来设计师的主要表现手段。

（三）体现文化、品质生活

进入品质生活的时代，将科技成果应用于产品设计中，不但促进了产品设计水平的提高，也满足了人对高品质生活的追求。科技是界面设计体验性、舒适性、美观性和智能性的保证。科技与手机界面设计结合起来，手机界面更为清晰，视觉效果更为逼真，真实感强，界面图标形象直观。科技融入设计文化中，才能有效拓展设计创造，达到理性和感性相统一的境界，创造一种文化的品味。

四、手机界面设计原则

良好的手机界面设计是易用性、互动性以及用户需求的统一，为用户创造一种完美的使用体验达到为以人为本的设计宗旨。

（一）易用性

现代手机以其扩展性强大的功能逐渐融入人们的生活。手机功能的日益强大，科技含量日益升高，加之触摸屏设计的融入，以往功能性按键都融入到界面设计里面，使得手机在使用上的复杂程度和潜在功能空前提高。高科技的产品难免给人带来不适应感，因此手机在界面设计上要能够向用户表明操作方式，让用户轻松上手。在操作方式上要从用户的认知规律出发，逐步引导用户，带给人便利与快捷，使用户面对这种智能产品不再那么陌生和恐惧。手机界面设计的易用性，使人和手机之间的关系更加融治。人性化的友好界面不仅要美观简洁易于操作，而且要具有引导人们进行操作，迁就人的行为方式，体谅人的情感，增强使用兴趣，缩短掌握时间，提高使用效率，使手机界面在使用上变得简单易行。

（二）互动性

互动可以理解为是产品与用户之间的一种交流。手机不在像过去那样通过功能、外形、材质或工艺等方面去获取市场竞争，而是通过用户体验来提升产品的价值，以用户为中心的体验设计越来越受人们的重视，这种用户体验主要是人机之间的交互界面设计，其核心的强调人性化、强调经历过程、强调角色扮演、强调亲身体验，吸引用户乐于自我尝试操作，自我学习。差强人意的手机界面设计，往往给人冷漠呆板，缺乏热情的印象。随着人类社会步入体验经济时代，人们愈来愈追求个人的全面发展，追求新奇多样化的人生体验，渴望产生互动，更积极主动参与，越来越多期待在产品使用过程中获得愉悦而难忘的体验。因此在手机界面设计上应增加界面设计的互动性、多样性和创造性，通过互动的方式与用户进行接触，给人们带来欢乐，留下更为深刻的记忆。手机界面是图形、文字、声音等元素的集合。互动性的融入让用户与手机之间的交流转化为更加主动的参与。加强界面设计的生动性，可通过视觉、听觉、触觉、味觉，来增强用户使用手机的愉悦度。

（三）用户需求

产品设计的目的是为人服务，因此，任何界面设计的开始必须面向用户。满足用户需求，体现出设计对使用者的关怀，这样的手机界面设计才具有生命力。手机界面设计需要准确定位使用者、使用环境、使用方式，以用户的期望和用户的理解方式来进行设计，一切以用户的需求和感受为出发点，避免那些虚张声势的噱头。

五、结语

手机伴随着时代的发展而不断进步，手机的变革丰富了现代社会生活，影响了人们的生活方式，提高了人们的生活质量，已经给我们带来了前所未有的生活体验。在为来手机界面设计将更加丰富更加完善。

参考文献：

[1] 苏青山.移动时代UI设计中用户体验浅谈[J].网络财富，2010（3）.

界面设计篇（5）

1Web界面设计模式

1.1Web界面设计

Web即全球广域网，也称为万维网，它是一种HTML和HTTP协议的、全球性的、动态交互的、跨平台的分布式图形信息系统。Web界面设计，是建立在数字化环境下，以网站为依托，以网页为载体的一种新型设计。根据人们对传统美学普遍认识，Web界面设计一直被强调为视觉上的表现手段，如果不计算技术的因素，Web界面设计中重要的问题往往是如何组织和创建Web站点的内容。例如，新颖的布局，靓丽的色彩，炫酷的动画等。随着HTML4进化到HTML5、CSS进化到CSS3，网页不再仅仅是内容的展示，同样还承载着与用户沟通交流得到互动环节，是否带来商业方面的成功也成为衡量Web设计作用的标准。因为互联网的特殊性，Web界面设计变成了跨学科，跨领域知识的综合体。为了实现更好的Web界面设计，需要运用计算机图形学、程序设计、客户机/服务器技术、用户界面设计、人机互动关系、心理学、社会学等诸多方面的知识，为用户提供更加便捷与美观的网页界面。

1.2Web界面设计涉及范围

1.2.1内容网站的本质在于信息的传播以及如何传播，问题集中在怎样引导用户。由于Web的特殊性，内容已经脱离我们传统的定义，它可以包括：文字，图形，超链接，交互操作，动画，视频，音频，在线游戏甚至更多的混合型的组织形式，拥有高质量的内容是网站成功的关键。Web界面设计一方面为了满足视觉体验，带给客户不同以往的美学感受，可以吸引第一次访问的客户更加关注站点，另一方面当用户在某个地方停留下来后，用户感兴趣的就是信息。内容，作为界面设计的一部分，既要良好的展现，又要方便用户快速获取。因此，Web界面设计的最基本原则是通过有效的方法更好的组织和规划用户所能浏览到的信息，为用户提供方便阅读的浏览页面，获得用户的好感。1.2.2技术技术的完善与系统是保证合理功能的基础。Web是由传统纸媒进化到互联网的信息载体，其传播媒介已经发生了彻底的变化，因此要从互联网的根本特性出发进行设计。目前互联网技术的更新迭代非常迅速，HTML，CSS，JavaScript等都在以超乎想象的速度发展。因此优秀的Web界面一定是及时把握并应用最新的技术，设计师作为Web界面的设计者，应该时常关注技术领域的变化，保持对Web前端技术较高的关注度。1.2.3交互Web界面作为人机交互界面，与其他的人机交互界面如PC操作系统界面、手机界面、办公软件界面等有很多相似的地方，但也有其独有的一些特点。认知科学家和其他研究人员，花费了数百小时，对人们操作网站的行为，进行了仔细观察和认真研究，以及他们自己怎样评估自己的行为，通过这些研究发现，人们在使用软件、操作网站或执行其他任何希望在新软件中支持的动作时，用户的行为是可以预期的。这些行为包括：第一，安全探索：如果一个人觉得他可以在一个界面上进行探索而不会产生可怕的后果，他会对这个界面更加肯定。第二，即时满足：人们喜欢立刻从他们的行为看到结果,这是人类的天性。第三，满意即可：当人们看到一个新的界面时，他们不会仔细审视每个细节，而是会快速扫描这个界面，挑选他预期会达到目的元素进行操作，尽管有时可能是个错误的选择。第四，习惯：当一个人重复使用某个界面时，一些常用的操作将演变成为人的反射性动作。用户不需要对这些操作进行过多的思考，他们已经养成了习惯。第五，空间记忆：当人们使用东西或文档时，他们经常通过回忆它们的位置来再次找到它们，而不是它们的名字。第六，简化重复工作：在很多软件中，用户有时候需要重复某些操作。不同的网站，功能不同，交互方式不同，页面上的功能模块也不尽相同，人们在浏览类型相似的网站，通常对网站的操作流程与交互习惯也会按照一定模式来进行。因此可以根据页面的功能，在网站制作之初，根据功能，制定一个设计规则，所有的模块都在这个规则下进行设计。良好的设计规则，会把耦合密集的设计参数进行归类作为一个模块，并以此划分工作任务。而模块之间彼此通过一个固定的数据接口进行交互。

1.3Web界面设计模式

设计模式已经在软件编程中得到了非常成功的应用，在CSS和HTML中，设计模式是指一组适用于多种浏览器和屏幕阅读器的常用功能，利用它可以系统地应用到HTML和CSS网页设计和开发中。它们提高了网页设计和开发的生产力、创造性和效率，并且大大降低了代码的复杂性。设计模式是所有创意的基础，它们类似于可重用的算法，可以通过系统地修改和相互组合来产生预期结果。设计模式能够显著提升创造力和生产力。它可以单独使用，快速产生一些结果；也可以与其他模式相结合，产生一些复杂结果。设计模式简化和丰富了创造过程。它们将创造性工作变得像塔积木一样容易。选择一些预定义的设计模式，进行适当的修改和组合，就可以得到符合要求的结果。常见的Web界面设计模式如下图：

2HTML5与Web界面设计模式

Web界面设计，不同与传统纸媒、影视的设计，Web界面的是通过HTML、CSS、JavaScript这三项关键技术来实现的，其中，HTML作为结构部分，起到了至关重要的作用。

2.1HTML5对Web界面设计的影响

HTML5对Web界面设计的影响主要表现之一是HTML语义化标签，HTML5可以让很多更语义化的结构化代码标签代替大量的无意义的div标签。这种语义化的特性不仅提升了网页的质量和语义，并且减少了以前用于CSS调用的class和id属性。从两图的比较可以看出HTML5的代码可读性更高了，也更简洁了，内容的组织相同，但每个元素有一个明确的清晰的定义，不再被迫去猜测之间不同命名的标记，搜索引擎可以更容易地衡量你网页上的内容和相关内容。

2.2CSS3对eb界面设计的影响

与HTML5语义化结构的相对应的是CSS3的出现，CSS3提出的一些新特性，为设计师们提供了实现越来越多新奇想法的功能，基于CSS3新增的强大动画功能，为交互模式增添了更多丰富有趣的效果，同时，第三方的动画库也应运而生，大大提供了网页开发的速度。基于HTML5与CSS3技术的Web界面设计中，页面的动画效果不再仅仅依靠JS操作DOM才可以实现，使用CSS3动画替代JS动画，可以使动画效果更加流畅，而且浏览器可以对动画做优化以及实现3D动画。

2.3基于HTML5的Web界面设计模式的改善

基于以上新技术，可以在原有Web界面设计的模式基础上，在技术层面得到进一步的发挥，其中包括：提高可用性和改进用户的友好体验；使用CSS3动画，让WEB界面设计模式更加生动有趣，增加用户体验，提高产品的吸引力；为站点带来更多多媒体元素(视频和音频)；HTML5新增的语义化标签，让搜索引擎读懂图片、视频、富媒体；具有良好的可移植性。

3结论

综上所述，HTML5在技术层面为Web界面设计模式增加了新的功能和方法，这一新技术，突破了传统Web界面设计的框架，使设计进入了一个新的领域。由此带来的Web界面设计的新模式和新思想，将在未来的一段时间快速的涌现。Web界面设计模式将更多的依赖技术的革新，将以往静态的界面被有趣的交互动画所代替，Web界面设计模式，也会从单一页面的视觉设计，向以功能模块化为主的方向发展。当前，以移动端为主的Web应用正在异军突起，基于移动端的Web界面设计模式也趋于成熟和稳定，移动端因其显示界面有限，视觉展示效果非常有限，传统以视觉效果为主的Web界面设计模式在这一领域无法施展，Web界面设计也从原来视觉设计这一领域，与Web前端技术进行了更多的技术融合，更多的关注用户体验。Web界面设计主要目的就是满足人们在浏览网页时的良好交互体验，是艺术与技术融合的产物，Web界面设计模式，将更多地从技术层面进行演变和发展。

参考文献：

界面设计篇（6）

中图分类号：G42 文献标识码：A 文章编号：1005-5312（2013）29-0237-01

一、教学内容：不同专业侧重点不同

（一）绘画专业

本专业学生主要学习绘画艺术方面的基本理论和基本知识，受到艺术思维与绘画造型的基本训练，具有绘画创作的基本能力。与其他专业相比，绘画专业大学生表现出不同的特点。由于美术专业对技能有很高的要求，他们的创新精神和实践能力较强。此外，绘画专业大学生的思想开放、思维活跃，容易接受新观念。因此在创新能力方面比设计类的学生更丰富、更大胆，在课程教学中多发挥其本专业的特点，多培养创新能力。手绘能力强，但是其软件操作能力差，在作业设置时可以强调其手绘能力而避免软件操作。

（二）工业设计专业

工业设计的核心是产品设计。工业设计专业培养的学生具有理性分析能力与感性艺术表现双重能力。在设计追求美观、易用、个性化的同时，产品界面设计的内容得以体现。工业设计中的新产品开发过程中需要考虑产品造型和软件设计的一致性和易用性。故对于工业设计专业界面设计的教学应当以硬件界面设计与软件界面设计结合为重点。掌握其软、硬件界面的设计原则与技能。所以教学重点在培养其界面的交互行为、信息构建及产品功能需求方面。

（三）视觉传达专业

在我国界面设计最初等同于图形设计，最初的界面设计师这一角色大多是由平面设计专业的“美工”充当的。因为界面设计中视觉设计部分占有重要比重。对于视觉传达专业的学生来说，长处是具有较强的图形、色彩、版式等视觉设计能力，欠缺的是逻辑分析能力以及结构设计与交互设计能力。相关学科基础知识也相对缺乏。视觉传达的设计领域包括字体设计、标志设计、编排设计、广告设计、包装设计等，其设计对象是视觉符号。因此应当以软件界面设计部分为重点。发挥专业所长，加强软件界面的美观、个性、创新等设计能力。同时强化相关理论知识，在界面设计的理论原则指导下进行设计。在教学中侧重其视觉元素的训练和创意。

综上因素，在教学内容上主要分了几个模块，根据不同的专业特点采取不同侧重点。

1.图标设计。绘画专业和视觉专业其作业占主要，工业设计专业次要，培养创新能力，视觉表达能力。

2.手机界面设计。工业设计专业占主要，视觉及绘画专业占次要，主要培养其逻辑思维能力、分析能力。

3.网页界面设计。综合能力考核。

二、教学方法：不同专业教学方法不同

在教学中，总体上是采用任务驱动式教学模式，通过一个个任务来达到教学目标。对不同任务又采用不同的教学方法，例如在图标UI设计模块，采用学生自主设计为主，没有对错好坏之分，只要学生设计出相关的主题界面就算成功。主要在于培养学生的创新思维能力，在此阶段绘画专业的学生表现的非常突出，每个方案都非常有意思而且手绘表达也非常到位。

而在手机UI 设计模块，则采用设计比赛形式，以小组形式来做作业，其作业必须按照设计比赛的标准，从草图到成型整过过程，在此作业中设计专业的学生表现非常好，发挥了其软件操作能力，作品完成的非常好。同时设计出来的作品即可作为作业也可参加比赛，这样很好锻炼学生动手操作能力，同时，要求学生在组内互帮互助，共同合作完成一个比才赛项目。通过这种形式让学生提早了解企业以小组、团队形式做设计模式，做到理论与实践相结合教学方法。

三、考核形式

由于课程的特殊性，课程的考核采用过程化考核方式，将整个学习过程都纳入到考核当中，学生的每一任务的完成都有相应的分数，学生的总成绩=平时表现+学生互评成绩+任务完成成绩。这样，在UI设计没有一个统一标准的情况下，逐步将学生的成绩进行量化，使学生重视平时的学习，弱化最后课程的考核，改变学生最后突击的现状。

四、结束语

界面设计篇（7）

随着智能手机的普及，手机App成为人们日常生活中不可缺少的应用，为人们的生活提供了巨大的便利。天气App作为一款为人们提供天气资讯的手机应用，与人们的生活密切相关。现在天气App是集成天气、生活资讯、社交等功能为一体的综合App，这对其界面设计也提出了新要求。在新技术、新思潮、新审美的环境下，需要不断优化和创新天气App的界面设计。

1 天气App界面设计影响要素分析

1.1 功能性要素

天气App的界面设计需立足于产品的功能性，产品的功能性确定了界面设计的基础内容及层级划分，而界面设计的宗旨是让用户高效明确地获取信息数据，提升产品的易用性。天气App作为给用户提供天气信息的手机客户端，随着App产业的不断发展和不断加剧的竞争，也在不断扩展其功能。除了提供天气信息以外，还会随时更新和提供“PM2.5”空气指数，湿度，时间，推荐应用，实景天气，生活咨询指数等。例如，“Weather Bug”下载量曾经长期在“Google Play”的天气类应用程序中保持第一名，功能强大，同时集成了交互式的地图以及卫星云图，还有独家的天气预警系统。它能提供比其他的应用程序预警速度快了50%的恶劣天气预警服务，一系列的功能让人耳目一新。由于与人们的生活密切相关，天气App普及的城市和用户量很大，用户群体庞大，广告的效果十分显著。通过在细节上做广告，潜移默化地影响用户的选择。因此，进一步扩展了天气App的功能，功能性的扩展对界面设计产生了直接的影响，也对界面设计提出了更高的要求。功能性的扩展意味着界面包含的内容增多，这就需要设计者规划分类众多的内容，在有限的屏幕空间内，优化配置各区域的资源，利用不同的色彩、图形来划分区域与层级。

1.2 用户体验要素

用户体验指产品或服务中用户所能体验到的每个部分，其涉及用户对该产品的认知、寻找、分类、安装、服务、支持以及它升级的各个方面。用户在特定的移动环境下使用各种移动终端设备下载并安装各类应用的使用反馈，从用户的角度反映出应用的优势和劣势。App客户端的设计与其他的设计相比具有一定的特殊性，它的信息要清晰明确，依靠视觉进行传递，同时可视的区域的尺寸受约于要传递的信息的数量。屏幕的大小比例、热键、导航按钮和菜单的结构等方面的设计对用户体验满意程度有很大的影响，良好的用户体验可以让产品在未上线之前就基本具备用户接受度。界面的设计影响到用户的视线轨迹和操作轨迹，合理的界面设计可以引导和鼓励用户完成操作，给用户提供良好的使用体验，提升用户好感，培养用户的忠实度。

2 天气App界面设计风格分析

2.1 具象与抽象

在Andriod版墨迹天气主界面中（如图1左），背景是写实天气的图片，随着天气和时间的变化进行更换，选择的是大气、华丽图片，也给整个界面带来了炫丽的效果。界面采用独特的流式滑动布局，全新天气趋势模块，画面简洁明了。在天气图标的设计上也采用了拟物化风格，云和阳光的造型都与现实中的真实事物相似。菜单栏的图标设计采用抽象化的设计思路，如天气菜单栏的图标借鉴了中国传统云纹图样，对云的形象做了高度的抽象概括，同时保留了云的基本形态。在Andriod版天气通的界面设计中（如图1右），背景也采用写实性的云的图片，整体清淡简洁，利于用户识别画面中的信息。中间的方框显示5天内的天气概况，方框上方则是今天的天气详情。在各类天气图标的设计上采用了抽象化的处理，将云、雨、雷电等气象元素高度概括为识别性很强的简单图形，结合区域方框的造型，提升了信息的识别度和界面的整洁性。

2.2 跳跃与沉稳

IOS版的墨迹天气（如图2左），其最显眼的要数屏幕中间的男孩了，他会根据天气和温度的不同更换服装。为了保持画面的一致性，背景的天气图片、包括未来四天的天气预报和屏幕下方的图标也换成了卡通风格。点击右边的预报时会调出详情并附带卡通男孩所需要的衣服，给用户一种直观的推荐出行服装的认识。整个界面设计给人以年轻、活泼的感觉，虽然画面的整洁性有所降低，但卡通元素的应用很大程度上提升了界面的趣味性。IOS版天气通（如图2右），它采用了和Andriod版完全不同的界面设计，背景选择了加了滤镜特效的图片配上黑色调为主的玻璃效果显得非常时尚。整个界面采用三段式构图，信息区域划分明确，构图稳定，图形化元素较少，页面下端的工具栏也变为了字体显示，加大的菜单键可以有效地减少因为屏幕过小而造成的错误操作，整体设计风格沉稳大气，但缺少跳跃性。

2.3 简约与复杂

在众多的天气应用程序中，Nice Weather 2（如图3左）的曲线优美脱颖，尽管现在的空气状况并不令人如意，但是从Nice Weather 2中或许能让我们平复对天气的不满。Nice Weather2继承了诸多前辈的优良品质，简约的界面风格不失功能性。整个界面看似没有太多的内容，但天气、日期、温度、风向以及方向等包含齐全，没有一丝凌乱。无论是背景、天气图标、字体，还是箭头元素，Nice Weather 2都将简约做到了极致。图标、文字效果以及曲线填充区域都做了扁平化的处理，极大地释放了用户的视觉负担，而这其中在实时温度曲线的位置运用到了动画的艺术表现方式，进入界面曲线会根据实时温度的变化而变化。这就更让这款App在动画表现艺术这方面优雅而不失灵动。此外，界面背景色彩还会随着气温的变化而出现冷暖色调的变化，简约中富有变化。

Weather Bug（如图3右）下载量曾经长期在Google Play的天气类应用程序中保持第一名。由于其功能强大，构架复杂，其界面设计相对于Nice Weather 2的界面设计显得相对复杂。界面整体也采用了分段式设计，对页面内容做了有效的区域划分，避免了平过多的内容影响用户的信息选择与获取。页面背景色采用统一的深灰色调，有效突出了信息内容，关键的信息内容采用鲜艳的黄色，让用户一眼就能从众多字符中获取关键的信息。在预报未来几天天气的区域加入了蓝色方框元素，利用颜色和形状在视觉上再一次优化了区域识别。虽然Weather Bug构架复杂、内容庞大，但优秀的界面设计使数据信息的传输变得清晰直观、主次分明。

3 天气App界面设计趋势分析

传统的天气预报形式毫无新意，天气App作为智能的“生活助理”为人们日常生活提供了更多的便利，让天气预报变得更加有格调。尽管每一款系统都有自己内置的天气应用软件，但是第三方的设计师推动了天气App的发展，让天气应用程序能够和用户的应用环境有所联系。总体来讲，未来天气App界面设计呈现出以下趋：第一，简约化设计，包括扁平化设计风格、极简主义、抽象画、符号化的画面元素设计，按钮和选项更少，有效降低用户的认知障碍，让“信息”本身重新作为核心凸显出来；第二，响应式页面设计，让天气App页面自动响应不同的系统平台，屏幕尺寸以及屏幕定向等设备环境，提升其推广和覆盖能力；第三，辅助应用动画元素，利用丰富的动画效果刺激用户的感官，更好地引导客户行为，提升界面的趣味性和吸引力；第四，人性化的设计，要更加注重用户的体验，简化使用操作，实现用户诉求，培养用户黏度，给用户创造良好的用户体验。

4 结语

在经济与科技高速发展的时代，各类App竞争日趋白热化，一款App要想在众多App中脱颖而出并能长期立足，其界面设计作为能直观展现App特性的视觉元素，对吸引用户，引导用户，留住用户起着至关重要的作用。另外，新技术和新观念不断冲击人们的感官，在天气App的界面设计中，应立足于产品特性，从用户体验要素出发，应用新观念和新技术紧随时代潮流，细分产品受众，进行多样化设计，从而为用户提供更好的产品体验，更好地实现产品的价值。

参考文献：

[1] 柳沙.设计艺术心理学[M].清华大学出版社，2006.

界面设计篇（8）

在西文DOS系统下，大部分应用程序的用户界面都是基于字符方式的，界面内容单调，界面使用繁杂。随着计算机的发展和推广，这种方式的用户界面越来越不相称。在这种情况下，图形用户界面应运而生，Windows风格的图形用户界面可谓是其中的杰出代表。

对软件开发者来讲，最终面向的将是用户，因而系统的界面设计是一个相当重要的环节。图形用户界面的出现给软件开发者在系统的界面设计方面指明了一条道路。Windows作为图形用户界面的杰出代表，不仅自己的用户界面令广大用户惊喜，而且还为软件开发人员提供了一整套用于用户界面开发的接口和辅助工具，如其中的Workshop，GDI函数等等。

正因如此，越来越多的DOS程序设计者开始转向Windows。鉴于此，很多人便认为DOS将从此走向没落。事实上，Windows并没有像人们想象的那样快取代DOS，DOS及其应用软件仍然保持着强大的市场，新的版本也不断推向市场。诚然，一方面是人们习惯了DOS，另一方面就是DOS要比Windows简单得多。在Windows下进行软件开发的人员都知道，Windows是一个基于消息的多任务系统，系统的各种资源如内存、显示器等都处于Windows的严密监示之下。

一个习惯了在DOS下开发程序的软件人员对于Windows应用程序的开发在某些方面总是感到很别扭，仿佛有一张无形的网束缚了自己的手脚而无所适从。尽管如此，作为用户来讲所要求的则是界面友好。这就给DOS程序设计人员带来一个问题：如何在DOS操作系统下直接开发图文并茂的图形用户界面?

笔者在DOS系统下开发应用软件的过程中也遇到了类似的问题。在软件的用户界面设计方面进行过深入的研究，获得了一定的认识，下面就这些方面谈一谈笔者的看法。

一、用户界面的设计准则

用户界面的设计是纷繁复杂的，不同的应用软件都有自己的用户界面。但要设计一个良好的用户界面，必须符合一些设计准则。笔者在进行界面设计时总结自己的经验和他人的成果，得出以下四条准则。

1.相似性准则

这条准则包含两方面的意思，即程序内部的相似性和与同类型其它应用软件的相似性。

所谓程序内部的相似性是指应用程序本身在响应用户的输入或输出时，对于同一类型的问题的处理应该相互一致。譬如，应用程序在接收字符的输入时，应该保证无论在应用程序的何处接收字符，其响应形式都是一致的，如在字符输入的位置显示闪烁的光标或竖条等。这样，用户一旦见到闪烁的竖条或光标出现，便知道应该进行字符输入了。

所谓与同类型应用程序的相似性是指同种类别的应用软件在响应用户的输入或输出时，应使用相似的控制机制。例如，同一类型的全屏幕编辑应用系统，都使用F10来选择主菜单，用CTRL KB来确定块头，用F1来提供帮助信息，用F2来保存当前编辑的文件等等。在这方面，WPS的文本编辑器和Turbo C的编辑器有着惊人的相似之处。

这种相似性带来的好处是显而易见的。用户一旦熟悉类似系统的某一种，那么该类型的其它软件也基本上能够使用了。如会使用Turbo C的编辑器，就会使用WPS的文本编辑器。这样，一旦与此同类型的应用软件开发出来之后便马上可以在市场上流行使用起来，用户不需要再进行软件使用方面的训练(当然是指那些用过类似软件的用户)。对于软件开发者来讲便马上可以获取经济效益。同时，这种相似性给软件的开发工作也带来了极大的方便，使得软件开发人员可节省大量时间去考虑软件功能的设计方面，从而可带动软件产业的完善和发展。

2.灵活性准则

这是一个相当重要的准则，它将充分体现系统强大的适应性。所谓灵活性是指软件开发者在设计用户界面的过程中，应该考虑不同用户的不同需求、系统更新换代所带来的影响以及异常事件所带来的影响。例如Windows图形用户界面中，鼠标选择和键盘选择的共存。这个准则的实现是相当费时间的，为了使应用软件在某种程度上符合灵活性准则，软件编程人员必须为此付出艰辛的劳动。比如在设计显示部分时，由于不同规格的显示卡其分辨率及编程方法都各不相同，为此软件编程人员必须分别为这些不同类型的显示卡编写不同的例程，然后使应用程序能够根据不同的显示卡分别进行处理。尽管这样做工作量相当大，但软件开发者不得不做这项工作，否则整个应用软件在其推广普及时会碰上巨大障碍。

3.直观性准则

这主要是从用户的思维及视觉的角度去考虑软件的界面设计。这涉及到界面的艺术构型、思维习惯等等。所谓直观性，简而言之就是一看便知。用户界面的直观性主要体现在以下几个方面：

(1)应用程序的所有输出信息不应含糊不清；

(2)用户界面必须能及时提供当前任务的执行状态；

(3)应该提供清晰的帮助信息以便用户能在遇到问题时能及时得到帮助。

随着计算机图形图像技术及多媒体技术的发展，这方面的工作越来越令用户满意。

4.实用性准则。

所谓实用性是指能够被系统和用户所接受。所谓能够被用户接受主要是从使用习惯及经济方面来讲的。如因系统界面的需求而迫使用户不得不配置一些昂贵的设备，这对用户来讲是不合算的，从系统的优越性来讲降低了其性能/价格比，从而也就影响到系统的推广普及工作。所谓能够被系统接受是指不应因界面设计的原因而损害整个系统的运行。比如用户界面在运行过程中需要庞大的内存支撑，这样导致内存资源短缺而使系统的某些功能因申请不到内存而不能运行或使系统崩溃。

界面设计篇（9）

1模块化自上而下设计

自上而下的设计策略，对于家具产品设计来说，具有可以通过全局审查方式掌控设计数据的优点，但在设计关联性的管理上，反而成为它的致命缺点。因为设计师很容易直接参照其他组件的数据进行设计，使家具产品的个别功能由多个子系统合成提供，形成整合式的架构。但当需要沿用现有关联式设计数据时，会面临整合式设计架构的两大问题：

(1)子系统的设计数据是由系统层级数据发展而来，子系统的设计数据与上层数据产生关联相依性，无法独立存在。

(2)子系统在设计时彼此互相参照，形成相互间的关联性，彼此相依，无法独立存在。

而模块化架构则限定产品的个别功能由单一模块提供，免除模块(子系统)间的复杂关联[3](见图1)。

将模块化架构加入自上而下的设计方式中，可以得到如图2所示的新“模块化自上而下设计”方式，可以有效改善设计数据传递流向与关联的产生环境。

在模块化自上而下设计中，属于系统层级的设计部分仍保留原来自上而下的设计，但设计数据并不直接传递到模块中。个别模块的内含组成，因在模块规划阶段已排除再分割的可能性，则以整合式架构进行设计，设计过程中家具产品组成模块根据特定的机制建立与家具装配系统模型的设计关联，并通过与系统层级设计数据的配合，达到整合所有模块产生家具产品所需的功能。此机制中最重要的沟通中介是——装配几何界面。

2模块化家具产品的模块应用方式

以模块化的家具产品架构进行设计，是为了能够沿用原有产品设计数据，使新产品设计的可行性得到提高。沿用的方式分为两种类型：

(1)复制完整的家具产品设计成为新设计，再以移除、增加或替换不同模块的方式修改成新的设计。

(2)重新开始新的家具产品设计，以装配(增加)模块的方式完成所需的家具产品设计。无论使用上述哪种方式，设计师对设计模块的操作都不外乎增加、移除或替换3种模式。家具模块的增加方式是在模块端以对应系统端相同的装配几何界面定义，由设计者装配或由系统自动装配，这样就限定家具模块的装配只能有系统与模块之间的关系，排除了模块与模块之间的装配关系。

家具模块装配界面的定义，是建立家具产品所有组成设计模块的共同装配的依据。所有的设计模块都装配在模块装配几何界面上，而非传统的模块互相组合方式。

系统端的装配几何界面组成类似简化的虚拟家具产品组成框架，当家具模块替换时，因彼此间无装配的次序关联，被替换模块可以单独移开而不会影响其他的模块功能(见图3)；相应地，替换模块在装配时也是组装在装配几何界面上，因此也可以很容易地抽换。

3简化家具装配几何界面设计

在实际的家具产品设计中，对造型简单的家具产品而言，其内含设计几何与约束关联的数量通常只有数十个，但是对大型组合家具产品，其内含的几何与约束关联数量非常庞大，常常数以百计或更多，直接进行家具装配几何界面设计几乎不可能。

在TopSolid系统中，可以使用下列步骤实现复杂家具的装配几何界面设计：

(1)将整个系统的家具装配模型几何与约束，简化成最基本的条件。

(2)简化后家具装配模型中几何间的约束转移。

(3)将家具模块与模块间的约束关联转移成家具装配几何界面与模块间的约束关联。

(4)将细部设计后的设计模块装配成完整的家具产品。

3.1家具装配模型约束简化

在TopSolid系统中，将家具几何模型中的约束条件关联，以CSG/B-rep阶层方式展开，由于模块间的约束条件关联限制，存在家具几何模型中的组成模块难以变更的问题。

约束条件关联可区分为内部与外部两种。以模块作为基准，模块中内含设计特征之间是属于内部约束条件关联，模块间的关联则为外部关联。外部关联是形成模块间的相互参考而无法个别改变的原因，包含模块彼此间的装配关联、模块内的设计特征与其他模块的设计特征具有参考关联、模块中设计特征的组成元素与其他模块的设计特征组成元素具有参考关联[4]。

模块中内含的几何形体越多，意味其约束条件的关联内容越复杂，越难以管理。为了完整表现家具设计产品的内容，庞大的几何形体与其彼此间的约束关联是不可避免的，透过良好的几何形体与其彼此间的约束关联管理，可以使家具产品组成模块间的设计关联单纯化并易于管理。

以设计师在设计构思阶段类似的草图呈现方式，先不考虑家具产品模型中的细部几何外形，当众多的家具产品模型几何形体被简化到最基本的数量时，设计师可以较容易分析出家具设计模块间的装配关联性，以转移成符合模块产品特性的方式[5]。

在简化几何形体内容的方式上，采用将几何形体以类似退化的方式进行，将外形简化到最少的几何形体数量，但仍保持必要的连接条件为止。在图4中展示了在TopSolid系统中，折叠椅的几何外形退化演变过程。

图5(a)中折叠椅前后腿单侧连接以B-rep方式表示具有60个几何元素(23个曲面、37条边线)，经过简化后得到如图5(b)的简化几何形态，再经第二阶段的简化，得到如图5(c)的最终几何形态(2条曲线、1个点)。

从图5可发现家具几何外形简化的程度越高，则几何元素数目越少，约束条件数量也同样减少，即约束条件数量与几何数目呈正比关系。因此，设计师可以通过简化家具模型几何形体的方式，减少约束条件数量，达到简化转移约束关联的目的。

3.2约束关联转移

在图5折叠椅模块的具体设计中，使用简化几何与约束条件的方式后，约束关联的分组与转移是下一个要进行的步骤。将模块化设计的折叠椅模型架构分解成最基本组成状态，可将其视为由家具装配模型本身与各个组成模块。折叠椅装配模型本身是提供其组成模块的装配框架(见图6)。

从图6可以看出，家具模块化设计使用界面关联的方式进行设计，排除了模块与模块间的设计关联，但模块与装配系统模型间的设计关联依然存在，必须将这些关联转移至一种具有“可协同”特性的中介，才可使个别模块与系统模型间的关联解除。

具有“可协同”特性的中介必须是可以单独存在且容易复制的电子文档，此文档包含了家具设计产品所有模块装配所需的基本简化几何元素及装配关系(见图7)，当个别模块被重复使用到新的产品时，只须复制中介文档，而不需使用到整个系统模型。

通过应用中介文档，除了可以转移模块与装配系统模型间的设计关联，还可将其作为类似家具模块装配产品的共同装配中介，减少重复使用模块的中介文件数量。

4家具装配几何界面应用程序

在进行家具系统层次设计时，项目方案负责人必须先创建家具产品的模块空间配置与简化的装配几何界面中介文件，设计团队中的其他设计人员再复制产品中所分配到的中介文件到所属设计模块，成为其设计模块的初始内容。

这些设计师在进行后续的细部设计时，只要依循分配到的空间配置参考设计，就能确保与其他的模块不会有干涉的情形产生(见图8)。几何界面应用程序是将前述的简化几何元素与转移关联到几何界面的方式，应用到实际家具模块产品开发。此模块化家具产品的设计程序如下：

(1)定义出家具产品装配模型架构。

(2)根据架构建立模块化家具产品的简化装配几何界面，并保存为中介文档。

(3)复制中介文档中的参照几何界面到个别模块。

(4)在个别模块中根据所复制参照几何界面进行细部设计。

界面设计篇（10）

多媒体技术是指将多种单媒体复合而成的技术。多媒体技术融合了各种视觉和听觉媒体，包括动画、文字、图形、图像、语言、音乐和立体声响等，多媒体网页UI界面可以让用户同时接受多样的媒体信息来源。网页UI界面设计中使用多媒体技术可以体现以下几个特点：1）集成性，对远程多媒体的影音信息统一取得与。2）交互性，人性化的实现信息传播，能够主动选择和控制信息流方向。3）非线性，创建了超文本链接方法，把灵活展示浏览内容。4）实时性，实时控制多媒体信息，及时配合用户指令。5）动态性，用户可以按照自己的需求选择信息使用方式，甚至重组信息的各种表现形式。

网页交互设计

交互设计需要解决的是人与机器之间互动的问题，是表现层的东西，好的交互设计方案能够让用户感觉网页非常好用。怎样的网页交互设计才算是好的方案呢？1.让人有耐心等待。根据网络调查，大多数用户对网页打开的等待时间最多坚持5秒钟，如果5秒内页面都不能打开，那这个页面上的内容将没有任何意义都就将。所以在交互设计时，需要考虑网页等待时给用户提供的信息。最好的方式是反馈，当用户等待时，告诉用户他的操作是否成功并且将剩余的等待时间实时呈现，这样就能有效解决用户不能耐心等待的问题。2.让人不用动脑筋想。好的网站能够帮助用户快速完成任务，要达到快速完成任务的目的，交互设计必须使页面简单，尽量让用户浏览时不收不必要的干扰，最好能够符合用户心智模型。因为，大部分的用户在浏览网站时希望的是能快速找到勉强应付的方案，而不愿意主动寻找方案，百分之八十的用户只会用百分之二十的功能。

网页UI界面设计展望