关于网页界面的功能美与形式美

1、关于网页界面的功能美与形式美the function and the form is beautiful about the webpage interface 20世纪末媒体世界最引人注目的现象就是互联网的兴起，它使信息传播突破了传统的模式，把人类传播与交流带进了崭新的广阔平台，互联网的广泛性、参与性、及时性和交互性等特点使之更符合传播本质，改变了受众的被动地位，为他们提供了一个无比宽泛的信息空间和言论空间。其实从1994年开始，因特网作为一种革命性媒介和新闻信息载体已经被新闻界普遍看好。世界新闻界认定internet将有广阔的发展前景，并将给新闻传播事业带来划时代的革命。网络传媒是伴随着高

2、科技的发展、以互联网络技术为支撑发展起来的新的媒介形式，它兼容了传统的报刊、广播、电视媒介形式的优势，与传统媒介相比具有不同的传播特性。互联网凭借其多媒体的信息形态和超文本的讯息结构，使网络的海量信息成为可能，实际上网络媒体是三种传统媒体的综合体，它兼具数据、文本、图形、图像、声音等表现形式。使网络媒体做到的动静结合、声像皆备，在信息传播的过程中更加强调了信息的全息性、观赏性和娱乐性，改变了人们接受信息的方式。也让人们高度自主地使用网上信息成为可能，还使网络信息的可检索性成为可能。，互联网把传统媒体将信息内容“推”给受众改变为既“推”又“拉”，使人们在接受信息时获得了自主性或主动性；而且，可选

3、择性大，互动性强。在传统媒体中，受众在传播中显然处于被动地位，传播模式基本是单向传播。而网络媒体是双向、多向交流的媒体，受众可以随心所欲地从媒体中点击出所需信息，也可以参与媒体地传播活动成为信息发布者，受众在接受信息传播地过程中由被动变为主动地位。互动也就成为了网络媒体较之传统媒体的最大优越性之一。相对于传统媒体而言，真可谓革命性的进步。现代社会中，网络日益成为人们政治、经济、文化、生活中不可缺少的组成部分。随着网络传播系统的发达、完善，人们的生活便处于多种信息的吸收与反馈的制动过程中。网络对人外在生活和内在精神的渗入和影响，连同它在社会活动中的地位和作用，已经形成一种为大众广泛接受的文化现象

4、。而网页界面的艺术性，又使网络本身横跨于实用和审美的两极之间，成为实用与审美的结合体，一个完全艺术化又实用化的艺术新形态。网页界面作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也应遵循一些共同的基本设计原则，综合运用平面构成原理和形式法则。但网页界面又作为一种特殊媒介的设计，由于网络媒体表现形式、运行方式和社会功能的不同，网页界面设计又有其自身的特点和规律。网页界面设计应时刻围绕“信息传达”这一主题来进行，因此从根本上来看，它是一种以功能性为主的设计。网页界面设计的功能性主要体现在信息的传递功能和审美功能两个方面。网页界面设计以传递信息为主要功能，信息必须清晰、准确

5、，具有明确的受众和宣传目标，注重时效性，在内容上由信息传递目标和技术实现手段综合作用而具有一定的规定性。网页界面从属于网页内容，其本身不可能独立存在。因而网页界面设计的审美功能不仅由界面形式所决定，很大程度上也受到操作顺畅程度、信息接受心理及信息接受形式等因素的影响，具有很明显的综合性。网页界面设计作为艺术形式，属于实用艺术范畴，它的艺术美感存在于实用性之中。而网页界面设计是一种特殊的物质实体的形式存在的，它具有明确的实用功能，因而具有审美功能的发挥是依靠界面自身的形象实现。也就是说，发挥实用功能的界面实体与发挥审美功能的界面形象是同一的，它们具有同质同构的联系。界面是以一定的使用目的或物质功

6、能为存在前提的，其审美功能必须以其使用目的为导向，即审美功能不能背离其使用目的。在构成网页界面审美功能的元素中，功能美与形式美是互为作用、互相联系的。网页出现的初期，直接利用文字符号和计算机语言来进行人、机交流，界面只包含了基本的信息传递功能，界面的审美功能完全通过功能美来实现，并没有考虑到形式美的因素。随着实用目的的满足和电脑技术的进步，人们开始有了对精神层次特征的形式美的追求。今天互联网上众多的优秀网页界面设计作品都是通过功能美与形式美的紧密结合而表现出完整的审美价值。一个界面具有的功能美，会使浏览者感到操作与交流的便利，并能够通过有效吸引视线的艺术形式清晰、准确、有力地传达信息。而操作与

