网页版式设计形式分析(潘辉)

《网页版式设计形式分析(潘辉)》由会员分享，可在线阅读，更多相关《网页版式设计形式分析(潘辉)（14页珍藏版）》请在装配图网上搜索。

1、网页版式设计形式分析华中师范大学美术学院 艺术设计系 潘辉 20041504指导教师：辛艺华内容摘要：网页设计是一个复杂的过程，网页版式设计是其中的最重点环节。本文从网页设计的本质出发，总结了各种网页显示技术，对网页的版式设计的各个方面做了详细的分析。并结合各种网页版式设计的案例，提出了网页版式设计的基础、方法和原则。从不同的角度对国外和国内的网页版式风格进行了对比，对网页版式设计的趋势做了预测。关键词：网页 版式设计 平面设计 Abstract：Webpage design is a complex process, and page layout design is the most im

2、portant part in the process. In this paper, it shows the nature of web design with summed up the various web display technology, meets the layout of the webpage design in all aspects of a detailed analysis. Combination of page layout design cases it puts forward the basis of page layout design, meth

3、ods and principles. From different perspectives on the foreign and domestic webpage layout styles are compared and do a trend forecast on the webpage layout design.Key words：Web Page Format Design Graphic Design 在这个信息爆炸的时代，人们可以在互联网上找到几乎任何想要得到的信息，而得到各种信息的基本窗口就是网页。网页的设计是一个复杂的过程，但是抛开技术上繁琐，可以单独从美术设计上来讨论

4、网页的设计。网页设计的好坏可以影响到网页传播信息的能力和效率，所以网页设计在网络信息传播的过程中是十分重要的。一、网页设计的重中之重1.1 网页设计发展历史和现状互联网始于1969年，然而直到1989年World Wide Web协议（简称WWW协议）中才被正式提出，不久之后基于这项协议的网页诞生了，其发展速度之快令人难以想象。基于权威的搜索引擎GOOGLE的统计，2001年其能检索到的网页数目为约14亿，2002年超过了20亿，2003年超过了30亿，2004年超过了42亿，至2008年已经超过了250亿了。 数据源自“这只是单一引擎的精确统计数字，有人估计的不完全统计全球网页数目应该在40

5、00亿以上，并以每天500万以上的速度递增。如此庞大的行业必定催生一个庞大的需求，网页设计师应运而生。受电脑显示器技术的影响，我们能观赏到的网页是在一个电脑屏幕上的平面区域之中，故网页的设计也可算作一种平面设计。虽然网页设计还包含很多传统平面设计没有的东西，如动态内容、影像和声音等，但这些都是建立在平面设计的基础之上的。传统的平面设计已经有悠久的历史，所以相关的各种理论体系都十分完整。而网页设计是一门相对新兴的行业，因此尚未形成系统理论。正因为网页设计和传统平面设计有这样的关系，网页设计师大都会借鉴平面设计的经验和理论来进行网页设计。纵观现在的网页设计和显示技术，可归纳为以下三个方面：基本的文

6、字和图片显示技术，动态显示和用户互交技术，多媒体显示技术。基本的文字图片显示技术是最古老和传统的设计网页方法，多媒体显示技术可以在网页上显示各种影像和声音。动态显示和用户互交技术是网页设计最大的特点，主要由网页脚本语言和网页控件来实现。网页脚本语言可以在网页上运行一些程序，而网页控件可以实现各种复杂的功能，最出名的网页控件就是FLASH。1.2 网页版式设计网页设计的重中之重网页的目的是为了传播信息，网页设计的目的是为了人们更好的浏览这些信息。网页设计的过程，实质上就是对需要展示的信息在页面上进行编排和美化，以便信息有更好的展示效果。所以网页设计的重点就是如何编排信息了，尤其是网页的版式设计。

7、网页版式设计是网页设计中最重要的部分，也是最基础的部分。网页版式设计是版式设计的一种。版式设计一书中对版式设计有如下定义：版式设计又称编排设计，是平面设计的一个组成部分，为视觉传达设计的重要环节 辛艺华著，版式设计，华中科技大学出版社，2006年，第7页。版式设计是调动各类视觉元素进行形式上的排列组合，突出版式上新颖的创意和个性化的表现，强化形式和内容的互动关系，以期产生全新的视觉效果。考虑到网页的特殊设计要求和设计环境，网页版式设计似也可如此定义：网页版式设计也称网页页面编排设计，是网页设计最重要的部分，是版式设计的一种。网页版式设计是利用各种网页显示技术把需要展示的信息加以处理、排列组合以

