网页版式布局设计中的形式美探讨

摘要：网络作为新的媒体传播形式越来越被人们认识和依赖。今天的网站再也不是简单的信息堆积，而是集技术与艺术相结合的全新产物。无论是强大的技术支持还是优美的页面设计，都是为了更好的表达网站的主题，更多的吸引浏览者。在艺术设计领域中，无论何种设计形式，都以遵照形式美法则为第一重要。本文试图从设计的角度，通过对优秀站点页面的分析，谈谈网页设计中版式布局的形式美感，并对网页设计内容与形式的统一进行探讨。

关键词：网页设计；视觉元素；版面布局；形式美

中图分类号：TP393.092 文献标识码：A文章编号：1007-9599 (2011) 10-0000-01

The Formalism Art Talking in the Web Page Format Layout Design

Zhang Shengchao

(College of Humanities&Sciences of Northeast Normal University,Changchun130117,China)

Abstract:Network,the new way of spreading media,is known and depended on by more and more people.Today,web sites are no longer the trash cans of information,they are now products which are the collections of technology and art.From the powerful technology and the gorgeous page design,they are all for better expressing the idea of the sites and attracting more viewers.As far as art design is concerned,whatever the design is,it should be done according the formalism esthetics.This thesis discusses the formalism art with the design angle and by analysing some excellent web pages,and discuss the final unite of the contents and form.

Keywords:Web page design;Visual elements;Layout;Formalism art

网页设计是网络技术与设计艺术相结合的交叉学科。对设计师而言，网页内容存在很多设定，不可更改。我们能做的，唯有将有限的内容美化，第一时间吸引浏览者的视线，才能使用户心甘情愿的坐在电脑前，认真浏览我们的站点。浏览者对于网页的第一印象，往往不是精致的标识、优美的动画或者绚丽的色彩，而是页面整体的布局、栏目的结构及所占框架。由此，符合形式美感的版面布局设计，始终是优秀页面的成功捷径。

一、形式美与形式美法则

（一）形式美之于内容

内容是构成设计的一切内在要素的总和，形式美是内容的外部美的表现方式。一个优秀的网页版式布局设计必定是形式对内容的完美表现。

网页设计所追求的形式美，要适合主题的需要，这是网页版式布局设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求严谨的表达内容而缺乏艺术的表现，都会使网页变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页版面布局设计独具的分量和特有的价值。

（二）形式美之于形式

只有通过实现全面的功能并体现形式美感，才能实现形式与内容的统一，才能获得好的设计。以奥美广告公司为例，新改版的官方网站广受好评。之前为了丰富其艺术性而大量运用多媒体元素，导致页面数据过大，载入速度极慢。显然，奥美早已意识到形式大于内容导致的得不偿失，新版本的官网几乎可以用版面布局极其简约来形容，将新颖的多媒体元素隐藏，只在首页设相关链接，让有兴趣的浏览者自行进入，大大提高载入速度的同时，也确保了画面的形式美感。

二、形式美法则应用于网页版式布局设计

（一）“第一屏”的对称与均衡

首页应尽量控制在一屏以内。为使首页版式布局秩序井然，对称均衡的形式美法则实为良方。以苹果公司网站为例，进入主页，除了始终位于画面上方不变的导航条外，几乎整个页面都是该公司的最新产品介绍，以Flash链接的形式直接占满整个第一屏的空间，形式上起到均衡画面的作用。屏幕下方的其他产品链接栏目分类，是完全对称的均分产生，这样既在主页中突出各项产品的介绍，又在第一屏中制作当前热门新品的链接，达到推广主题的营销目的。

（二）版式布局的节奏与韵律

印刷品有固定的规格尺寸，网页的尺寸却是由浏览者控制的。网页的组织结构不像印刷品那样为线性组合。强调结构形式的视觉整体性必然会牺牲其多变性。因此要注意：过于强调整体性可能会使网页呆板、沉闷。只有控制好“整体”的节奏，才能演奏出“多变”的、和谐的版式布局的韵律。无论是版式、色彩、图形图像，都控制在同一和谐的韵律之中，既不重复又不突兀，实为节奏丰富的网页设计风格。突出节奏主音，塑造韵律高潮。

（三）分栏设计的对比与调和

页面的分栏设计，实为根据站点内容，给当前画面进行页面分割。是内容与形式相统一的具体体现。页面的分栏设计，同样存在形式美，同样有着规律可循。对比与调和这一对形式美法则，正是科学的页面分栏设计的有力依据。

在分栏设计中，可以把网页的文本内容理解成为构成设计中的“面”元素，我们可以利用栏目分割线将众多的“面”构成水平、垂直或任何自由形状的分割结构。由“面”的大小范围形成对比，再由分割线的联系构成调和，以形成页面整体布局上的秩序，表现简洁的深度感和层次感，同时也能体现出几何学的比例美、平衡美。

三、结束语

平面设计中运用到的形式美法则，完全可以用之于网页之中。一个优秀的网页设计师不仅要懂得科学的运用色彩、优雅的使用图形，更直观的是对于版式布局设计的合理性。有秩序的版式布局是优秀网页设计的前提，浏览者只有在和谐优美的版式布局中，才能有一个流畅的视觉体验。

参考文献：

[1]文芳,李明.中国网页设计前线[M].湖南:湖南美术出版社,2002,16

[2]陈青.网页设计方法初探[J].中国美术教育,2005,5:47