网页设计中信息的视觉传达研究

1、湖北工业大学硕士学位论文网页设计中信息的视觉传达研究姓名：刘中华申请学位级别：硕士专业：设计艺术学指导教师：周峰20090501湖北工业大学硕士学位论文摘要信息在当今社会是一种不可或缺的资源，信息的传播进入了网络媒体时代给人们获取信息带来了极大地便利。网络媒体的信息传播速度快、效率高，凭借全球互联网，突破了时空限制，具有传统媒体不可比拟的优越性。尤其是网络核心技术的出现，给互联网的信息传播带来了巨大的变革。无论在信息传达的方式上，还是网页界面设计等方面都发生了较大的转变。已经成为互联网新的发展趋势，伴随着时代的兴起，标准系列的发布对网页制作技术产生了一定的影响，它使以前网页制作的思维发生了根本

2、性的变化，强调页面结构清晰和信息层次分明成为了当前网页界面设计的发展趋势。在这样一个新的传媒环境里，网页界面作为用户与信息交流的平台，关乎着信息能否页的实现流通。因此，它的设计也就变得越来越重要。网页界面设计虽然同平面设计有着很大区别，但它依然是需要通过视觉来传递信息，所以，在网页界面中如何把信息通过大众都能很容易识别的视觉形式表现出来，并且使信息的表述有一个先后的呈现秩序也就非常关键。一个结构合理、信息传达准确而有序且功能性强的界面能让用户使用方便、高效，会增加用户对界面的喜爱和亲睐。反之，信息传递不顺畅的页面会使用户迅速转向其它网站。文章基于对网页界面的信息传播功能特点与网页界面制作技术的

3、发展的分析，运用比较的方法，阐述了网页界面与传统平面设计不同点，指出网页界面设计仍然是视觉设计的范畴，设计师的主要任务就是将信息内容视觉化。只不过这里的平面是电子化的平面，设计手段采用电子技术。虽然多媒体技术使网页的信息传达进入了听觉感知领域，但也是通过网页中显示听觉效果的视觉标识来实现的。紧接着作者对信息在网页中以什么样的形式来表现，如何设计能够有效传递信息的网页界面进行了重点的研究或探讨，较详细地论述了网页界面设计中文字、图形、色彩等视觉元素的运用方法或技巧，又专题论述了多媒体手段在网页设计中的应用和网页界面的版式设计技巧问题。关键词：，网页界面，信息传达，视觉传达，版式设计湖北工业大学硕

4、士学位论文五，也，。，。，加，湖北工业大学硕士学位论文，：；湖班案大謦学位论文原创性声明和使用授权说明原创性声明本人郑重声明：所呈交的学位论文，是本人在导师指导下，独立进行研究工作所取得的研究成果。除文中已经标明引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写过的研究成果。对本文的研究做出贡献的个人和集体，均已在文中以明确方式标明。本声明的法律结果由本人承担。学位论文作者签名：吾、串卑日期：哆年厂月日学位论文版权使用授权书本学位论文作者完全了解学校有关保留、使用学位论文的规定，即：学校有权保留并向国家有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权湖北工业大学可

5、以将本学位论文的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。学位论文作者签名：（孝军指导教师签名日期：吵引月，日日期：妒年湖北工业大学硕士学位论文第章引言本文的研究背景当今时代国际间的合作与交往越来越密切，信息的交流也越来越频繁，可以说信息把全球紧密联系在一起。信息的表现丰富多样，可以存在于文字中，也可以存在于图象中，又或者存在于视频等形式中。由于不同的媒介对信息传达有着不同的方式，因此，就要对信息进行归纳总结和分类，然后以受众易认知的视觉化的标识符号来表现信息。对信息这样的一个规划，能使信息变得容易理解，从而会提高信息传达的质量和有效性。而所

6、有媒介的目的都是传达信息，设计也是为信息传达服务的，因此，网页设计就是通过对信息进行有效规划来便捷的传达信息，或者说就是对网页界面信息的视觉化设计。互联网的出现不仅扩展了人们收集信息的途径，同时，其作为一种生活方式也对人们的行为方式和思维方式产生了重大的影响。近些年，随着网络技术的飞速发展，尤其是时代的到来，给网络带来了新的信息共享方式及新的技术运用，改变了网络中内容组织和信息传播的方式，也使网页界面视觉传达的形式多样化，例如网页中能够运用数字化技术手段将语言、声音、图象、文字等有机融合在一起，然后通过各种形式表现出来，从而扩展了网页界面视觉设计的表现方式和手段。标准作为一系列规范的总称，它的

