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

1、计算机光盘软件与应用工程技术ComputerCDSoftwareandApplications2 0 11年第10期网页版式布局设计中的形式美探讨张胜超(东北师范大学人文学院，长春13 0 117)摘要：网络作为新的媒体传播形式越来越被人们认识和依赖。今天的网站再也不 是简单的信息堆积，而是集技术与艺术相结合的全新产物。无论是强大的技术支 持还是优美的页面设计，都是为了更好的表达网站的主题，更多的吸引浏览者。在艺术设计领域中，无论何种设计形式，都以遵照形式美法则为第一重要。本文 试图从设计的角度，通过对优秀站点页面的分析。谈谈网页设计中版式布局的形 式美感，并对网页设计内容与形式的统一进行探讨

2、。关键词：网页设计；视觉元素；版面布局；形式芙文献标识码：A中圈分类号：TP393.092文章壤号：1 0 0 7 9 5 9 9 (2011) 10 0082 01TheFormalismArtTalkinginthe(CollegeWebPageFormatLayout Univemity，ChangchunDesignZhangShengchaoofHumanities&SciencesofNortheastNormal130117China)Abstract:NetworkthenowwayofsPreadingmedia.isknownandnodePendedonbymoreand

3、morepeoPleToday，websiteSarelongerthetrashCartsofinformation,theya 舱n OWpr oductswhicharearethecollectionsoftechnologyandart.Fr omthepowerful technology art andthegorgeouspagedesign,they withthedesignangle allforbeRerexpressingtheideaofthesi tesandattractingmoreviewers.As 缸asandform. designis art con

4、cerned,whateverthedesignis,itsho uldbedoneaccordingtheformalismesthe tics.llliSthesisdiscussesthe formalism andbyanalysingsomeexcellentwebpage s,anddiscussthefinaluniteofthecoata ntsartKeywords:W曲pagedesign;Visualelement s;Layout;Formalism网页设计是网络技术与设计艺术相结合的交叉学科。对设计师而言，网页内容存 在很多设定，不可更改。我们能做的，唯有将有限的内容

5、美化。第一时间吸引浏 览者的视线，才能使用户心甘情愿的坐在电脑前，认真浏览我们的站点。浏览者对于网页的第一印象，往往 不是精致的标识、优美的动画或者绚丽的色彩，而是页面整体的布局、栏目的结 构及所占框架。由此，符合形式美感的版面布局设计，始终是优秀页面的成功捷 径。一、形式美与形式美法则（一）形式美之于内容内容是构成设计的一切内在要素的总和，形式美是内容的外部美的表现方式。一 个优秀的网页版式布局设计必定是形式对内容的完美表现。网页设计所追求的形式美，要适合主题的需要，这是网页版式布局设计的前提。 只讲花哨的表现形式以及过于强调独特的设计风格”而脱离内容，或者只求严谨 的表达内容而缺乏艺术的表

6、现，都会使网页变的空洞而无力。设计者只有将二者 有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美 的表现形式，才能体现出网页版面布局设计独具的分量和特有的价值。（二）形式美之于形式只有通过实现全面的功能并体现形式美感，才能实现形式与内容的统一，才能获 得好的设计。以奥美广告公司为例，新改版的官方网站广受好评。之前为了丰富 其艺术性而大量运用多媒体元素，导致页面数据过大，载入速度极慢。显然，奥 美早已意识到形式大于内容导致的得不偿失，新版本的官网几乎可以用版面布局 极其简约来形容，将新颖的多媒体元素隐藏，只在首页设相关链接让有兴趣的 浏览者自行进入，大大提高载入速度的同时，

7、也确保了画面的形式美感。二、 形式美法则应用于网页版式布局设计（一）第一屏”的对称与均衡 首页应尽最控制在一屏以内。为使首页版式布局秩序井然，对称均衡的形式美法 则实为良方。以苹果公司网站为例，进入主页，除了始终位于画面上方不变的导 航条外，几乎整个页面都是该公司的最新产品介绍，以F lash链接的形式直接占满整个第一屏的空间， 形式上起到均衡画面的作用。屏幕下方的其他产品链接栏目分类，是完全对称的 均分产生，这样既在主页中突出各项产品的介绍，又在第一屏中制作当前热门新 品的链接，达到推广主题的营销目的。（二）版式布局的节奏与韵律印刷品有固定的规格尺寸，网页的尺寸却是由浏览者控制的。网页的组织

8、结构不 像印刷品那样为线性组合。强调结构形式的视觉整体性必然会牺牲其多变性。因 此要注意：过于强调整体性可能会使网页呆板、沉闷。只有控制好整体”的节奏，才能演奏出多变”的、和谐的版式布局的韵律。无论是版式、色彩、图形图 像，都控制在同一和谐的韵律之中，既不重复又不突兀，实为节奏丰富的网页设 计风格。突出节奏主音，塑造韵律高潮。（ ）分栏设计的对比与调和页面的分栏设计，实为根据站点内容，给当前画面进行页面分割。是内容与形式 相统一的具体体现。页面的分栏设计，同样存在形式美，同样有着规律可循。对 比与调和这一对形式美法则，正是科学的页面分栏设计的有力依据。在分栏设计中，可以把网页的文本内容理解成为

9、构成设计中的面”元素，我们可以利用栏目分割线将众多的 面”构成水平、垂直或任何自由形状的分割结构。由 面”的大小范围形成对比，再由分割线的联系构成调和，以形成页面整体布局上 的秩序，表现简洁的深度感和层次感，同时也能体现出几何学的比例美、平衡 美。三、结束语 平面设计中运用到的形式美法则，完全可以用之于网页之中。一个优秀的网页设 计师不仅要懂得科学的运用色彩、优雅的使用图形，更直观的是对于版式布局设 计的合理性。有秩序的版式布局是优秀网页设计的前提，浏览者只有在和谐优美 的版式布局中，才能有一个流畅的视觉体验。参考文献：【11文芳，李明中国网页设计前线【M】湖南：湖南美术出版社，200 2，16【2】陈青网页设计方法初探U】.中国美术教育，2 0 0 5，5:47 82 万方数据WANFANG DATA父蔽链接网页版式布局设计中的形式