8、及修饰，优化各个网页元素之间的关系，设置合适的动态效果和互交操作，以获得良好的视觉效果和用户体验。二、网页版式设计的基础分析2.1 网页的显示技术网页的本质没有这些网页的显示技术，便没有网页。网页的显示技术是网页技术中最核心的部分，正是这些技术才使得我们能够看到丰富多彩的网页，使得网页设计师们可以设计出各种精彩绝伦的网页。所以如果想要设计出好的网页，首先就必须了解这些技术。由于本文讨论的是网页版式设计的理论，所以这里并不讨论这些技术是如何实现的，而是讨论通过这些技术能够得到怎样的网页显示效果。最基本的网页显示技术的是HTML超文本标记语言。通过编写这种简单的文本语言，我们可以在网页中显示文字和

9、图片，并为各种文字和图片排版。显示的文字可以是各种语言、各种字体、各种字号、各种特效（倾斜、下划线、加粗等）及各种颜色的。显示的图片也可以是被缩放至指定的大小，或者平摊、折叠、拉伸、填满指定的区域。这项技术是网页显示技术中最基本的一项，单独利用它就可以搭建一个完整漂亮的简洁网页。在1996年以前的早期网页设计中差不多只用到这种简单的网页显示技术，网页几乎都是纯文字的 梁景红著，Web Designer Idea，电子工业出版社，2006年，第1页。如果想要设计比较丰富多彩且具有动态能力和互动性的网页，就得使用后文所涉及的网页显示技术了。一种是网页脚本语言，以JAVASCRIPT为最主要的代表，

10、它是嵌入到网页HTML代码中的脚本程序代码。当网页被显示的时候，它也能够同时自动运行。利用这项技术，能在网页上便利的实现动态效果。例如现在很多门户网站上的大幅广告会在用户打开首页之后几秒钟之内显示出来，占据网页窗口的一个区域，然后在数秒钟后自动消失，页面返回到本来的面目 3月24日的新浪首页（）、搜狐首页（）均有这种特效。，这就是利用JAVASCRIPT制作出的变换效果。另一种就是网页ACTIVE插件，能够实现复杂的特殊功能，但是需要用户先下载插件，然后才能在打开用到该插件的页面时显示出效果。最成功的插件就是FLASH。目前FLASH已经近乎成为一项网页互交动画的标准，利用它你可以在网页上显示

11、绚丽的动画效果。这种效果可以是单独嵌在网页中，也可以是悬浮于页面其他内容之上。目前FLASH已经不仅仅是动画，用过它可以完成一个华丽的网页动态互交界面，如果是使用HTML+JAVASCRIPT就会变得极其麻烦。目前还有一种新的技术组合AJAX比较流行。其主要用途是在不更新页面的情况下通过用户操作只向服务器请求需要部分的数据并及时更新到原来显示出的页面上。通过这项技术组合，可以让单一页面变得更像一个程序，当用户打开这个页面，他不需要刷新或者跳到其他页面就可以在当前页面上不断获得需要的信息。典型的例子就是GOOGLE网站开发的如Google讨论组、Google地图、Google搜索建议、Gmail

12、邮箱等产品的页面，通过这项技术组合，极大地提高了用户体验。2.2 页面文字特征网站上的信息90%以上均通过用文字表达，文字是网络信息最主要的载体。这个相当重要的网页元素在网页上有着十分丰富的表现手法。传统平面版式设计中能够实现的文字设计在网页上也都很容易实现。网页上文字的特点在于能实现许多在传统平面版式设计中不容易实现的特殊效果。一方面是动态效果。通过网页语言可以使文字做简单的运动，而通过FLASH可以把文字做成精彩的动画。同时在文字上加上各种特效也是很容易的，例如发光、闪烁等。这样能够很好的达到如突出某些文字内容以及获得更大点击量的特殊目的。另一方面是互动效果。通过网页脚本和插件程序，文字的

13、内容可以根据用户的操作而改变。例如新浪首页左边侧栏中的文字显示区域上部有四个文字标题：“教育、培训、招生、出国”，当用户把鼠标移到其中的某个文字标题之上时，下方的文字显示区域中就会出现相应的信息。这使得同一个文字区域能够显示四倍的文字信息，用户可以根据自身喜好选择相应的信息浏览，这不仅增加了页面信息容量，更给客户带来了更多的浏览方式与乐趣。2.3 页面图画特征图画包括图片、动画、影像 这里的图画所指的内容包括静态的和动态的图画，网页上的图片、动画、影像都有可能是静态的或者动态的。在网页中，这些是比文字更为直观的信息类型，优秀的网页设计都靠出色的图画设计取得成功的。相对于传统的平面版式设计，网页