7、目的就是要使网页信息能够在未来新的终端设备上显示且能使页面数据被分享和交换。国际万维网组织发布的这套标准要求网页界面结构清晰，信息分布合理，因此，对界面的版式及制作技术产生了巨大变化，它要求以最合理的页面布局来展示信息，必将会极大的促进信息的流通和分享。网页是信息在网络传播中的载体，也是连接信息接受者和信息发布者的纽带，因此，如何对网页中的信息进行有效的规划，使信息有条理、有秩序地表现出来，就不仅仅成为网页界面设计要解决的问题，同时也关乎到网页是否具有吸引力的问题。当前，很多国内网页界面中的信息缺乏秩序性，且仅仅是信息的初始状态，不论对于信息接受者还是提供者而言，都没有最大程度的利用这个载体获

8、取或者提供有效、丰富的信息，这使得网页没有充分发挥其作为传播信息载体的功能，所以，本文从视觉设计的角度来分析并阐述网页界面设计对于传达信息的作用以及怎样通过网页界面设计来提高其传播信息的质量。湖北工业大学硕士学位论文国内外研究现状近年来，越来越多的人开始从事网页界面设计，使其进入了一个快速发展的阶段。网页作为传递信息的媒介，是为信息内容服务的。尤其在标准发布后带来的网页制作技术上的改变以及在时代里信息传播方式发生变化的情况下，对网页界面设计提出了进一步的要求。而目前，国内对这方面的研究还处在较低的层次上。首先，网页结构层次不清晰，视觉信息不明确，浏览者往往要经过多次的点击后才能找到所需信息。其

9、次，国内的网页界面设计多关注网页的视觉效果，以看或者视觉为主，而忽略了信息传达的功能性和受众接受信息的渠道的多样性。除此以外，从信息传播的角度来研究网页界面的论文专著较少，对于网页界面中信息传达而言，显得有些偏颇，不够全面，对于当今时代网页设计发展趋势的指导作用不大。因此，我们还需要在实际工作中进行深入的、系统化的研究。国外的设计同行在网页界面设计中将艺术设计理论、视觉原理、交互原理、信息设计等理论融入其中，以此作为网页界面设计的理论基础。另外，重视网页界面的交互性和重视用户的参与性体验，以及网页界面设计的人性化等都成为构建网站的必要考虑因素。微软公司的网站策划主管指出：“在经过一些年的发展后

10、，网站设计的思路开始逐渐清晰，网站要以功能至上，而且是内容来决定形式。大体来讲，网站设计是在发生冲突的需要之间求得平衡的艺术。一方面，网站设计应该尽量简单易用。另一方面，要确保站点中所有强大的工具可为用户所用。这些研究的成果为网站设计的思路指明了方向，欧美的网页界面设计简洁清晰，在加强界面人机交互功能性的同时，更加注重信息传递的品质。国外在网页界面设计上的成熟理论和实践经验是值得我们借鉴学习地。本课题研究意义网页界面设计是平面设计在网络时代里的一个延伸，或者说是一个新的发展。网页界面设计的好坏直接决定着页面信息能否有效的传达，因此，网页界面中怎样实现信息有效的传达就成为了一个新的研究课题。本文

11、以。时代为背景，从信息传播的视角出发，通过对网页中信息的视觉表现要素的分析，并把它同平面设计领域里的视觉元素进行对比，探讨了网页界面信息的视觉表现要素的特点，使人们对网页界面信息的视觉表现有了进一步认识。同时，结湖北工业大学硕士学位论文合标准发布后所带来的网页制作技术的变化，对网页界面设计提出了自己的一点见解，也为日后进行这方面的研究和实践提供了一个可供参考的资料，并希望对网页设计的相关教学能起到一定的指导作用。本文的主要研究方法（）分析与综合法：借助视觉传达、思维科学以及其他领域的研究成果和方法，把信息传播方式同时代的网页界面设计的特点相结合，系统的、综合的分析研究网页中信息的传播特点。（）

12、类比法：把网页界面设计同平面设计进行对比分析，从视觉表现元素以及版面设计形式上来阐述网页界面信息传达的视觉化表现特征和多样化的表现手段。（）举例例证法：从实际案例出发，选取具有代表性的网页界面设计案例进行分析，通过对其良好的版面形式及特点分析，阐述网页界面设计是怎样提高信息传递的品质的。湖北工业大学硕士学位论文第章网络媒体信息传达概述信息概念的现代诠释现代社会已被人们称之为信息社会。信息在当今社会生产、生活的各个方面和各个领域被广泛地使用。然而，何谓信息？其定义似乎让今天的人们越来越模糊。现代汉语词典关于“信息”的解释是指音讯、消息。但就信息在社会中的传播特点来说，媒体的变化使信息不仅仅表现在

