（设计艺术学专业论文）论网页界面设计中的人性化因素.pdf

摘要 如今，随着科学技术的不断发展，互联网络作为一种新的媒介已 经渗透到了人们的日常生活和工作当中。网页界面作为网络虚拟现实 中人与人，人与机器之间信息交换的一个平台也逐渐脱离了传统的平 面设计的范畴，形成了一种新的特殊而独立的体系。 网页界面设计的成功与否，不仅仅是因为其美观的版面，和谐的 色彩，绚丽的动画效果所决定的，而更多的是取决于它的易用程度和 人们的可接受程度，也就是我们经常所说的人性化设计。网页界面的 人性化设计是我们追求理想化、艺术化生活方式的一种永恒的设计境 界，也是符合我们人类审美，认知和情感价值的。从一定层面上说， 设计的不断发展和提升的过程就是人的认识，情感和思想的不断完善 的过程。因此，网页界面的人性化设计是网页设计的本质要求，同时 也是网页晃面艺术创作当中应当迫切需要解决的问题。 本文结合网页界面设计和认知心理等因素，以网页界面中的各个 要素为研究对象分析数字化时代背景下网页界面设计人性化需求的 必要性，包括：网页界面中的色彩、图形、文字的运用心理，交互元 素、多媒体技术的应用以及页面的布局。阐述了网页界面设计当中人 性化因素的重要性及应用价值。 另外，本文在第五章中以中国与美国为代表的网站设计作比较， 提出有着不同文化背景的人对界面的认知理解程度的不同性，阐述了 文化因素对网页界面人性化设计所产生的重要影响。 关键词：网页界面人性化设计可用性文化 a b s t r a c t n o w , w i t ht h ed e v e l o p m e n to fs c i e n c ea n dt e c h n o l o g y , t h ei n t e m e t ， a san e wm e d i u m ，h a sp e n e t r a t e di n t oo u rd a i l yl i v e sa n dw o r k w e b ，i n t h ep a s t ，a sap l a t f o r mi nw h i c hh u m a nb e i n g s ， e v e nm a na n dm a c h i n e s e x c h a n g ei n f o r m a t i o ni nan e t w o r ko f v i r t u a lr e a l i t y ，h a sg r a d u a l l yb e e n a w a yf r o mt h et r a d i t i o n a la r e a so fg r a p h i cd e s i g nt of o r man e ws p e c i a l a n di n d e p e n d e n ts y s t e m t h es u c c e s so fw e bi n t e r f a c ed e s i g n ，i sn o to n l yd e c i d e db yi t s b e a u t i f u ll a y o u t ，h a r m o n i o u sc o l o r s ，b r i l l i a n ta n i m a t i o n ，b u ta l s ob yt h e e x t e n to fi t s u s a b i l i t ya n da c c e p t a b i l i t y , i no t h e rw o r d s ，u s e r - f r i e n d l y d e s i g n t h eu s e r - f r i e n d l yd e s i g ni sar e a l mo f t i m e l e s sd e s i g ni nw h i c hw e p u r s u ei d e a l i s t i c ，a r t i s t i cw a yo fl i f e f u r t h e r m o r e ，i ti s i nl i n ew i t ho u r a e s t h e t i c ，c o g n i t i v ea n de m o t i o n a lv a l u e a tac e r t a i nt i m e ，t h ed e v e l o p i n g a n du p g r a d i n go ft h ed e s i g ni sj u s tt h ei m p r o v i n gp r o s e s so fp e o p l e s u n d e r s t a n d i n g ，f e e l i n g sa n di d e a s t h e r e f o r e ，t h eu s e r - f r i e n d l yd e s i g no f t h ew e bi n t e r f a c ei sn o to n l ye s s e n t i a lt ow e bd e s i g n ，b u ta l s oa nu r g e n t p r o b l e mt os o l v ei nt h ea r t i s t i cc r e a t i o no f t h ew e bi n t e r f a c e i nt h i s p a p e r , ic o l l e c tw e bi n t e r f a c ed e s i g n t oc o g n i t i o na n d p s y c h o l o g y , s u b j e c tt h ev a r i o u se l e m e n t so fw e bi n t e r f a c ea n di nt h e g r o u n do fd i g i t a lt i m e ，a n da n a l y z et h en e c e s s i t yo fu s e r - f r i e n d l yw e b u i i n t e r f a c ed e s i g n ，i n c l u d i n gt h e a p p l i c a t i o n o fc o l o r , g r a p h i c s ，t e x t ， p s y c h o l o g y , i n t e r a c t i v ee l e m e n t s ，m u l t i m e d i at e c h n o l o g y , a n dt h ep a g e l a y o u t m o r e o v e r , is t r e s st h et h ei m p o r t a n c ea n da p p l i c a t i o nv a l u eo f u s e r - f r i e n d l yd e s i g ni nt h ew e bi n t e r f a c ed e s i g n i na d d i t i o n ，i nt h ef i f t hc h a p t e ro ft h i sa r t i c l e ，ic o m p a r et h ew e b s i t e d e s i g no fc h i n aa n dt h eu n i t e ds t a t e s ，f o rp r e s e n t i n gt h a tp e o p l ew i t h d i f f e r e n tc u l t u r a lb a c k g r o u n d su n d e r s t a n dt h ei n t e r f a c ed i f f e r e n t l ya n d c u l t u r ei n f l u e n c et h ed e s i g no f p e r s o n a l i z e dw e bg r e a t l y k e yw o r d s ：w e bi n t e r f a c e ，u s e r - f r i e n d l yd e s i g n ，u s a b i l i t y , c u l t u r a l i v 湖南师范大学学位论文原创性声明 本人郑重声明：所呈交的学位论文，是本人在导师的指导下，独立 进行研究工作所取得的成果。除文中已经注明引用的内容外，本论文不 含任何其他个人或集体已经发表或撰写过的作品成果。对本文的研究做 出重要贡献的个人和集体，均已在文中以明确方式标明。本人完全意识 到本声明的法律结果由本人承担。 学位论文作者签名：龇 形口年f 月 尹日 湖南师范大学学位论文版权使用授权书 本学位论文作者完全了解学校有关保留、使用学位论文的规定，研究 生在校攻读学位期间论文工作的知识产权单位属湖南师范大学。同意学 校保留并向国家有关部门或机构送交论文的复印件和电子版，允许论文 被查阅和借阅。本人授权湖南师范大学可以将本学位论文的全部或部分 内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段 保存和汇编本学位论文。 本学位论文属于 1 、保密口，在年解密后适用本授权书。 2 、不保密哟。 作者签名：6 乏搬 导师签名： 两习 l 印健l - - _ - ( 请在以上相应方框内打“ ) 日期：夕f 口年j 为多d 日 日期：洲。年f 月弓。日 论网页界面设计中的人性化因素 绪论 一、与本课题相关的国内外研究动态 随着互联网知识的普及，网站的应用性越来越宽广，在以往，网页 的设计是由程序员或交互研究员包揽，而这种模式逐渐在改变，分工也 逐渐细化，随之大量的优秀网页设计作品也在国内出现，无论是从色彩， 版式的设计还是网站结构的规划都有了很大的进步。但是，一个突出存 在的问题就是人们往往所关注的是网页界面的动感表现以及功能的实 现，却忽略了来自人性化的设计。大多数人认为在网页界面设计中的科 技性和功能性是最重要的。可是，通过对网页界面设计的基本性质的深 入分析，人性化的因素是网页界面设计中不可分离，不可或缺的重要部 分。一个友好美观的网页界面应该给人带来舒适的视觉享受和友好的操 作系统，拉近人与计算机的距离。 纵观国内的书籍市场，大部分的书籍都是介绍跟网页有关的软件的 使用方法及功能的实现，或者是单纯地讲述网页发展的历程及原理的介 绍。在邹慧琴、敖蕾、谭开届等编写的互动网页设计与易用度一书 中，有谈到网页界面与人的关系，以及网站的“易用度 对于人们应用 网站的重要性，但是还没有涉及到整个国际多元语境下的不同文化对于 网站界面设计所产生的影响这方面的内容。 在这方面，国外的网页设计始终保持着领先的水平，他们有了一套 成熟的理论和实践经验，他们所设计的网页技术与艺术相结合，界面美 i 硕士学位论文 观，和谐，友好而不失趣味性。尤其以欧美和韩国的网页设计分为两大 主流，各自呈现着不同风格的网页艺术形态。他们提了许多网页设计所 要遵循的基本原则，如：简化性，一致性，均衡性，统一性等。这些都 是具有指导意义的理论和实际经验的总结。目前针对在网页界面中的人 性化因素的研究确实不多，缺乏深入的分析和研究。即使有一些关于网 页人性化因素的研究，但主要是停留在认知心理学的角度去分析人认知 物体的三个层次上去阐述这一问题，缺乏对整个国际网页界面中的元素 如何实现人性化的研究，国际网页界面是面对整个世界客户群的页面， 其中使用的用户在文化，政治，民族信仰等方面的环境因素都有诸多的 不同，他们对网页界面的使用习惯和喜好也有所差异。因此本文将在认 知心理学的基础上对网页元素中人性化因素的应用进行系统的分析，再 扩展研究多元文化环境下的网页界面设计。 二、本课题研究的价值与创新之处 上个世纪中后期，互联网的产生使人类相互沟通的方式产生了巨大 的改变，在接下来的半个多世纪里，网络成为信息传播的重要渠道和最 热门的资讯传递方式，在世界范围内引发了生活，文化，思想方式的巨 变。 作为互联网门面的网页界面，在网络的不断发展中，形成了独特的 数码文化。随着现代社会人性化需求的不断提高，以功能为设计重点的 网络界面融入了人性化设计元素和对人情感关注的因素，人们对网页界 面的要求不仅仅满足于简单的使用价值了，而是越来越注重界面的其他 附加价值，比如，情感价值，个性价值，美学价值等等，观众与设计作 论网页界面设计中的人性化因素 品的交流也由以往的被动接受转化为主动交互参与，总之，人性化的需 求是越来越高，从当代设计的发展趋势来看，人性化设计越来越受到人 们的重视。这就是促使设计师在设计的时候应当将“人”放在第一位来 设计，设计出富有亲和力和生命力的网站。网页界面设计并不是单纯的 美术绘画，它需要定位使用者，使用环境，使用方式并且为最终用户而 设计。检验一个网页界面的标准就是最终用户的使用感受，所以，网页 界面设计要和用户的心理研究紧密结合，是一个不断为最终用户设计满 意视觉效果及操作体验的过程。 据统计，中国的网络用户数量在全世界网络用户数量上仅次于美国， 中国有着如此庞大的网络用户群体，用户群体中各自的生活环境，文化 背景，喜好程度上也有所差异。再扩展到国际网站来看，以地域分析为 例，东西方有着截然不同的文化传统，各地用户从文化上，政治上，生 活习惯上都有着明显的差异，随着各国的文化交流以及一些地区企业的 不断发展壮大，业务范围延伸到其他的国家，因此很多文化机构或者企 业网站先后推出了面向国际的网站，供国外用户对自身的了解与认知， 因此对各地用户的文化，生活背景以及喜好程度做一定得研究，才能设 计出更加符合用户心理及使用习惯的网页界面。本文在认知心理学的基 础上对网页各元素进行单一分析，再扩展到国际文化环境下，对人性化 因素提出新的补充。 三、本课题研究的范围 本文在认知心理学的基础上对网页界面中的视觉元素的人性化设计 进行分析，比较中国与美国用户的文化差异，生活习惯等来阐述人性化 硕士学位论文 因素在网页界面设计中的重要性。 四、本课题的研究方法 本课题的研究运用综合归纳法，分析法，演绎法，例证法多种研究 方法。 论网页界面设计中的人性化因素 第一章关于网页界面设计 1 1 界面设计 界面设计的英文全称是g r a p h i c a lu s e ri n t e r f a c e ，就是人和机器 传达和交流信息的一个平台。它提供给用户的是对信息的使用，处理和 管理的一个施加影响的区域。 界面设计是计算机科学和认知心理学以及设计学相结合的产物，同 时也涉及到语言学和社会学等多种学科。它建立在平面设计的理论基础 上，但又脱离了平面设计的范畴，他不仅仅是简单的图形，文字，多媒 体等元素的组合，而是要考虑到使用者，使用环境以及使用方式等外在 因素，为最终使用用户而设计。 检验一个界面是否成功的标准在于最终用户的使用感受，如：界面 设计是否为用户的操作带来了便利，是否跨越了语言、地域、民族等的 界限，起到了良好的沟通作用，用户的使用感受是否愉悦，是否符合用 户的心理情感等等，所以界面设计要和用户的研究紧密地结合起来，是 一个不断为最终用户设计满意视觉效果及最佳操作感受的过程。 1 2 网页界面设计 随着科学技术的不断发展，互联网络的兴起引起了一轮新的技术革 命，它使信息的传播突破了政治、经济、文化及地域的阻隔，使信息的 传达范围，速度与效率都产生了新的质的飞跃。我们所获取的信息是由 互联网上的成千上万个网站传播的，每个网站都是由诸多网页构成的， s 硕士学位论文 网页是构成互联网的基本元素。 网页界面是指人与计算机，人与人之间在互联网络中以传达特定信 息，方便人机交流为目的的信息界面，其组成的元素有文字，色彩，图 形，交互元素，多媒体等。 网页设计与传统平面设计的区别在于前者是对信息的动态传达，后 者是对信息的静态表现。前者信息传达的方式是在虚拟的赛博空间中进 行信息交换，后者是传统的纸质印刷技术在支持。网页相比传统的媒体 在信息的表现上要更加的具体、形象：在信息的传达上要更加的生动、 及时。它能将图片、文字、声音、动画等多种媒体相结合，营造出一个 互动的全球化的视觉空间。 1 3 网页界面设计的现状 “在长期的软件开发中，网页界面设计工作一直没有被重视起来， 做网页界面设计的人也被贬义地称为美工朋。现今优秀的网站作品 已经越来越多，无论在版式的设计上还是色彩的搭配上和以往相比都有 了很大的进步，但是在整个领域当中缺少专业的理论支持和成熟的实际 经验做参考。 网页界面设计是建立在现代科技发展上的一门学科，它的发展离不 开科技的支持，所以目前人们都普遍认为，在网页界面设计中科技性是 唯一重要的，技术决定一切。许多的网站一味的追求技术上的表现，却 很少考虑到人性化的因素，忽略了对用户的研究。 事实证明，通过对网页界面设计的基本性质的深入分析和对用户大 h t t p ：i h i b a i d u c o m w t 3 0 0 2 b l o g i t e m e 6 5 e c 6 1 f 2 2 d 5 c d f l e l f e o b d 5 h t m l 6 论网页界面设计中的人性化因素 量的调查发现，人性化因素是网页界面设计中不可缺少，不可分离的重 要部分，而且符合认知心理学的理论。因此，人性化因素对网页界面设 计的成功起着关键的作用，而且在很大的程度上还反作用于网页界面的 设计。优秀的网页界面不仅能清晰地引导用户轻松自如地完成信息的交 流，还能使用户跨越地区，文化，民族的界限做无限度的沟通，给人带 来舒适的视觉享受和情感交流，符合人的心理特点。 硕士学位论文 第二章网页的人格特征 “网页艺术设计是在i n t e r n e t 的发展和数字技术的发展中出现的新 艺术形式。它是以第四媒体i n t e r n e t 为载体，以网络技术和数字技 术为基础，依照设计目的，遵循艺术设计规律，实现设计目的与功能， 强调艺术和科学紧密结合的一种艺术创造和视觉传达活动。” 网页艺术与其他的广播，报纸，电视三大媒体有着相同的本质特征， 都起着传播信息的媒介作用，但它又具有与这些传统媒体不同的特征， 这是由于它的表现形式，运行方式和社会的功能所决定的，它是技术与 艺术的结合，内容与形式的统一。 2 1 网页的网络化特征 网页设计是在计算机互联网络技术的发展下而产生的新媒体艺术。 它的发展是建立在网络媒体发展的基础上的，没有网络的话就 没有网页艺术的产生，大众接收到网页中所呈现的信息也是通过网络所 获得的，我们在网络上所阅读的信息只是在计算机屏幕上显示出来，而 并没有使用印刷技术打印出来，这样的信息展示方式更具有效率和随意 性。报纸、电视、广播这三大媒体有着明显的地域界限，而网络媒体是 不受地域限制的，它可以将消息迅速地在世界范围内公布，突破区域与 国家的界限，使任何人都可以从中获取信息。这也是其网络化的有效体 现。网页界面设计是网络科技与艺术设计所结合的产物。这样一种独特 彭纲网页艺术设计【m 】北京：高等教育出版社，2 0 0 6 ：1 0 8 论网页界面设计中的人性化因素 的艺术形式与以往的传统艺术形式有着很大的区别，网页最早只是简单 的文字排版，并不具有现在的商业性，只是用来给科研人员交流信息。 现在随着科技的发展和人们对信息的需求越来越高，网页发生了日新月 异的变化，它不仅仅是信息的简单呈现，还具有新媒体艺术的特征。 2 2 网页的互动性特征 互动就是信息相互交流的一种方式。也就是我们常说的“交互 ，人 与人之间，人与机器之间，机器与机器之间的相互作用都可以说是“交 互”。在传统的媒介当中，信息的传递一般是由传播者发布，通过媒介的 作用让他人知晓，该传播者具有信息传递的主动性，他人是被动的接受 信息，这是一种单向的信息交流方式。而网页则不同，它是一种多向的 信息交流媒体，任何人都是信息的传播者，也都可以是信息的接受者。 每个人都可以参与对网页的建构，随着人们对网页界面所执行的动作， 如：点击，输入，反馈等，就形成了不断变化的新的网页结构。用户每 在页面上的一个动作都可以参与人机交互，例如：用户每点击一次超文 本链接，就得到计算机的一次反馈。完成的每一次任务都可以说是人机 交互的表现。用户可以随心所欲的选择自己所需要的信息，或者表达自 己的意愿在互联网上交流。我们在互联网络中最常见的交互方式是论坛 ( b b s ) ，聊天工具( q q ，m s n ) ，电子邮件( e m a i l ) 等等，这些方式可以 实现一些实时的或非实时的交互。所以网页具有我们所指的互动特性。 2 3 网页的非线性特征 传统的线性浏览是指设置好信息的数据按照信息记录的先后顺序来 浏览的方式。如：录像机，字幕机等。他们的工作流程是按照信息记录 q 硕士学位论文 的顺序，重放视频数据。非线性是相对于线性提出的一个概念，非线性 借助计算机来完成数据编辑，对数据的调用有很大的随意性，可以随意 的对信息进行调用，具有快捷简便，随机的特性。 对于网页来说，网页间的跳转和导航是一种自由的多方向的和不确 定的组织方式，我们把这种方式叫做非线性浏览。它是通过超级链接来 完成的。运用这种浏览方式，网站的组织可呈现多种结构，如层次结构， 序列结构，复合结构，网状结构等。非线性浏览方式的自由度很大，用 户可以根据自己的喜好和需求，随意选择内容进行浏览。相对于传统的 影视，报纸广播等媒体的线性浏览方式，网页的非线性链接跳转更符合 用户的思维习惯，迎合了用户不愿意受约束的心理，这样使用户更方便 更快捷地找到所需要的信息。 2 4 网页形式的多样性 网页设计是多种元素的应用结合，它是多种媒体视听元素的综合体。 这种特征是在网络信息技术的不断发展下，以及网络信息用户对多元化 信息不断需求的基础上产生的。网页和报纸，书本等媒体一样要进行页 面的排版，对文字，图形进行综合应用，它还结合运用了音频、视频等 视听元素。它表现形式的多样性促使网页成为了一种新媒体艺术。它的 多样表现形式极大的满足了用户对信息的需求，更加生动形象的表达了 信息的内容。这种特征也是在信息技术不断地发展下产生的，m p 3 的产生 使网页音频资源更加的丰富，流媒体技术使网页更加流畅的运行视频， 还有三维的渲染使网络元素的表现形态更加丰富。网页逐渐从最初的对 h t t p ：b a i k e b a i d u c o m v i e w 8 9 7 1 6 h t m l 论网页界面设计中的人性化因素 文本简单的编排变成为呈现多种形态的艺术形式，直至发展到现在拥有 四度空间的虚拟媒体。 硕士学位论文 第三章人性化是网页界面设计的本质要求 3 1 人性化设计 “人性化是指让技术和人的关系协调，即让技术的发展围绕人的需求 来展开。这里所指的技术是广义上的意思，不单单指的是某一领域。 根据人的特性可以将人分为自然属性和社会属性，自然属性是人自 身特质所决定的，它有三大定律： ( 1 ) 人的生理层面的自然属性是“人类总是要求拥有快乐而不是痛 j 占 ， 白0 ( 2 ) 人的心理层面的自然属性是“人类总是要求得到尊重而不是贬 抑。 ( 3 ) 人的心灵层面的自然属性是“人类总是希望有长久的目标而不 是虚度一生。” 人有与生俱来的生理功能，如：五官的感受，脑细胞的功能，视觉 神经等，在生物学家的眼里，人的感觉是一大批神经元功能的产物，而 且有了相当精细的功能划分和令人信服的实验结果。 人的社会属性是因人所生活的集体环境所影响的，它包括： ( 1 ) 对行为后果的考虑 ( 2 ) 对自己长远目标的考虑 ( 3 ) 对人生价值的考虑 h t t p ：b a i k e b a i d u c o m v i e w 6 6 7 4 4 h t m l 论网页界面设计中的人性化因素 人的社会属性受内心的支配，而心灵则是一种思想意识是人类社会 属性产生的源泉。人的社会性使人有别于其他的动物，这是社会文明发 展的产物。马克思说：“人的本质并不是单个人所固有的抽象物，在其现 实性上，它是一切社会关系的总和。”这就说明人的行为和意识是受到 自身生存的社会环境的影响以及社会制度的一些制约的。人的生存状态 渗透，调整，甚至决定着人的感觉，特定的历史条件也会对艺术形式产 生很大的影响。一些有关审美的时代特点，时尚的选择这些大多是取决 于社会因素的影响，在人的本性需求和形式规律上是体现不出来的。如： 在唐代的胖美人和现在的骨感美人相比，毫无疑问在现今的审美观点上 后者会更符合人体形式美的比例。但这个不是形式美的问题，而是社会 对审美产生的影响。在唐代，人人都认为丰腴是美不胜收的，这是因为 当时社会因素对人的审美产生了影响，具有典型的时代特征。又比如在 古时候妇女为了“时尚”而去裹足，那时候大家普遍认为小脚女人是最 美丽的，这也是由于社会环境和文化的影响。因为妇女当时所处的社会 地位和男权意识在产生作用，附加的社会因素在影响着人的感觉与判断。 人是生物与社会的统一体，忽略了任何一面都不能正确的了解人及其行 为，在人的艺术行为中，参杂有各种生理，心理，意欲，社会因素的影 响。再比方说我们经常喝到的一种饮品“奶茶 ，大家都知道奶茶是牛奶 和茶组成的，我们不能单方面的判断它是牛奶还是茶，因为这样的结论 是具有片面性的，我们要全面地去看待事物。在设计产品或者做网页界 面设计的过程当中，也要全面的去看待结合人的这些特性对产品进行优 h t t p ：b a i k e b a i d u c 伽v i e w 6 6 7 4 5 h t m l 硕士学位论文 化，使用户有一个便捷，易用，有可用性的，具有愉悦感的操作过程。 人性化设计是指在设计的过程当中，根据人的行为习惯，人体的生 理结构，人的思维方式和人的心理情况等，在原有设计的基本功能和性 能基础上，对设计产品进行优化，使用户使用起来更加方便舒适，是在 设计中对人的心理需求和精神追求的尊重和满足，是设计中的人文关怀 也是对人性的尊重。 在设计中人的地位关系具有很重要的意义，设计的使用者是人，是 为人服务的设计。在设计的过程中，任何设计理念的形成都需要以人为 基本的出发点，重视物与人的关系，强调满足用户的心理和生理的需求 这是人性化设计的本质。人性化设计是科学与艺术，技术与人性，理性 与感性的结合，理性的科学技术给设计打下坚实的技术支持和良好的功 能实现，而感性的艺术和人性则给设计赋予美感，使之充满情趣和活力。 就拿一个我们经常使用的洗发水的瓶子包装来说，两个看起来外形 极其相似的瓶子里分别装了洗发水与护发素，为了便于区分和使用，设 计师在其中的一个瓶子上添加了一排线形突起的小圆点，这就是触觉感 知记号，它会使人一触摸这个瓶子就能得知哪个是洗发水，哪一个是护 发素。这个极小的设计思维，不仅能让我们一般使用者凭借肉眼就能判 断其功用，还能使盲人在使用该洗发水时凭借触摸感知来分辨产品，在 一定程度上消除了盲人在使用时的障碍，设计上具有亲切感。因为在我 们洗发的时候不用睁开眼睛就能够辨别拿到自己所需要的东西。诸如此 类的人性化设计还有我们经常要使用的淋浴开关，在开关上用红色和蓝 色的圆点来区分冷水热水的出水方向，这样的设计充分地体现出了人文 1 4 论网页界面设计中的人性化因素 关怀的理念。 设计的目的在于满足用户的生理和心理的需要，美国著名行为学家 马斯洛提出人的需要层次论，指出了人性化设计的实质。设计不仅要满 足人们的基本需要，而且要满足人们渴望追求幽默，轻松，愉悦的心理 需求。 3 2 人性化设计是网页界面设计的本质要求 网页界面设计是艺术与技术的结合，内容和形式的统一，它是一种 新的艺术形式。它要结合人的行为习惯，人体的生理结构，人的思维方 式和人的心理情况等，在原有设计的基本功能和性能基础上，对界面进 行优化，使用户使用起来更加方便舒适，符合用户的使用心理和生理的 点丰刍工l 而冰o 3 2 1 基于人性化的需求谈网页界面设计的原则 网页界面的制作过程与一般的艺术形式有着相似之处，但又有着自 身的特点，因此在制作网页的时候要根据网站设计的特点，制作与主题 形象统一，内容表达清晰，技术支持合理，个性突出，界面友好的网站。 网页界面设计中需要遵循一些设计的原则，总的说来是：准确定位，技 术合理，可用性强，统一形象和突出个性。 首先，确定一个网站的主题是十分重要的，一个定位准确，主题深 刻的网站，能够第一时间抓住浏览者的眼球，吸引他们的注意，使目标 用户对该网站的印象深刻。网页设计的主题是根据客户所提供的资料去 加以分析，寻找客户的优势，定位出一个既符合该网站的特点又能传达 出某种特定信息，表达客户的某些理念的网站主题。当然，网页设计的 1 5 硕士学位论文 主题不仅仅是传达某些特定的信息，它可以是设计师自我情绪或者观点 的表达，也可以是设计师追求的一种纯粹的艺术形式。但是，网页最终 是要供网络用户浏览使用的，通过给网站的定位，设计出来的网站能使 网络用户得到功能上的满足或者产生某种心理感受，这是网页确定主题 的本质。 我们在设计一个网站的时候，就要分析它的设计目标是什么? 它的 客户群是青年人，小孩子，中年人还是老年人，或者是白领还是学生? 它的这些目标客户群有着什么样的特征? 它所要传达的是一种什么样的 信息? 以及它的市场定位是怎么样的? 等等，综合这些再结合分析网站 的优势来定位一个主题，然后根据主题的内容来决定其风格与形式，只 有形式与内容的统一才达到理想的宣传效果。这样不仅对网站的创作设 计有很大的帮助，而且对整个网站的发展也有重要的作用。如：私人音 乐杂志是一个集独立，暗潮，金属三大音乐风格的网站，该网站一直致 力于传播、推广、分享小众音乐。它的目标浏览群体是热爱小众音乐的 中青年，现在喜爱这类音乐的群众还是比较少的，而这帮群体的主要特 点是特立独行、放荡不羁、追求个性。独立、暗潮、金属这三大音乐也 并非是现在流行的主流音乐。因此，我们可以看出该网站的主题非常明 确，定位在针对小众的音乐，也十分符合该类音乐的特质。由于它是一 个完全私人化的站点，带着强烈的个人色彩，追求小众的特质和独立的 风格。所以我们从它的界面设计中能感受到它的独一无二，与众不同。 ( 图3 - 1 ) 论网页界面设计中的人性化因素 圉3 - 1 私人音乐杂志网页 其次，网站的技术支持要合理。 术与艺术相辅相成，两者缺一不可。 的表现而服务的。 网页设计是艺术与技术的结合，技 网页的技术是为网页的内容与形式 在设计上我们要注意的是，应用技术为网页的内容和形式表现服务 以及避免技术的滥用。没有技术就没有网页这一门艺术，网页是多媒体 的综合应用，它包括文字，图片，视频，声音等元素，如果没有技术的 支持就不会产生如此丰富形象的网页界面，在网页设计的表现上将会大 打折扣。 现今，许多网站为了追求技术的表现，大量的使用f l a s h 特效，使 整个网页呈现出动感，酷炫，闪的效果，却忽略了网页的本质是技术为 信息内容而服务的。这样不仅不利于网页内容和形式的表达，还会因为 单个网页文件过大而造成上传速度过慢，影响信息传达的效果，使用户 因为等待的时间过长而失去浏览的兴趣。 总的来说，技术是实现网页形式的基础，表达网页内容的前提。如 果不注重技术的掌握或者太过于追求技术表现都是不恰当的，要正确合 理的应用技术，这是网页设计的基本要求。 硕士学位论文 再次，网站的可用性要强。可用性往往是和人性化设计联系在一起 的，从某种意义上来说，可用性指的是功能上的实现，也就是说设计出 来的产品，它的功能是否能够让用户操作使用。网页作为一种互联网络 上的“产品，它的功能是提供或者传播信息，使浏览用户能够获取自己 所需要的信息。目前，很多的网站都能够把信息呈现出来，但是信息太 过于冗余，使用户陷入了迷惘当中。“是否能够让用户迅速获得所需要的 东西，这是衡量网站的主要标准。”实现这一切的核心思想是以用户为 中心来进行设计。如何实现操作的快捷，便于用户操作的界面，这就要 分析用户的心理特征，浏览习惯，文化因素等等，这又说明了可用性原 则是建立在人性化设计的基础上的，功能再强大但不便于用户的使用也 是空谈。可用性与人性化是两者缺一不可的。 总的来说，网站的界面设计不仅要符合用户的视觉浏览习惯并要对 网站上的各种信息，功能有正确的引导。“好的网站，应该让用户掌握所 有的操作主动性，感觉上是产品在为他服务，而不是在用程序限制他。 这是可用性原则的核心。 还有，网站的形象要统一。网页的形象统一就好比企业的视觉形象 识别系统，有着统一的文字，统一的字体大小，标准的色彩，统一的版 式，一致的造型等，这些都是为了主题理念而服务的，是整体视觉形象 和文化意境的统一。比方说大家都会觉得迪斯尼是生动活泼的，i b m 是专 业严肃的，这些都是网站的形象给人们留下的一个感受。 网站是由多个页面组成的，每个页面都是独立的个体，但它们之间 马月网络界面设计 m 】北京：北京理工大学，2 0 0 6 ：2 6 马月网络界面设计【m 】北京：北京理工大学，2 0 0 6 ：2 8 1 8 论网页界面设计中的人性化因素 又有着必然的联系，页面形象的统一不是单纯的页面元素具有统一性， 更是网页主题整体性的实现，这样能将网页的主题，理念，文化意境贯 穿其中，使页面有秩序感，用户在浏览页面的时候便能领悟到其中的文 化意境。 最后，网页设计的个性要突出。在符合网页设计的主题要求下，网 页还需要有独特的艺术风格和个性。网页的个性要符合当时人们的审美 标准，要善于捕捉时代气息，将一些时尚的或者独特的艺术元素应用到 网页的造型，布局版式上，将大大提高网页界面的美观性。或者也可以 将网页的浏览方式，结构的表现形式上运用新颖的手法，如运用f l a s h 的动感特点去设计，还有声音的恰当运用，使网页更具有视觉冲击力和 较强的感染力，更能鲜明的突出网站的主题。 建立一个个性突出，风格鲜明的网页界面形象能够使网页在同类网 站中脱颖而出，更容易抓住用户的眼球，也是提高点击率和信息传播的 有效性。在这个力求标新立异的世界里，个性的突出是十分重要的，只 要设计的页面风格符合网页的主题都是可行的。 3 2 2 结合网页设计的基本原则，阐述人性化是网页界面设计的本质要求 3 2 2 1 网页界面中人性化的设计符合网络用户的情感需求 以人为本的设计是符合人类心理与情感的设计，一个网页的设计是 否人性化是取决于用户操作使用时的感受。在使用的过程当中，网页的 设计能让用户容易的掌握操作，与用户的心理产生共鸣，符合用户的情 感需求，这就是我们通常所说的“人性化 。这样说来人性化设计就是情 感化的设计。 1 0 硕士学位论文 心理学中认为情感是“人类天赋的特性，是人对外界事物作用于自 身时的一种本能的心理反应。”比方说，天气的变化就会使我们的身体 产生寒，热，冷，暖的感觉，但这仅仅只能算是最浅层次的感觉，但如 果因为天气的变化使我们的身体不适而产生了悲，喜，欢，忧的情绪， 这就是所谓的“情感”了。“感觉”和们隋感”都是因为外界事物作用于 自身时的一种生理反应，二者虽然不同却是密不可分的，所以我们将其 称为们隋感反应”。 在网页界面设计当中，必须考虑人的这种“情感反应 。设计出富有 情感的界面，使人产生愉悦的交互体验，符合人的情感需求。情感是来 源于需要和期望，当用户的需要和期望能够实现的时候便会产生愉悦与 喜爱的情感，如果不能满足的话就会产生失望，苦恼，厌恶的情感，甚 至会放弃使用。 3 2 2 2 网页界面中的人性化设计是网页界面艺和 生的最高级表现形式 艺术作为一种创造性的人类活动，不仅丰富了人们的生活还培养了 人们的审美情趣。优秀的网页设计是一种艺术，它是依照美的规律创造 富有艺术化和审美化的高科技网络世界的活动。网页界面设计遵循的艺 术原则，强调了网页界面设计的创造性，加强了网页设计与纯艺术的联 系，也突出了界面设计包括了艺术的法则和现代设计所蕴含的艺术精神。 艺术是一个不断追求美的过程，网页界面设计也不例外，它对美的 不断追求决定了其设计中必然存在极高的艺术性因素。从界面的元素来 看，小到一个图标或者一个按钮，大到界面的版式和整个界面的结构系 苏娜，张凯炫数码色构网页【m 】北京：中国宇航出版社，2 0 0 5 ：1 9 h tt p ：b a i k e b ai d u c o m v i e w 6 2 5 1 h t m 2 0 论网页界面设计中的人性化因素 统都是经过设计师的深思熟虑而规划的，它们都具有独立的审美价值和 较高的艺术性。而这些“艺术 都是为最终使用的用户服务的，所以说 这些人性化的设计是网页界面设计艺术性的最高级的表现形式。 前文中提到了网页界面设计的艺术原则，这些原则在一定的程度上 要求设计师在设计网页界面时应考虑作品的艺术性和可用性，应该着重 解决人机界面之间的关系，还要使其具有较高的艺术品味及合适的审美 特征，从而给用户以愉悦的审美享受及舒适的操作体验。对网页界面设 计师来说只有不断地提高自身的艺术修养，才能设计出能够准确表现自 己创意的艺术作品，网页界面艺术才能有效地与用户进行情感交流，使 其具有深刻性。 3 2 2 3 人性化的设计是高科技网页界面设计中的情感补充 随着科学技术的不断发展，促使信息传播的形式发生了巨大的变化， 这种变化对我们的生活方式也产生了深远的影响。网络技术的高速发展 使互联网络作为一种新的媒介进入了人们的生活。起先，互联网络只为 少数专业领域服务，到后来它以一种前所未有的速度走向了公众的视野， 并给人们带来了一种全新的传播理念。 网页是互联网络技术发展的产物，它综合了多种媒体，是多种传播 方式的混合和兼容，这是网页最本质的特征。在网络传播中能找到人类 传播史上所有用到过的传播手段和方式，任何发生过的传播现象。 情感是伴随着“高技术 出现的，科技虽然使人们的生活变得快捷， 但也会使人疏离人，疏离自我，疏离自然，就会产生一种高技术所造成 的孤独感和感情的失衡，就会对新技术产生一种排斥心理。于是人们就 2 1 硕士学位论文 会必然的给每一种新技术配上一种加以平衡的反应来做补偿，技术越高 级，情感需求的反应就会显得越强烈。我们在日常生活当中会碰到一些 网页界面，虽然所提供的技术支持很高，但是对于不熟悉它的使用者来 说使用操作上是很难以理解的，情感上是无法接受的，这样常会使用户 感到十分的困惑。这是因为在设计的时候缺乏关心使用者的情感，并使 用户产生挫败感，甚至会使部分用户陷入一种面对高科技产品就会产生 强烈的恐惧心理，因而放弃使用，甚至不愿意接受该类界面。人们在使 用高科技界面时所表现出的无从下手，畏惧和无奈的情绪恰恰证明了高 科技会造成实质与情感上的差距，所以在设计网页界面的时候我们要将 情感与界面设计联系起来。在符合审美标准的前提下，设计出当用户在 使用一个界面的时候能够迅速的了解其功能的网页界面。让用户看到界 面心领神会，能体会到其中的艺术性和情感表达，这就是界面艺术的最 高境界。比如：内衣品牌猫人的官方网站，( 图3 - 2 ) 它也结合了多种媒 体，运用了高科技的技术支持，但是它的整个界面版式来说是简单明了 的，色彩的搭配上也符合其品牌的经营理念，元素的安排也非常的合理， 导航的明示性也非常的强，不会使用户产生迷失感，其界面的整体风格 也透示着性感、惹火的主题。 图3 - 2 猫人盲阿 论网页界面设计中的人性化因素 第四章人性化因素在网页各元素中的具体应用 网页中的元素是直接作用于人的视觉器官引起知觉的基本要素。网 页元素的核心是准确地传达信息和优化界面。仔细研究人对网页的认知 及人的认知心理来设计网页界面，有利于我们设计出更加符合用户心理 满足的界面。网页界面设计成功的关键在于如何基于现有的对于人的生 理和心理的认知，熟练地运用计算机技术构建出一个自然的、美观的、 情感性的人机环境。 4 1 网页认知与认知心理 网页界面设计结合了多门学科，它涉及到设计理论，认知心理学， 人机交互学，社会学等多门理论知识。网页是由文本信息的传达、多媒 体技术的支持、颜色的恰当运用及明确的导航系统等多方面组成。这些 元素的安排都要符合网页界面的需要及人对网页的认知心理。 在上个世纪的5 0 年代中期人们对认知心理学就有了发现，它是研究 人类认识的信息加工的过程。它涉及到知识在我们的记忆中是如何贮存 的，以及贮存什么样的记忆内容和知识是如何被使用或处理的历程这两 大问题。因此，认知心理学可以定义为：为了解人类行为，而对人类心 智历程及结果所做的科学分析。因此，在网页界面的设计中要遵循网页 设计的基本原则和认知心理学的要求，这样才能设计出让用户满意的网 - 一 贝o 王圣安认知心理学 m 】上海：上海人民出版社，2 0 0 0 ：3 4 2 3 硕士学位论文 4 2 视觉认知流程 人类具有十分出色的视觉识别功能，能够准确识别色彩，声音，字 体这些元素。当我们将视线聚集在一个很小的范围时，往往也可以看到 较广的区域内的物体，尤其是运动着的物体更能吸引我们的目光。相同 的事物在适当的时间和空间里，会产生视觉的连贯性就会使事物产生运 动的感觉。视觉是一种生物性的机能活动，大部分的生物都具有这一作 用。 人的肉眼在观察事物的时候会将相同的事物自动地归纳在一起，人 的视觉经验会自动地产生一些规律，比方说我们看到体积相同的物体时， 人的视觉就会把这类的物体自动地归为一类，简单的说就是大小类似。 当我们的肉眼看到几个运动着的事物时，就会将运动速度快慢差不多的 事物进行分类归纳，统称为速度类似。通过视觉经验进行归纳的情况还 有很多，比如说：位置类似、空间类似、造型类似等。 视觉在时间上的把握跟事物呈现的速度是有密切联系的。这是因为 物体在快速运动的时候，当人所看到的图像消失后，肉眼还能继续保 留o 1 0 4 秒左右的图像，这就叫做视觉残留。比如我们经常接触的动 画也就是运用了人的视觉残留原理。肉眼在观察空间事物的时候通常表 现为大的物体作为小的物体的空间架构，也就是说小的物体是附属在大 的物体之上的。如果是在运动着的两个物体，其形成的这种架构是不变 的，运动着的物体则被认为是依附的。我们在设计网页界面的时候应相 应的参考下视觉原理，设计出让人们满意的界面来。 人在观看事物的时候是依照视觉流程的原则来进行的，先看什么， 2 4 论网页界面设计中的人性化因素 后看什么，这是因人类的视觉特性所决定的。由于生理结构的影响，人 的眼睛不