网页中交互设计的应用研究

《网页中交互设计的应用研究》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页中交互设计的应用研究摘要：交互设计又称互动设计，是从“目标导向”的角度解决产品设计方面的问题。交互设计的概念源于20世纪80年代，由IDEO设计公司创始人之一比尔·莫格里奇提出。从理论上来看，交互设计在人机工程学的基础上更加强调认知心理学、社会学及行为学的指导作用；从人机交流的实践上来看，交互设计更强调产品对人的反馈交互作用。交互设计是网页界面设计的重要设计环节之一。交互设计的视觉体现表现在用户浏览页面时能够一目了然地知道哪些地方可以进行操作，以便用户迅速锁定目标，完成操作任务。当前，基于web2.0的新一类互联网应用更注重用

2、户的交互作用，本文中所要讨论的界面交互设计就是以用户为中心，探究交互设计如何令用户更轻松更快捷和愉悦地完成界面操作任务，着重强调界面的可用性和易用性。关键词：交互设计网页界面人机交流当今社会，互联网作为第四媒体已经将全球信息共享变为现实，它正逐步改变着人们的生活和工作方式。最为明显的特征就是各种各样的基于浏览器的应用充斥在我们身边，随着智能化设备及其功能的日趋增多，新的人机交互不断涌现，用户体验对交互设计的需求越来越明显。计算机或网络与人最直观的接触点就是界面，而致使界面与人之间产生互动交流的就是交互设计。交互设计是一门研究在人机

3、交流过程中人的心理模式和行为模式的学问，并根据研究结果设计出易于用户使用产品的人机交互方式，其涉及学科知识广泛。本篇论文中所谈及的交互设计仅仅是研究计算机信息的图形化用户界面设计领域中的交互如何引导用户体验。2014年11月19日，首届世界互联网大会在浙江乌镇开幕，奇虎360董事长周鸿祎在会上表示：移动互联网的发展带来了智能硬件的繁荣，我们将进入一个万物互联的大数据时代。随着由万维网衍生出的图形用户界面（GUI）被发明，企业的决策者们就开始理解并采纳用户中心设计（UCD）的语言。各大小企业面对扑面而来的网络浪潮，都纷纷投身于电子商

4、务的行列中，建立网站和制作网页来宣传自己的形象，与顾客和群众交流信息，网络营销以及推广活动应运而生。网络营销和推广的根本目的在于争取目标客户，扩大市场影响和突出品牌形象。而一个网站的最终营销效果如何，交互设计就显得尤为重要。由于网站的浏览者受到个人背景、文化水平、行为习惯、对眼前事物的熟悉程度以及期待看到什么内容的影响，他们在网站上看见的内容未必符合设计者的构-0-想。所以设计者要分析物体的内容架构并设计展示方式来引导浏览者注意特定的内容，尽量做到让客户不用思考就可以看出哪里可以进行交互，节约客户时间，提高网页的可用性和易用性。一

5、个拥有好的概念模型的工业产品是不需要说明书的，同理一个好的网页也应该是不言而喻的，一目了然的，自我解释的。本课题中我所要研究的就是让交互设计更好的引导人们的视觉以此来帮助用户更快更好的完成任务。一、网络时代下的页面交互设计二、（一）网页界面的视觉元素1、文本文本是网页界面的主体。在网页界面设计中，文字是传达信息的主要元素，因为文字在平面设计中是一种感性的直观行为，与其他视觉元素相比，文字更具有信息传达的明确性，能够准确地表达信息的内容和含义。设计者可以根据版面需要对文本的字体、大小、颜色和段落等属性进行设计，风格独特的页面文本设置

6、能给浏览者以赏心悦目的感觉。网页中的文本主要有标题、内容信息和文字链接等形式.（1）文字标题网站的首页或者一条独立的文章一般都会有一个醒目的标题，以告知浏览者网站的主旨或文章的主题。文字标题要简洁明了、引人注目才能得到浏览者的青睐。通常标题应该放置在醒目的位置，使用较大的字体，但是为了保证显示的效果，在网站中通常被设计成图片格式。（2）内容信息文字信息是对标题的解读，是传达信息的主体部分。文字信息的作用是任何其他页面构成元素都不能取代的。在页面设计中，由于内容信息通常占得面积比较大，因此对文字信息的字体、大小、颜色和编排方式都要考

7、虑到用户对复杂性和干扰的容忍度而精心设置，以达到较好的浏览效果。（3）文字链接文字链接是网页中最常见的超链接。文字链接为主页面减轻负担，使页面分区更加明显，同时也方便了浏览者对信息的检索。2、图形图像图片是除了文字以外最早引入到互联网中的多媒体对象，网站的Lo-0-go、页面背景、辅助文字信息和链接等都可以使用图片。相对于文字来说，它传达信息显得更生动、直观，而且图形图像的引入也大大美化了网页的视觉效果。尤其是后来动画和视频的出现，由于动态效果具有很强的视觉冲击力，能够很快吸引浏览者的眼球，所以网页中动画通常是第一视觉中心，在传达

8、信息时动画是非常有效的手段。图形元素包括标题、链接图标、主图和背景四种，需要特别注意的是主图和背景的运用。背景图片能够烘托主题的表现，同时增加页面的层次感，使网站具有风格而不再单调枯燥。而主图则是突出表现主题。主图一般是页面的视觉中心，它直观性强，