13、“音讯消息”的范围，从而让人们对信息概念很难准确的把握。在人类社会进程中，曾经有过辉煌的信息技术创造，语言、文字的形成，印刷术的发明为最基本的信息交流奠定了基础。到了近代，电报、电话、广播的发明使远距离快速传输信息成为现实，大大缩短了人与人之间的距离，信息的作用也不断被放大。最早把信息作为科学对象来加以研究的是在通信领域，因为，通信的本质，实际上就是传输信息。通信科技工作者为了解决通信中的种种问题，需要深入研究信息的本质及其度量的方法。年，哈特莱在贝尔系统电话杂志上发表题为“信息传输的论文，把信息理解为选择通信符号的形式。控制论的奠基人维纳则把信息看做广义通信的内容，他在控制论与社会一书中给出

14、了这样的定义“信息就是我们在适应外部世界，并把这种适应反作用于外部世界的过程中，同外部世界进行交换的内容的名称。由此可见，通信领域里对信息的研究取得了丰硕的成果。随着科学技术和经济的发展，人们的认识水平不断提高，信息概念也在不断的拓展，在计算机出现后，信息被看做数据，而当信息服务逐渐发展起来后，信息又被看做经验、知识和资料。今天，随着互联网的普及和利用，网络世界把信息带到了人类社会生活的每一个领域和角落，使人们实实在在感受到了信息的普遍性和不可或缺性。现代人们对信息的理解是：包括在网络上传输的一切数据、符号、信号、资料，是一个无所不包的庞大的集合体。由此可见，信息的概念是十分复杂的。前面所列举

15、的信息定义是人们从不同角度在不同条件下对信息的认识和理解，如果没有这些约束条件，我们可以将其定义为：客观事物存在的方式和运动状态的表现形式【。湖北工业大学硕士学位论文信息传播媒介的演进与当今信息传播的特点信息通过媒介才能传播，媒介的形式与先进发达与否，决定了传播的速度与效率。在理解媒介一论人的延伸一书中，麦克卢汉以媒介为切入口将人类社会时至今日出现的媒介分为四种类型：（）人与人进行直接地口头交流的靠口头传播时代或叫做“语言传播时代，在人类社会早期穴居生活使劳动高度协同，个体之间的信息交流成为必须，于是人类需要共识信息系统，在表达形式上，首先人类是使用体态语言（如手势、身体动作、面部表情）进行交

16、流，后来出现了有声语言，极大地推动了各族之间的交流融合。（）由于文字的发明，人类进入了“书写媒介时代，文字使人类的信息传播突破了时空的限制，能够被长期的保存和传播。（）活版印刷技术的出现引发的活字媒介时代。年古腾堡的活版印刷技术发明以后，资讯传播得到了扩展，并从世纪一直持续到世纪，这被称为“印刷媒介时代”。印刷媒介的诞生，使得报纸、期刊、书籍迅速普及，大大促进了信息的交流，文化知识得到广泛传播。（）世纪后半期开始，以贝尔发明电话机、马尔科尼发明的无线电通信为象征的“电子通信时代”，以及世纪初随着收音、电视机的登场而进入的“电子媒介时代”。印刷媒介和电子媒介在相当长的时间内并驾齐驱，且由于在信息

17、传播模式上的相似，被称为大众媒介。世纪后期，以计算机和通信技术为基础的互联网的出现，使人类步入了“网络媒介时代”，它融合了前面几种媒介的优势于一体，使信息传播真正突破了时间和空间的限制，带来了信息传播的巨大变革。仔细分析我们上文提到的五种类型的传播媒介，就能发现，前四种媒介在信息的传递上是种“一对众的传播模式，也就是说，信息的传播者借助媒介把自己的思想观念或者意图传达给大众，而不管这些信息是否能被大众接受，是否对大众有用。相对于信息接收者来说，这样一种被动的、受压迫的接受方式，让信息的传受双方处在一个不平等的位置上，这是传统媒介在信息传播中的一个共性，对于信息的交流来说是一种束缚。而网络媒介具

18、有独特综合传播功能，打破了以前各种传播平台之间的壁垒，形成了迄今为止人类最大的综合传播平台，它利用计算机显示屏上的网页界面，使得数以千万的受众不仅可以同时在网上获得信息，而且可以在网络媒介中自由地发布和交换信息。“网络媒介扭转了大众传播给人际传播带来的自上而下、缺少交流、反馈，没有互动的传统传播模式，实现了每个人都可以参与“点对点自下而上和平行互动的“民众传播【。近几年，随着网络技术的不断革新，使得信息在网络媒体中传播的方式湖北工业大学硕士学位论文和手段产生了巨大的变化，同时，也在一定程度上给人们的生活、工作和思维方式进一步带来了重大影响，正如麦克卢汉所说“每一种“媒介”发出的“信息”都代表着