14、的图画具有其独特之处。首先，传统的平面版式设计难以实现动画，无法显示影像。但是在网页上可以轻松的实现这些内容。网页上的动画制作已经发展成为一门单独的职业，称为网页动画设计师。打开各大网站的首页，其中的广告内容几乎都是动画制作的。其次，网页的图画可以具有极强的互动性。不少网站的页面就是一个整体的FLASH，页面绚丽，互动性极强，时下流行的一种FLASH导航就是典型的例子。在这类导航条上，当用户的鼠标移到相应的导航项时，导航项的图标就会发生变化。这种变化可以是颜色或形状的变换，给用户新颖独特的体验。2.4 页面声音特征不少网页页面中都嵌有声音媒体，声音媒体是一种特殊的媒体，虽不可见，但是其辅助作用

15、和感染力是很强的。页面可以直接将音频嵌入成为网页的背景音乐，也可以在页面中嵌入特殊的播放器控件，让用户可自主操作音乐的播放程序。许多FLASH中就夹带了音屏。网页中加入音频后能够增加页面的浏览效果。网页的背景音乐能够给页面的浏览者在摄取信息时带来视听的完整感受，在对应用户的某个操作而产生的音频效果时，又增加了用户的操作乐趣。三、网页版式的结构3.1 网页的元素组合对于用户而言，网页是由文字、图片、动画、音乐、影像等元素组成，这些是用户可以直观感受到的。对于设计师，如何组合这些元素就是最关键的问题，元素的组合须遵从以下几条规则。要保持相邻元素的一致性。不同的元素放在一起会相互影响，这种影响必须是

16、积极的，使其更像一个整体，而并非不协调或者格格不入。并且这种一致性不仅在两个个体的元素之间体现出来，在元素组合与元素组合之间也要遵守，甚至整个网页页面都要保证一致性，成为一个完整的系列作品。元素与元素之间必须强调出主从关系，多个元素组合在一起时，必须突出某个主要元素，否则会导致一种过于平衡的不协调。这种不协调会使得用户初看网页时找不到重点，这是网页设计的忌讳。元素堆砌的数量必须合理，如果元素过于繁琐反而会达不到预期的效果，过于繁琐的内容只会让人看得眼花缭乱，找不到重点，反而不能更好的达到传递信息的作用。3.2 基本版式结构分析由于网页显示技术的特殊性和网页浏览操作的独特性，网页的版式结构是有一

17、定的规律的，通常都要用到一个导航栏。常用到的网页版式结构归纳如下：3.2.1 两栏式两栏分为横排两栏和竖排两栏两种，竖排两栏较少见，横排两栏则使用较多。横排两栏即是顶部或者底部有一个面积相对较小的导航栏。竖排两栏的导航栏则在侧边。如标致307两厢的汽车官方网站 网址为就采用的这种结构，导航连接在最下面，上面的主体部分为FLASH动画。3.2.2 三栏式三栏式分为三种：左导航栏式、右导航栏式和三栏导航式。这种格式中，它们的顶部都可能保留有横向导航栏，顾名思义，左栏导航即左侧有一窄栏为导航栏，右侧为宽内容栏；右栏导航则为右侧有一窄导航栏，左侧为宽内容栏；三栏导航为左右各一个窄导航栏，中间仍为宽内容

18、栏。这三种结构各有优缺点。左栏导航式是至今为止使用得最多、最广泛的网页版式结构。目前超过半数的网页是这种版式结构。左栏导航式的优点是美观大方而且实用。正是因为它被如此广泛的使用，它也有了一个致命的弱点缺乏新意。右栏导航式和左栏导航式一样是一种很鲜明的结构，但是大多数人还是偏向于左栏导航式，主要原因是因为左栏导航式已经被大家接受为一种结构标准，所以右栏导航式很少见到。右栏导航式的优点就是比较有新意，但也存在被被用户接受的缺点。三栏导航在许多国外的大门户网站中用得比较多，因为它能够提供更多的信息板块，也就是能够提供更多的信息容量，或者能提供更多的广告位置，这就是它的优势。而缺点也是很明显的，三栏导