7、交流的便利依赖于网页界面中的导航设计，从浏览者的角度来说，导航设计是一种如何让网页界面易用，有效而让人愉悦的接受信息的传播，它致力于了解目标用户和他们的期望，了解目标用户在同网页界面交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种导航交互方式，并对它们进行增强和扩充。通过的网页界面和人的行为进行交互设计，让网站和网民之间建立一种有机关系，从而可以有效达到传播目的，并不断在科技创新的刺激下，衍生出新的形式。目前网页界面中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元

8、素来设计网页界面。从而大大丰富了网络媒体表现信息的视觉形式，拓宽了网络输出的带宽，提高用户接受信息的效率，以满足和丰富浏览者对网络信息传输质量提出的更高要求。网页界面的形式美是通过艺术化的设计手法带给浏览者的愉悦感受和体会，反映在界面构成形式和技术形式两个主要方面。设计师通过各界面构成要素之间匀称和谐的比例、色彩配置的鲜明性与新颖性、形式的适宜性与完整性、以及形式与内容的统一性等等方式，让浏览者参与审美活动，并将设计思想、情感通过媒体与表现技巧传达出来，以增强界面的艺术感染力，增强浏览者的阅读的乐趣。由于网络媒体的结构特征和传播技巧决定了他的形式语言与其他媒体的差异性，网络媒体视觉形式主要可以

9、分为框架结构形式、封面结构形式和开放结构形式等三种结构形式。框架结构形式在网站的版式设计运用中非常广泛，因为这种设计更符合网站制作技术的解决方案，框架结构形式是一种规范的、理性的分割方法，类似于报刊的版式。这种版式给人以和谐、理性的美。由于框架结构形式是最为有效的利用了有限的页面空间，最大可能提供信息的有效方式，所以框架结构形式是信息类和电子商务类网站主要采用的结构形式，有时根据内容的需要宣传展示类的网站也常用这种方式（见图 图1: 框架结构的网站应用1）。同时也由于框架结构形式对用户的视觉流程有很好的引导作用，是一些组织网站、企业网站、个人网站等中小型网站常用的结构形式(见图2)。封面结构形

10、式也就是通常所说的形象导入页，这种结构形式一般没有庞杂的内容，通过一些精美的版式设计结合flash动画做动 图2: 框架结构的网站应用态的形象展示。随着宽带网络技术和网页制作技术的成熟，根据网站内容形式的需要，视频短片也开始被运用网站的形象导入页中，通过点击一个进入的主页链接按钮之后才能进入网站，这种设计效果简洁精美，给浏览者一个视觉美感和缓冲。并通过与平面构成元素的结合， 图3：封面结构的网站应用以穿越时间与空间的能量，淋漓展示网站内涵与外延。这种结构形式一般用在一些企业网站、活动组织类网站、电影网站、个人主页和设计类网站等主题鲜明的中小型网站中起到形象导入的作用，这些主题性和目的性非常明确

11、的网站，可以充分利用平面设计构成的形式法则和flash技术强大的功能，结合封面结构形式的特点和设计原则，对网站主题进行诠释，并丰富了网站的视觉表现形式。（见图3）。开放结构形式是以图或文作为视觉中心，将各种信息要素和视觉要素向页面四周展开。所谓的视觉中心可以在页面中心，可在页面的任意一点上。开放结构形式的特点是布局自由活泼、形式灵活多变，界面简洁美观。所以它在网站的设计应用中，更为大胆地综合运用了平面构成原理和形式法则，由于制作手法大多都采用目前非常流行的flash技术，页面所传达信息的视觉形式更丰富，特别是动静结合的构成关系，使网页具有动感强、画面流畅的视觉冲击感，同时也能给人舒适的互动体验

12、感。是产品展示、企业形象宣传、个性展现很好的表现形式（见图4）。开放结构形式适 用于信息内容较少，以展示形象和个性为传播 图4:开放结构形式的网站应用目的宣传展示类网站。总之，不同的视觉结构形式有不同的传播目的，应该根据网站不同的主题内容和信息内容，合理的规划和运用视觉结构形式，使其获得更好的传播效果。网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，大大丰富了网络媒体表现信息的视觉形式，拓宽了网络输出的带宽，提高用户接受信息的效率，以满足和丰富浏览者对网络信息传输质量提出的更高要求。在网络媒体的交互应用中，互动形式的丰富性是不容置疑的。应用各种交互技术为网页界面提供了灵活多样的界面控制元素