19、或是规模或是速度的变化，所有这些都会介入到人类的活动中，这句话包含着这样一层意思：一种媒介的产生会在社会中产生新的行为标准和方式。网络使信息的传播表现出如下的三个特点：（）信息传播的即时性：世纪末期，以数字化技术为代表的网络媒体以迅猛的速度进入了人类生活。由于数字化技术的优势，使得信息的表现形式丰富多样，同时，网络传播速度快、制作发布信息便捷，还可以随时更新信息，在速度和效率上远远超过了传统媒体。（）突破了时空限制：数字化网络和通信技术的全面发展，将整个世界连接起来，推动了信息的全球化，互联网络延伸到全球的每一个角落则使信息突破了时间和空间的限制，让人足不出户就能了解全球任何地方发生的事情。与

20、传统媒介相比，网络媒体打破了信息传播的地域限制，扩展了信息传播范围，有利于信息的全球共享。（）信息的互动性：“网络媒体对信息传播最大的改变表现在信息传播者与接受者关系上的变化，并由此形成的信息交流的互动性”】。在网络这个全人类共同拥有的平台上，网络技术为用户提供了一个能够自由控制的“信息平台（例如：博客、播客、个人主页等），使任何人都可能成为传播主体，自由地编辑和发布信息，与对方甚至大众交流。传播者和接受者处于完全平等的地位，它们相互承认、相互沟通、共同分享着信息，这样一种双向的交互式的传播超越了传统媒介中信息只能单向流动的局限，实现了传受双方的互动，使信息的交流变得更加轻松、方便自由，极大地

21、提高了信息传播的效率。网络媒体的核心技术及信息载体网页界面网络媒体的信息表现载体是网页界面，网页界面的功能是视觉传达，网页是相对年以前的互联网模式（简称）的新一类互联网模式的统称，是一次从核心内容部应用的革命【】。它在方便用户的前提网络的核心技术界面设计与运用同网络媒体互联网模式及其技术发展密切相关。了解的特点及其发展是进行网页界面设计的技术依据或前提。下对从技术、功能等方面进行了改进和升级。从模式上，是单纯的“读向“写”、“共同建设发展；由被动地接收互联网信息向主动创造互联网信息迈进。从工具上，是由互联网浏览器向各类浏览器、阅读器等内容发展，实现了网站之间的信息共享和交流。加强了互联网的关联

22、性与社会性，为公众提供了一个技术平台，使得大众都能够积极参与创造信息和发布信息，并根据自己的喜好自由选择信息的聚合，成为了的显著标志，同时这种变化也对网页界面设计的形式提出了新的要求。无论从交互方式、网络技术等方面都是全新的体验，它的出现给互联网带来了一场巨大的变革。标准与网页界面现实生活中，我们常用手机中的软件进行聊天、上网或者浏览网页，尽管大家的手机型号、手机的运营网络并不一样，但它们之间仍然能够通过网络实现信息的流通，这是什么原因呢？实际上这是“标准在起作用，这个“标准能使信息通过格式进行转换，从而实现在各种不同型号、不同网络的手机之间顺利流通，这个标准就是标准，它是一系列规范的总称，主

23、要包括、和。它是国际万维网组织（）在基础上，制定的一系列的技术规范，以实现大量信息向标准的过渡，按照这些规范制作的网页符合格式规范，能够在、网络电视、移动电话以及任何网络终端设备上显示，而且还能使网页页面数据在以后被分享、重用和交换。用标准制作的页面代码量小，可以节省带宽。因为用（层）来布局结构本身就比（表格）简单，表格布局的层层嵌套造成代码臃肿，文件尺寸膨胀，而用比用布局能节省的代码，同时还使页面信息结构清晰，内容与表现相互分离，这样就引起了网页版面编排的变化，版面不再以“表现”为主进行设计，而是以内容为前提来分析和规划界面结构。标准对网页在制作方法上的改变，使版面设计从注重形式向以功能为主

24、转变，尤其对网页界面的版式设计产生了很大的影响。第章网页界面的特点及网页界面的设计网页界面的概念及制作技术的发展界面在现代汉语词典中的定义是：划分、隔开两物体之间的接触面。可以说它是连接两个物体的中介，且通过这个中介可以实现信息的交流。从设计的角度来看，界面可以理解为是实现人与机器之间进行信息交流的媒介，界面是为交流而产生的，网页界面也不例外，可以说网页界面是用户与互联网之间相互交流信息的媒介，或是指用户在互联网上便捷地获取所需信息，同时也能发布相关信息的一种交流平台。年，美国国家超级计算机活动中心（）的开发了一种叫做（首个具备图形界面的网页浏览器）的程序。它能够在界面上显示图形，且能通过超链

25、接实现网页间的漫游，而所有操作只需利用鼠标即可实现，有了作为技术支持的工具，浏览器受到了用户及媒体的广泛关注，并由此成为了一个国际性的大舞台。而网页有了图形化的界面后，逐步开始走上了技术和艺术化相结合的道路，特别是近几年，随着网络技术的发展，网页中融合了更多的多媒体元素，使得网页界面的形式更加丰亩【】田世纪初期，（超文本标识语言）的不断发展，网页制作技术的不断改进，加上很多可视化的专业开发工具（比如：、等）的出现，降低了进入网页界面设计的门槛，使得越来越多的从事艺术设计行业的人开始进行网页界面设计，从而使其逐渐成为一大新的设计领域，并由此进入了一个快速发展的阶段。网页界面是传达信息的一个平台，