19、航容易导致网页页面内容混乱繁冗。3.2.3复合式复合式网页版式结构。国内的几大门户网站的首页均采用的复合式的网页版式结构设计。这种设计通常把详细的分类导航放在页面顶端，把剩余页面横切成很多段，每个段又是单独的一块版式风格，在一段中顶部会有一个标题提示这段的内容，然后端可能是两栏也可能是三栏或者四栏结构。以新浪网首页 网址为。为例，最上面横栏为大导航栏；下面接着的段落块是导航广告块，广告块采用左侧栏式；再下面是博客于新闻段落块，其中为左侧栏式，左侧栏式中的内容栏又嵌套着上下栏，其中的下栏又为左右平分的两栏；再下为娱乐与体育的段落块，为三栏结构；再下为社会与直播段落块，同样是三栏结构；再下为游戏与

20、经济块，其中嵌套了左栏结构，左栏结构中又嵌套了左右平分式的三栏结构。再经过5个段落块后为页面最下面的新浪版权块。可见复合式是在分段基础上复杂的套用各种两栏、三栏甚至更多栏的网页版式结构。这种结构可载信息量极大，所以通常被中文门户网站采用。其缺点为死板、内容过多过繁。3.2.4自由式自由式即除了以上这些常用形式外的其他形式。这里以实例讨论几种比较有个性的网页版式结构。在此引例说明两种。郭启睿的个人网站 网址为是一个不错的FLASH网站。这个网站的页面是一个整FLASH，也几乎没有具体的网页版式结构，网页窗口固定大小的显示一个FLASH，整个页面都是在展示这个FLASH。这是走的一种偏向FLASH

21、极端的路，也是很多网站的个性发展风格。搜索引擎的版式结构。著名的两个搜索引擎的首页版式结构是极其相似的。都是几种在网页正中间的上中下小三栏结构。上栏为搜索引擎LOGO，中栏为简要栏目选项连接和搜索框，下栏为版权相关。这三栏都很小，页面没有多余的不相干的东西。这种页面版式结构是适合于搜索引擎的特殊结构。优点是页面文件小，页面打开迅速，没有其他内容，主旨直观突出，页面清新。在激烈的网络竞争中能最大程度的针对提供的服务给用户良好的感受印象和使用体验。3.3 国内外流行的网页版式结构分析国内外的流行网页版式大多是不一样，这和国内外的文化差异、网络发展都有一定的关系。国外流行的一般是较小版面的网页版式。

22、无论是内容丰富的门户网站还是简单的个人网站，通常的页面版式面积都不超过两个电脑屏幕。而且网页结果一般比较简单，在三栏式的基础上稍微扩展。如雅虎首页 网址为。将近两页，三栏式设计，导航清晰。又如MSN首页 网址为。也是两页，同样类似三栏设计，导航清晰。再如某学院网站 网址为http:/www.nebrwesleyan.edu。，只有一页长，横截三栏设计，中间大图片很有特色。这样的网页版式结果风格有利于页面层次分明，页面信息层次清晰。而国内流行的多为复杂的复合式和十分绚丽的整体网页。新浪、搜狐和网易三大门户首页 网址分别为、。均为5页或者6页长，页面为复杂的复合式。网页的内容特别多，广告也多。中文

23、的门户网站几乎都是这样设计的，因为其信息容量大，可设计广告位多。而大多数的小网站偏向于整体的绚丽风格，如各个汽车厂商的网站，几乎都为整页面的FLASH动画。这类网页互交能力强，各种效果显得比较时尚。四、网页版式设计方法4.1 网页版式设计的基本思路网页版式的设计需要分析、思考、实施、修改这样一个过程，对应每个过程做如下讨论。4.1.1 整理需要显示的内容和分析设计目的第一步应该整理出所设计网页上需要显示或者表达的内容。这些内容可能包括文字、图片、影像或者声音。然后对这些内容进行分类，确定其优先级。对于优先级高的网页内容，应放在醒目度高的位置。按照优先度排序好的网页内容还要考虑内容之间的相关性，

24、以保证哪两种内容放在一起更加合适。了解了网页的内容，还需要明确所要求的网页风格。根据需求的风格来构架网页的框架、色彩、排列等版式内容。如果要做到完美符合要求的网页，则要仔细分析风格要求，逐项列出可行的解决办法。对设计要求有了透彻的了解，才能明确网页版式的设计目的。4.1.2 构建网页版式框架明确了设计目的和设计内容之后，需要开始考虑网页版式的框架结构。框架结构的设计需要配合整体效果的设想，为建筑内容支架和呈现预想效果而服务。以下各举例说明。如果需要设计的网页要呈现大量的文字内容，则需要构架大块的主体框架，然后考虑其他附属框架结构。读书网站逐浪中的某个书籍页面 例如：，网页的主体框架为书籍介绍，

