1、数字媒体传播基础公选课论文经济与管理学院 谷艳萍 2008302350048- 1 -网页设计中的形式美摘 要：随着时代的发展，网页设计越来越接近于一门艺术而不仅仅是一项技术。网页设计的艺术审美成为了判断网页设计优劣的又一重要标准。本文以形式美法则为指导， 结合网页设计的内容，就网页设计中的形式美，展开一些探讨和研究。关键词：网页设计 形式美 审美随着计算机网络技术的不断发展，网页设计也花样翻新，层出不穷。网页设计是一门新兴的艺术设计与网络技术相结合的学科，近几年随着网络的发展而逐渐受到人们的重视，它本身以网络为载体，把各种信息以最便捷的方式传达给受众。人们对美的追求是不断深入的，网页设计同样
2、如此。从审美的方面入手，结合使用方便的要求，才能制作出内容与形式和谐统一的好页面，同时提升网站形象。一、形式美初探人类在长期的审美实践活动中，不仅熟悉和掌握了各种形式因素的特征，并对它们进行了研究，总结出了多种形式美的法则。多种形式美法则只见既有区别又有联系，但也不是固定不变的，都有一个从简单到复杂，从低级到高级的发展过程。多样统一是形式美的总规律。多样统一是指形式组合的各部分之间要有一个共同的结构形式和节奏，使人感到整个艺术作品内部既有变化与差异，又有一个统一的整体。多样统一是一切优秀作品必须遵循的一个共同准则，它是形式美的基本规律，是艺术美学的辩证法。对形式美的探讨，一直是艺术学科共同的课
3、题。在现实生活中，人们的审美追求会由于经济地位、文化背景、价值观念的不同而有所差异，然而单从外在形式来评价某一事物或某一造形设计时，对于“美”的感觉却存在着一种基本上的共识，这种共识是从人类社会长期生产、生活实践中积累的，经过归纳整理便形成了客观的形式美法则。（一）变化与统一变化和统一是进行艺术创作的基本法则。变化指由性质相异的因素并置在一起所造成的显著对比的感觉。统一指由性质相同或类似的因素并置在一起，造成的一种一致的，或具有一致趋势的感觉。单有变化易有杂乱无章之感，而仅仅有统一又会觉得单调、乏味。因此，我们应在变化中求统一，在统一要求下进行变化。（二）对比与调和对比指形、色、组织排列、技法
4、、数量、质地、感觉等方面的差异，并由此造成各种变化，比如：曲直、黑白、动静、高低、大小等。调和是对各种对比因素所作的协调处理，使互相接近或有中间的逐步过渡，从而能给人以协调、柔和的美感。对比和调和是相辅相成的。对比使造型生动、个性鲜明，避免平淡无奇；调和则使造型柔和和亲切，避免生硬或杂乱。 （三）节奏与韵律节奏是指视线在时间上所作的有秩序、有规律的连续变化和运动，节奏性越强，越具有条理美、秩序美。韵律则是指在节奏的基础上更深层次的抑扬节度的有规律的变化统一。“节奏”强调的是变化的规律性，而“韵律”显示的是变化，能表现出生机勃勃的力量或发展、前进的态势和律动美。（四）对称与均衡对称是指图形或物体
5、对某个中心点、中心线、对称面，在形状、大小或排列上具有一一对应的关系；均衡是不对称形态的一种平衡。对称与均衡是取得良好的视觉平衡的两种数字媒体传播基础公选课论文经济与管理学院 谷艳萍 2008302350048- 2 -形式。巧妙地使用对称与均衡，可以使所要表现的事物呈现出“动中有静、静中有动”的秩序感。二、网页设计的内容网页设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。（一）视听元素这里所说的视听元素，主要包括：文字、图像、色彩、音乐、动态影像等。文字，作为信息传达的
6、主要手段，目前也是网页设计的重点所在。它既是网页中不可缺少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的篇幅，同时文字字体、字号的合理选择以及设计编排形式的优劣，还直接影响到整个网页的设计水准。图像是随着文字最早进入网络中的多媒体对象，有效的图像设置，能极大地丰富、美化网页界面。网络传输图像会受到带宽限制，其文件在一定范围内越小越好文件越小，下载时间就会越短。 在浏览网页时，带给浏览者最直观感受的就是页面的色彩，色彩设计的和谐与否直接影响到浏览者的观赏兴趣。因此，色彩在网页设计中居于十分重要的地位。音乐和动态影像是多媒体技术发展的产物，在不影响网页下载速度的前提下，适当的插
7、入一些音乐与动画，会增强网页的动感，使浏览者获得更加完美的视听享受。（二）版式设计网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。 网页的版式设计必须适应人们视觉流向的心理和生理特点，由此确定各种视听元素之间的关系和秩序。网页设计者应该通过对视听要素的理性分析，和严格的形式构成训练，培养对整体画面的把握能力和审美能力。但网页的排版与书籍杂志的排版又有很
8、多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。 三、网页形式美设计的特点（一）交互性与持续性网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是Web 成为热点的主要原因，也是网页设计时必须考虑的问题。传统媒体（如广播、电视节目、报刊杂志等）都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而在 Web 环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加
9、工处理和发布之中。这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设数字媒体传播基础公选课论文经济与管理学院 谷艳萍 2008302350048- 3 -计作品。 （二）多维性多维性源于超级链接，主要体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转
10、，从而打破了以前人们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。 （三）多种媒体的综合性目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流
11、（Stream）技术的推动下，Internet 网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，是未来的发展方向。 （四）版式的不可控性网页版式设计与传统印刷版式设计有着极大的差异： (1) 印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器； (2)网络正处于不断发展之中，不象印刷那样基本具备了成熟的印刷标准； (3) 网页设计过程中有关 Web 的每一件事都可能随时发生变化。 这一切说明，网络应用尚处在发展之中，关于网络应用也很难在各个方面都制订出统一的标准，这必然导致
12、网页版式设计的不可控制性。其具体表现为： (1) 网页页面会根据当前浏览器窗口大小自动格式化输出； (2) 网页的浏览者可以控制网页页面在浏览器中的显示方式； (3) 不同种类、版本的浏览器观察同一个网页页面，效果会有所不同； (4) 用户的浏览器工作环境不同，显示效果也会有所不同。 把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引人之处。 （五）技术与艺术结合的紧密性设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和
13、创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。 网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。 四、网页设计形式美分析（一） 页面布局的变化与统一数字媒体传播基础公选课论文经济与管理学院 谷艳萍 200830235004
14、8- 4 -在网页设计的页面布局中，恰当地利用变化和统一规律，可以使页面的布局更加紧凑且富有生气。页面中的大量信息如果合理采用统一的方式来排布，在体现整体感的同时又不乏变化，则会使页面显得更加活泼生动。比如在宣传类网站页面布局上，可以考虑安排一个主要的相对别的图片面积占绝对优势的大图片，而周围配合小号文字构成一种疏密对比的感觉，做到疏密相间，大整体里有小变化，小细节中体现大整体。（二）视觉元素的对比与调和对比是能令人感到彼此强烈地相互衬托，而调和是一种和谐，网页设计中的视觉元素诸如文字的排布、图片的设置、色彩设计等都会体现对比与调和的因素。例如文字的排布问题，可以考虑在字体类别相同的基础上靠颜
15、色、字体粗细、正斜体产生对比，或者在别的因素有对比的情况下靠相同颜色来产生调和。总之，对比和变化的东西切忌均等，要有主次，才能产生特异和疏密的感觉。既要有对比，不至于单调枯燥，又不能变化太多导致杂乱无章。（三） 动态影像的节奏与韵律节奏与韵律在网页设计中的运用，并不仅仅局限于静态的页面设计。在动感网页设计中，常常通过对节奏和韵律的把握将声音和动画结合到恰如其分。比如，一首曲子有节奏最强的几个定点，该处可考虑放置节奏最强的动画。所有的动画节奏必须有紧有松，收放自如；节奏和韵律的组合，同样有故事情节。比如，开场的平静（起因） ，发展的变化，高潮的精彩，结局的收尾（一般配合开场，有的在高潮以酷眩收尾
16、） ，同时我们要注意：音乐是有衬托的，动画也必须有衬托，表现主要的靠前的动画节奏要明显湍急，表现衬托的靠后的背景动画要韵律缓慢。这两种节奏动画都得有，才会更精彩。（四）版式设计的对称与均衡在网页版式设计中，对称与均衡的运用是最常见的，一般来说，完全对称的版式并不多见，更多时候体现的是一种动态的平衡，即各种视听元素在页面中的组织方式要满足人们视觉上的整体平衡感。这也是人的心理因素的一种图形化的表现，当然片面的追求静止的对称是僵硬的、呆板的，同样会失去美感。比如网页上的留空。很多人认为只有把整个页面填满了才不觉得空，但事实并非如此，过多的内容不仅使信息难以辨识，而且容易使人产生厌烦情绪。因此，只有通过合理的安排，适当留空，使页面达到平衡，才不会让人感觉空，相反会给人留下广阔的思考空间，令人回味。作为形式美的法则，会随着时代的发展而得到新的诠释，特别在现今信息爆炸的互联网时代，由于追求目标的变化，人们的审美需求也在不断地变化，但是美的本质是一样的。只有把形式美法则同网页设计的具体问题结合起来，将一些美的基本形式运用到网页中去，增加网页设计的美感，才能不断满足大众的视觉审美需求。