26、也是用户和互联网发生互动的一个场所，用户与互联网之间的信息交流正是在网页界面上进行的。网络上的各类信息通过网页界面传达给用户，用户在获得信息后经过人脑的思考加工，再通过网页界面反馈给对方。这样，网页界面就实现了用户与网络之间信息的交流。而如何使信息的传达更加有效，如何使用户操作起来更为简便，这就不得不涉及到网页界面设计的问题。一个好的网页界面设计，不仅要满足和适合人们在视觉及心理上接受信息的需求和特点，还要注重网页界面各信息传达载体之间的关系。时代的到来，改变了过去信息传播的方式，加强了信息传播的互湖北工业大学硕士学位论文动性，对网页界面设计提出了更高的要求，直观易懂，操作简单且具有引导功能的

27、网页界面成为当前网页界面设计新的趋势，它不仅使信息的交流更加顺畅，还给用户带来良好的体验，最终达到提高网页界面使用效率的目的。网页界面中的视觉传达和信息传达视觉传达设计就是以眼睛可以看到的造型元素对信息进行设计的一种行为，视觉传达设计这一概念大概是上世纪末期由国外引入我国的，以前我们把它叫做平面设计，实际上，视觉设计是对平面设计概念的一种提升。传统的平面设计被称为视觉传达设计，是因为平面设计作品主要是给人们以观看的，超出眼睛观看的范畴的其它感觉方法，就不能称为视觉传达。视觉传达在设计领域中，也就是通过可视化的元素将所要传达的信息表现出来，即将信息内容形式化、视觉化。在电子及数字化技术中，网页界

28、面较之传统的平面设计方法有了广泛的拓展。但网页的传达功能与平面设计没有根本性的不同，网页除了载体性质同平面纸质不一样外，仍是借助电脑显示屏来表现着平面性，它给人们带来的仍然是视觉效果，是没有超出眼睛范围的其它感知方式。其所用的造型元素仍然是通过视觉传达信息，故网页的第一功能仍然是视觉传达功能。平面设计的目的是传达信息，但平面设计的信息表现有其局限性，局限于文字、图形、色彩等比较有限的、且属静态的范围。而在网页中，由于使用了数字化技术手段，使网页界面的视觉传达方式与平面的视觉传达有了很大不同，最主要的特点就是文字可以滚动，图形可以变化，色彩可以转换，某些造型元素产生了动态的效果，这些变化虽然没有

29、超出视觉感受的范围，但使网页界面视觉传达的内涵有了新的扩展。视觉传达手段的数字化，使得网页的信息传达远远不是局限在传统的平面设计范围，信息传达变得更为丰富多彩，这表现在二个方面：一是视频界面中的动态带来了丰富性；二是视频界面也可以切换和链接，每一层界面都有每层界面的视觉要素组合，也提供了一层新的信息。视频界面的转换及可链接性使网页的视觉传达与信息传达构成立体的建筑，增加了网络的信息传达的丰富性。网站的首界面是一个网站的“领航”页，它是用视觉元素来表现提炼后的信息，或是概念化的信息，而不是信息的全部具体内容，主页的视觉传达不可能反映信息全部完整的内容。浏览者要了解全部的信息内容，就要从视频界面中

30、选择自己需要了解的信息表现元素，然后通过鼠标点击来获得所要的全部信息，从而产生网页的信息传达。鼠标的点击是实现视觉传达到信息传达目的的“开关或闸门。这也说明网页的视觉传达与信息传达的实现之间是有界限区湖北工业大学硕士学位论文分的，这是平面设计视觉传达没有的功能。基于通信和数字化技术的网络媒体，不仅具备超链接特性以及交互性特征，还综合了以往传统媒介的特点，这使得网页中的信息传播具有以下特点：（）选择性：网页界面信息表现形式不仅仅是图形、文字等还包含着声音、视频、音频、动画等，这些表现元素在视觉、听觉甚至触觉上刺激人的感官使人获取信息，扩展了人获取信息的渠道，同样也给受众提供了选择性，受众可以根据

31、自己的喜好、习惯来选择最合适的表现形式理解信息。例如：网页界面中，对同一个信息，分别以文字、图像、视频等形式进行表述，有的浏览者可选择阅读文字来获取信息，有的则通过关看视频来获取信息，这种选择性加强了受众对信息的关注度，从而提高信息传达的质量。其次，网页具备超链接的功能，它实现了信息之间的跳转，使信息的联系更为紧密，在传统媒介中，例如报纸、书籍上的信息都是从头到尾前后相连，是一种直线性的传递方式，同时，其受篇幅的影响，只能承载一定量的信息，读者也只能被动接收，对于某些相关联的信息缺乏了解。而由于超链接技术，网页之间能进行跳转，不再是直线传递，实现了信息的跳跃性传递，不仅使浏览者能看到信息，通过