25、其大体选用的右栏式结构。页面最上方为横条导航，其下为横栏广告，下面为左主栏书籍内容，右侧栏为广告和其他连接。这样的设计突出了网页的主体内容，同时兼顾其他如广告、连接等需要放上页面的内容。如果页面需要放置比较多的文字和图片广告内容，则可以考虑选比较复杂的复合框架结构，把网页内容和预设广告位置合理的安排穿插在一起，达到预期的效果。再来说新浪首页，细心观察可以发现其中首先在用户屏幕上显示出来的内容超过70%的区域为广告，它采用复杂复合结构，巧妙地把用户使用较多的导航栏放在最显著的位置，剩下的显著位置全部留给了广告，而且复合的嵌套结构显得比较美观，最大化了其页面的广告收益能力。如果网页是以图片为主的页

26、面，则应该考虑使用大板块均匀组合框架，并且一定注意突出一个主体内容。例如天极图片站 网址为。，首页上几乎都是图片，只配有少数文字。打开其页面在页面的中间醒目位置为最大的一幅图片。其他图片的尺寸几乎只有这幅图片的四分之一，故这幅图片是页面的重点。其余图片地位几乎相等，这样主次突出使得页面有了重心。如果网页的互交性极其强，则要考虑结构上更加利与用户鼠标操作和显示操作结果。利于人机互交的版式结构没有特定的形式，需要结合互交程序来设计。如广州丰田汽车网站的产品页面 网址为，为了显示新车的全方位性能，页面上提供了一个互交式的FLASH动画，用户可以更好的了解新产品的各种性能，故页面上顶部的细横条和底部的

27、细横条外，把中间绝大部分的区域给了这个FLASH，是一种横切三栏的设计。又如百度地图 网址为首页，页面主要提供地图服务，页面除了留下了百度风格的简易导航栏外，其他区域全为地图操作和信息显示。由于地图操作为主，信息栏可以相对较少，故页面应该采用三栏结构。而该页面采用的是右栏式的三栏结构，可见是考虑为了突出地图互交部分并且方便用户操作而把地图的操作部分放在了更能吸引人第一注意力的左边。4.1.3 放置网站内容已经大体规划好的页面版式结构需要将内容填入，在页面设计的过程中，通常采用仿实料填充的方法。比如需要留下一个区域显示10条文字连接，则在设计中可随便找10句话填入这个区域，而不是把这个区域留成空

28、白的或者用单一颜色填充。需要放置图片的地方可以在最便捷的地方（通常是网络上）随便取一张可以适用的图片调整到需要大小填充到指定区域。动画或者影像的区域在设计时通常用图片代为填充。在这种填充过程中，需要不断修改和评审填入元素的版式设计。比如文字的字体、颜色、字号、背景和特效，图片的大小、边框，还有按钮等可操作元素的外观等。4.1.4对版式进行修改首先是要考虑用户视觉流程。所谓视觉流程，就是用户打开某个页面后视觉浏览的顺序过程。一个优秀的网页版式设计，可以引导浏览者的视觉流程，而对于一个失败的页面，用户看到后会不知道从哪看起或者往哪看下去。这就需要页面有重点突出的部分，当用户打开页面后，用户的视觉会

29、先被吸引到这个部分。不过到这里只成功了一半，优秀的网页能够在视觉上引导浏览者浏览网页剩下的部分。这就需要页面中各个部分之间合理的衔接，层次分明，能够逐步引导浏览者的视觉，在视觉上起到导航作用。其次要重新调整网页的风格。对各个部分进行调整后再进行组合后来看整体效果。例如左栏式的三栏结构，把三块分别调整完后应该把下部的左侧栏和右主栏组合起来看效果并加以调整，再把上面或者下面的横栏加进去看整体效果并继续微调。最后便是配色上的修改和其他需要的修饰了。4.2 网页版式设计法则经过对各种设计经验的总结，网页版式设计必须注意如下几条原则。4.2.1 网页上不要出现令人费神理解的设计网页版式设计需要尽量适合用