32、链接也能了解相关的信息，而由于网页的无限性传播特点，信息量非常庞大，能够给予浏览者充分自由的选择，体现了网页中信息传达的灵活性。（）互动性：“互动一词极为常见，社会心理学家给出的定义是：“两个或两个以上的人们之间的行为互相影响的过程。，【】互动性是指信息传达者与受众之间的互动交流，网页中的互动应该说是信息的交流双方利用网页界面中具有交互性功能的设置互相回应对方的过程。例如：通过操作按钮、表单等元素来表达意见，同对方进行信息的互动。这些互动设置使信息交流的双方充分向彼此表达自己的观点，从而提高了信息传达的有效性。信息的互动成为了网页中信息传达的一种新的经验和行为。（）网页的信息传达具有层次性，网

33、页的信息传达是通过鼠标一次次的点击来传达全部信息的，每一次的点击反映出一个层面，因而具有层次性。（）信息传达方式的多样性：由于网页数字化技术带来的新的信息传达手段，不仅通过对视觉刺激产生信息，还有声音冲击及影像变化产生的对人体其它感觉器官的冲击，所以，有学者总结认为，网页的信息传达触动了人的“五观”，信息传达类型更丰富多样。湖北工业大学硕士学位论文网页界面设计同平面设计的差异麦克卢汉说：“媒介之间是相互关联的，一种媒介注定是另一种媒介的内容。王受之先生也曾提到：“二十一世纪平面设计是朝着多媒体方向发展的。可以说网页设计是平面设计的一种空前的延伸，网页界面设计的视觉元素依然是与平面设计相同的元素

34、，但由于网页界面设计受到电子通信技术和网络传输以及网页制作技术的影响，所以，网页界面设计有着一般平面设计不同的地方。表现在三个方面：（）媒介及尺寸的不同网页界面是伴随着计算机及通信技术的发展而产生的，它是以图形、文字、色彩及多媒体视听元素为表现载体且通过显示器呈现出来的；平面设计作品是以图形、文字：色彩为视觉表现元素，以纸为媒介的印刷品形式表现出来的；两者在媒体上存在着本质的不同。另外，印刷媒介和网络媒介最大的区别是色彩模式，印刷品的色彩是由四种色彩组成，而网页界面所使用的显示器色彩由三种色光所组成，其色彩亮度要大于平面的印刷色彩，利用这些色彩可以创造出活泼亮丽的视觉感受。由于两者的媒介不同，

35、尺寸单位也不一样了。印刷是以生活中常用的度量单位来计算，而网页是以电脑显示器的单位（像素）来计算的。印刷品的尺寸可以根据实际需求预先知晓且印刷品尺寸在印刷前后都是一样，因此，设计者对其就能有一个很好的把握；网页的页面是根据浏览者电脑显示器窗口的大小来显示的，而由于页面在制作过程中所使用的显示器的分辨率不同，导致了网页在其它浏览器窗口中的显示大小不一样。（）交互功能：交互性是网页界面设计区别于其他传统媒介的最大的优势之一。网页的互动是指网络与用户之间的信息双向沟通和传输，网页界面的互动设计是通过利用超链接技术、按钮、表单等方式，给用户提供了充分自由选择的权利，用户不再是被动的接受信息，还能够根据

36、自己的需求主动发布信息或针对某信息反馈自己的观点和意见，从而享受到参与的喜悦。传统的平面设计只能单向的向大众传递信息，不能同受众进行互动交流，也无法即时获得受众的反馈信息。（）多媒体元素：以数字化技术为基础的互联网集中了报纸、广播、电视三大媒体的综合优势，实现了声音、文字、图像、影像等的有机结合。这种多媒体技术使得网页在信息传达的表现形式上更加丰富，同时也给用户带来了丰富的视觉效果，令其产生审美愉悦。比如：制作的广告动画，不仅丰富湖北工业大学硕士学位论文了视觉体验，吸引浏览者的目光，同时也传递了商业信息，达宣传目的。再比如音频、视频、影像这些多媒体元素有利于更为全面直观的传递某娄信息，弥补图形

37、、文字等传达信息的不足。而传统的平面设计作品是以静态的视觉元素来表现的，同多媒体元素相比在信息传达的形式和功能上要差得多。竭页界面设计平面设计可视化的屏幕尺寸纸媒介及其大小多攥体见听元素围开；文宇色彩（声音、视频版面设计线性阅读跳跃性阅读立性圈以上粗略的分析了网页界面设计的几个特点，是与传统的平面设计为参照对象的（见图），但这并不是说网页界面设计与平面设计是根本不同的，相反，网页界面设计与平面设计都是视觉传这设计，两者并没有本质上的差异，目标都是一个，即将信息内容视觉化，通过视觉设计实现信息传达。网页界面设计与受众网页界面是给人传递信息的。现实生活中的行业众多，同样，网站的行业属性也不尽相同，

38、其所面对的受众也不一样。而由于人在年龄、性别、职业以及受教育程度、生活习俗等方面的差异，自然对于信息的需求也各不相同，尤其这些差异所形成的独特的办事方法，直接影响了人们在浏览网页时的内容选择和操作方式。人的不同的行为特征对网页界面设计产生了很大的影响。所以在规划网页界面设计时，要对目标群体的特征进行分析，同时还耍对目标群体的行为方式加以研究（见图）从而采取有个性的视觉表现形式。受众的分析大致可以从以下几方面入手：湖北工业大学硕士学位论文斯谫戒夕耋粹学广一掌生§日自顿一捏乐怍舢童性弃尚男性图（）性别：性别的不同对网页界面设计的形式带有不同的偏好。男性和女性由于生理上的特点所关注的事物各

39、不相同，网页界面设计就可以从色彩、图形上强化其特色，例如：化妆品网页，以为例（如图），网页上的图片都是以时尚女性为主，潞铲，吖夕。彩塑惩墅雌如图展示女性各个化妆部位特征，且画面色彩依据产品的特色或是浓厚艳丽或是淡雅柔和，充分展现了女性特色，让人一眼就能辨别该网站的属性。（）年龄：目标群体属于哪一年龄层，是青少年？还是中老年？不同的年龄层行为方湖北工业大学硕士学位论文式及兴趣爱好不一样，关心的事物亦不同，即使同一事物关注的侧重点也有所不同。比如：青少年个性张扬、孤立独行、喜欢新奇的事物，现如今许多网络游戏就根据这些特性设计游戏人物角色和界面，吸引了众多青少年。例如幻想这款游戏，人物造型较为卡通，

40、活泼可爱，贴近青少年心目中想象的角色形象，同时，场景优美且富于变化，界面元素较为丰富，不仅带来了视觉享受，也给青少年玩家一个新鲜的环境体验，深受青少年的追捧；而中老年人则喜欢传统的游戏，例如：象棋、围棋，由于中老年人只注重走棋的功能，因此，这类游戏界面就只需要简洁就可以了。（）工作：是学生？还是上班族？若是上班族，从事的职业又是什么？对于学生，特别是大学生来说，多以查询资料和交流信息为主，而上班族多以自身的兴趣爱好去浏览网页，因此，在网页界面上的相关功能性的设计就不相同。例如，在教育考试网站中，界面应该注重搜索和信息发布功能的设置，以满足学生的需求，而上班族因其纯粹的兴趣爱好去了解相关事物的信

41、息，所以，对网页界面设计的某些方面要求要低一些。任何事物的产生和发展总有其原因，网页也是如此。起初网页是借助于通信传输而后又以网络技术逐渐走进人们的生活。现在，网页界面作为人们从互联网上获取信息的终端，已经同人们的生活密不可分，而为了更加方便网页中信息的交流和传输，网页界面设计就显得越来越重要。由于网页界面设计受到人以及网络技术等诸多因素的影响，因此，我们不能孤立的去看待它。网页界面设计从艺术的角度来说要满足人的审美需求，从功能角度来说，它要实现信息的有效沟通，从设计的角度来说，它综合了传统媒体所有的信息传达要素，对于信息的传达有着很大的优势。所以，可以说网页界面设计是一个涉及到了视觉设计、认

42、知心理学、网页制作技术等多学科相互交叉与融合的较为复杂的设计领域。湖北工业大学硕士学位论文第章网页界面设计的视觉元素与运用人对信息的视觉反映与视觉设计要求人主要是通过视觉来获取信息的，网页界面中的信息首先也是依靠视觉元素来判别的。如何才能让网页界面中信息对浏览者产生深刻的印象呢？为此，我们有必要了解视觉是怎样感知和理解信息的。人的眼睛是人感知外部世界的主要器官，它是通过接收外物反射光并将其聚焦于视网膜而得到物体外观形象的，眼睛获得了信息，理解信息的则是大脑。正是由于大脑把眼睛收集到的信息进行处理，才使信息有了意义，才有可能把这个信息长久的留在脑海里，让它成为知识积累中的一部分。那么大脑是如何看