30、户的浏览，而不应该需要人去过多的思考或者理解。例如天极图片站首页，首先浏览者的目光会被大幅主图片吸引，然后会转移到右边的小图片上，接下来会查阅下面栏目的各种图片。这个过程是完全自然顺畅的，并不需要过多的思考，所以这是一个成功的设计。而打开老古开发网 网址为。的首页，你会艰难的去寻找你需要的某些内容，因为你看到的都是杂乱无章的广告，有用的连接都夹杂在其中或者网页的最下面，这就是一个失败的作品。4.2.2 避免视觉疲劳视觉疲劳是某些网站的诟病，是网页的致命伤。如果用户打开一个网站浏览感觉到视觉疲劳，他肯定会中断浏览关掉这个网站，如果是有需求必须在这个网站上寻找某种信息，这个网站也会给用户留下非常不

31、好的印象。通常某个网页是很难给用户留下版式设计上的深刻印象的，除非这个页面很完美，或者很糟，而通常很多情况是后者。这就会导致网页的浏览者越来越少。视觉疲劳不一定是网页设计时安排的内容所造成的，也可能是后期某些没有想到的内容组合造成的。这里有一个典型的视觉疲劳例子：老古开发网首页。打开这个首页第一眼会看到的是眼前的区域被十多个长方形的广告塞满，不到一秒的时间用户就会感到头疼，接下来要么就是关掉网页，要么就是急需某些信息马上拉到底部去寻找。这些泛滥繁琐的广告被浏览的几率其实是很小的，这也说明这个页面设计得很失败。4.2.3 保持网页上不同内容的一致性网页上的内容可能有很多种分类，但是在设计网页版式

32、的时候，一定要注意不同内容之间的联系，保持在某个方面的一致性。例如在天极图片站首页中，页面大部分内容为图片，页面上的广告也都设置为图片形式的广告，这样保证了不同网页内容的一致性，更加突出了网站强调的主旨图片网站。而对于老古开发网，可以看到页面混乱，过多杂乱的广告已经造成页面内容非常不协调，显得内容松散，难以感受到主旨。五、网页版式设计形式的趋势5.1从花哨视觉转向以内容为主的版式设计趋势曾几何时，一个好的页面被认为应该是一个漂亮的页面，设计师们通常在页面版式设计上就如何修饰大做文章。而目前的发展趋势是页面为内容服务。现在无论是最大众化的门户网站，还是需要高雅气息的汽车展示网站，虽然设计的定位不

33、同，但是都是朝着为内容服务的目的进行设计的。花哨的页面、绚丽的色彩的时代已经一去不返。以内容为主也是十分符合“网页应该便于浏览”这种思想的，对应于现在信息量爆炸的趋势，人们需要在有限的精力中获得更多的信息，则会更加愿意去浏览更便于获得信息的网页。5.2 WEB2.0的流行WEB1.0时代是一个“一小撮人”为大众撰写网页的时代，而WEB2.0时代是一个每个人都是创作者的时代，而WEB是一个平台 美提姆奥莱理(Tim OReilly)著，What is Web 2.0，第2页。在这个时代里，网页的版式风格发生了巨大的改变。最明显的趋势是网页的风格和结构的分离，即页面的外观和内容结构是分开设计的，因

34、为已经无法预知某些页面将会出现的内容。这变使得设计师在网页版式设计的过程中考虑得更加周密，需要参与设计的人员之间配合更加默契。一个页面可能需要经过多个人之手。另外一个趋势是页面的内容会随着时间的后移而增加。这需要设计版式时留下一定可膨胀空间的页面，以保护内容增加后的页面在版式上不会变形。5.3 页面部分版式由浏览者决定不少网站推出了这样一项服务，用户可以选择在首页上显示所需要的内容何及版式结构。用户设定完成之后，服务器会记住用户使用的电脑或者其登陆帐号，用户以后每次打开页面，都能看到自己设定好的内容板块。现在GOOGLE等大型网站都相继推出了这项服务。参考文献：1辛艺华：版式设计，华中科技大学出版社2006年版。2劳光辉等：版式设计，中南大学出版社2005年版。3英加文安布罗斯等：版式设计，中国青年出版社2006年版。4梁景红编著：Web Designer Idea，电子工业出版社2006年版。5美Jason Beaird：完美网页设计艺术，人民邮电出版2008年版。6吴娇娇等：论网页的版式设计，装饰2004年第9期。 7彭辉：网页艺术设计中的版式设计原则，光盘技术2007年第2期。