43、到由眼睛提供的视觉信息，以及大脑是如何处理这些信息的呢？美国的科学家胡贝尔和威塞尔通过试验得出这样一个结论：视觉皮层上的每个大脑细胞与所接收到的不同刺激类型几乎存在着一对一的反应关系，根据所有这些信息，大脑为视网膜接收到的视觉形象建立起一套对应关系图谱。大脑借助这些庞大的专门细胞阵列，以最快的速度、最便捷的方式，对被视物体的个主要属性（色彩、形式、纵深和位移）做出反应【】，因此，进行网页界面设计时要使某一视觉信息被长久地记忆，就要首先在这种视觉信号上下功夫。大脑在获得了这些信息后，把这些信息同记忆中的相关经验进行对比，如果记忆中没有相关联的事物，那么大脑会把这些信息当做新的知识存储起来，而如果

44、记忆中有相似的经验，那么大脑就会将两者进行结合，形成一种新的信息存储起来。以上就是人对信息的视觉感知，只有了解了视觉感知原理，才能在网页设计中运用各种视觉元素或手段去显示和突出某些信息，从而设计出让受众欢迎的网页。入在接收信息的过程中，由于获取信息的方式不同，对信息的认知心理也就不同，自然他们的行为反应亦不同。人们接受和理解信息是受态度、愿望、需要等心理因素影响的，因此对信息具有选择性，就是说，人们总是愿意接触那些与自己原有态度相一致的信息【】。所以，这种需求心理的差异，加上对信息的接收是人的生理和心理刺激感觉的过程，且不同视觉元素的刺激会带来不同的效果，就决定了网页上的视觉信息不仅应当尽可能

45、丰富，以适合更多的受用效果。众所用，而且决定了网页设计应充分利用好电子手段可能达到的视觉元素的运湖北工业大学硕士学位论文网页界面视觉设计中信息的表现类型在平面设计中，设计的任务是将要传达的信息通过各种视觉语言表现出来，而由于纸张媒介的局限性，使得平面设计中可能表现的信息十分有限，因此，平面设计要有很强的创意，对信息进行提炼，这就使得平面的表现手法必须具有高度的概括性，但不论怎么做，平面所表述的信息与网页相比，还是有极大的差距，虽然网页界面也是采用视觉造型元素或视觉语言来表现信息，也是为信息找出合适的表现形式，但由于网页采用的数字技术设计手段，除了同样是利用视觉元素来概括表现信息，进行创意之外，

46、其对信息的处理手段确实要比平面设计简便易行、效果又好得多。便捷的方式可概括为三点：第一，分类表现。网页界面的视觉传达设计可将信息分类概括，用相应符号或标识显示，这可以极大地扩展网页界面信息荷载量，同时适应更多的受众的选择要求。而具体信息可以通过鼠标的点击以界面链接转换再现信息，实现信息的传达。第二，动、静结合表现，网页界面的视觉传达设计最大的不同，就是可以动、静结合，在同样的一个区域内，平面设计中可能容纳的信息十分有限，但在网页中，由于可以作动态变换，这样网页界面中同样的区域则可以装载更加丰富的视觉信息，包括文字的滚动、图片的变换、色彩的变化等等。所以，网页界面看似有限，实则可以无限扩大。我们

47、至今所见到的任何网页界面，都是动静结合的视觉界面。第三，概括性与创意性结合。网页界面视觉传达设计的概括性、创意性不及平面设计要求高，我们知道在平面设计中，由于版面空间的有限性，要表现相应的信息，要求具有高度的概括性、创意性，无论是标志设计，还是平面广告和招贴设计，反映其设计水平的都是看其概括的准确性和高度的创意性。而在网页界面设计中，这些要求都不如平面设计的要求高，主要原因是网页界面的设计有了数字化技术手段的便利。如果说网页界面设计同样有高度概括性、创意性要求，那就主要表现在有关数字化手段的运用方面。网页界面设计的视觉元素与运用网页综合了人类既有的各种类型的传媒特点以及信息传达方式，实现了独特

48、的综合传达功能。那么信息是怎样在网页中传达或者说信息是如何被表现出来的呢？笔者从信息的表现形式和人接收信息的角度，将网页中信息的传达手段分为湖北工业大学硕士学位论文种：视觉表现手段、听觉表现手段、其它表现手段。目前数字化技术在网页中的传达手段包括视觉、听觉等感知领域，视觉包括文字、图形、色彩等，听觉主要是音频设置。网页界面设计中的文字与运用文字是人类为了准确传达和记录信息的需要而创造的一种符号系统，从其发明之初就一直是信息传播的主要承载者。网络作为一种新的信息传播媒介，尤其是在时代，数字化技术的应用，加强了人与人之间的信息沟通，使文字在网页界面中的信息传递作用显得越来越重要，因此文字可以说是表达信息最简洁明了的符号。网页中经常用大量的文字来描述传播的内容，所以，通过阅读文字来了解信息在网页中占了较大的份额。网页中的文字可以分为“静态文字、“动态文字、“图像文字和“色彩文