论文部分内容阅读
摘 要：在这个信息化的时代，电子计算机的普及和应用，编辑文档和图文处理已经是每个大学生必须掌握的知识内容。网页设计是一个复杂的过程，网页版式设计是其中的最重点环节。本文从网页设计的本质出发，对网页版式设计的结构和艺术性各个方面做了详细的分析。
关键词：版式设计 网页设计 学生 艺术性
构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，设计者自己在扩充和维护网站也相当困难。因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。
一、国内外网页板式流行不一
国内外的流行网页版式大多是不一样，这和国内外的文化差异、网络发展都有一定的关系。国外流行的一般是较小版面的网页版式。无论是内容丰富的门户网站还是简单的个人网站，通常的页面版式面积都不超过两个电脑屏幕。而且网页结果一般比较简单，在三栏式的基础上稍微扩展。如雅虎首页将近两页，三栏式设计，导航清晰。又如MSN首页也是两页，同样类似三栏设计，导航清晰。再如某学院网站，只有一页长，横截三栏设计，中间大图片很有特色。这样的网页版式结果风格有利于页面层次分明，页面信息层次清晰。
而国内流行的多为复杂的复合式和十分绚丽的整体网页。新浪、搜狐和网易三大门户首页均为5页或者6页长，页面为复杂的复合式。网页的内容特别多，广告也多。中文的门户网站几乎都是这样设计的，因为其信息容量大，可设计广告位多。而大多数的小网站偏向于整体的绚丽风格，如各个汽车厂商的网站，几乎都为整页面的FLASH动画。这类网页互交能力强，各种效果显得比较时尚。
二、网页设计的基本版式结构分析
网页设计中的元素包括有设计网站标志、设计网站色彩、设计网站字体和设计网站宣传语。对于用户而言，网页是由文字、图片、动画、音乐、影像、色彩等元素组成，这些是用户可以直观感受到的。在网页设计中网页版式的基本类型主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。由于网页显示技术的特殊性和网页浏览操作的独特性，网页的版式结构是有一定的规律的，通常都要用到一个导航栏。常用到的网页版式结构归纳如下：
1.两栏式：两栏分为横排两栏和竖排两栏两种，竖排两栏较少见，横排两栏则使用较多。横排两栏即是顶部或者底部有一个面积相对较小的导航栏。竖排两栏的导航栏则在侧边。
2.三栏式：三栏式分为三种：左导航栏式、右导航栏式和三栏导航式。这种格式中，它们的顶部都可能保留有横向导航栏，顾名思义，左栏导航即左侧有一窄栏为导航栏，右侧为宽内容栏；右栏导航则为右侧有一窄导航栏，左侧为宽内容栏；三栏导航为左右各一个窄导航栏，中间仍为宽内容栏。这三种结构各有优缺点。左栏导航式是至今为止使用得最多、最广泛的网页版式结构。目前超过半数的网页是这种版式结构。左栏导航式的优点是美观大方而且实用。正是因为它被如此广泛的使用，它也有了一个致命的弱点——缺乏新意。右栏导航式和左栏导航式一样是一种很鲜明的结构，但是大多数人还是偏向于左栏导航式，主要原因是因为左栏导航式已经被大家接受为一种结构标准，所以右栏导航式很少见到。右栏导航式的优点就是比较有新意，但也存在被被用户接受的缺点。三栏导航在许多国外的大门户网站中用得比较多，因为它能够提供更多的信息板块，也就是能够提供更多的信息容量，或者能提供更多的广告位置，这就是它的优势。而缺点也是很明显的，三栏导航容易导致网页页面内容混乱繁冗。
3.复合式：复合式网页版式结构。国内的几大门户网站的首页均采用的复合式的网页版式结构设计。这种设计通常把详细的分类导航放在页面顶端，把剩余页面横切成很多段，每个段又是单独的一块版式风格，在一段中顶部会有一个标题提示这段的内容，然后端可能是两栏也可能是三栏或者四栏结构。以新浪网首页为例，最上面横栏为大导航栏；下面接着的段落块是导航广告块，广告块采用左侧栏式；再下面是博客于新闻段落块，其中为左侧栏式，左侧栏式中的内容栏又嵌套着上下栏，其中的下栏又为左右平分的两栏；再下为娱乐与体育的段落块，为三栏结构；再下为社会与直播段落块，同样是三栏结构；再下为游戏与经济块，其中嵌套了左栏结构，左栏结构中又嵌套了左右平分式的三栏结构。再经过5个段落块后为页面最下面的新浪版权块。
可见复合式是在分段基础上复杂的套用各种两栏、三栏甚至更多栏的网页版式结构。这种结构可载信息量极大，所以通常被中文门户网站采用。其缺点为死板、内容过多过繁。
4.自由式：自由式即除了以上这些常用形式外的其他形式。这里以实例讨论几种比较有个性的网页版式结构。在此引例说明两种。
三、网站板式设计的艺术性
1.网页风格的艺术化定位：“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。
2。有创意的内容选择及可读性艺术：?好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户。从根本上说，网站内容仍然左右着网站流量，内容为王依然是个人网站成功的关键。
网页版式设计需要尽量适合用户的浏览，而不应该需要人去过多的思考或者理解。例如天极图片站首页，首先浏览者的目光会被大幅主图片吸引，然后会转移到右边的小图片上，接下来会查阅下面栏目的各种图片。这个过程是完全自然顺畅的，并不需要过多的思考，所以这是一个成功的设计。
3.避免视觉疲劳的艺术功能：视觉疲劳是某些网站的诟病，是网页的致命伤。如果用户打开一个网站浏览感觉到视觉疲劳，他肯定会中断浏览关掉这个网站，如果是有需求必须在这个网站上寻找某种信息，这个网站也会给用户留下非常不好的印象。通常某个网页是很难给用户留下版式设计上的深刻印象的，除非这个页面很完美，或者很糟，而通常很多情况是后者。这就会导致网页的浏览者越来越少。视觉疲劳不一定是网页设计时安排的内容所造成的，也可能是后期某些没有想到的内容组合造成的。
4.保持网页上不同内容的一致性的艺术：网页上的内容可能有很多种分类，但是在设计网页版式的时候，一定要注意不同内容之间的联系，保持在某个方面的一致性。例如在天极图片站首页中，页面大部分内容为图片，页面上的广告也都设置为图片形式的广告，这样保证了不同网页内容的一致性，更加突出了网站强调的主旨——图片网站。而对于老古开发网，可以看到页面混乱，过多杂乱的广告已经造成页面内容非常不协调，显得内容松散，难以感受到主旨。
随着网页、交互式等多种媒体迅速发展，版式设计中的网页设计人才成为社会急需，如何使得学生通过改变课堂教学方式来提升学生的网页设计的能力，提高网页板式的艺术性，针对网页设计技术的新要求，怎样进行网页设计的结构分析和艺术性表达，明确网页板式结构的实用性和艺术性特点，这样才能设计出具有高品质的网页视觉设计。
关键词：版式设计 网页设计 学生 艺术性
构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，设计者自己在扩充和维护网站也相当困难。因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。
一、国内外网页板式流行不一
国内外的流行网页版式大多是不一样，这和国内外的文化差异、网络发展都有一定的关系。国外流行的一般是较小版面的网页版式。无论是内容丰富的门户网站还是简单的个人网站，通常的页面版式面积都不超过两个电脑屏幕。而且网页结果一般比较简单，在三栏式的基础上稍微扩展。如雅虎首页将近两页，三栏式设计，导航清晰。又如MSN首页也是两页，同样类似三栏设计，导航清晰。再如某学院网站，只有一页长，横截三栏设计，中间大图片很有特色。这样的网页版式结果风格有利于页面层次分明，页面信息层次清晰。
而国内流行的多为复杂的复合式和十分绚丽的整体网页。新浪、搜狐和网易三大门户首页均为5页或者6页长，页面为复杂的复合式。网页的内容特别多，广告也多。中文的门户网站几乎都是这样设计的，因为其信息容量大，可设计广告位多。而大多数的小网站偏向于整体的绚丽风格，如各个汽车厂商的网站，几乎都为整页面的FLASH动画。这类网页互交能力强，各种效果显得比较时尚。
二、网页设计的基本版式结构分析
网页设计中的元素包括有设计网站标志、设计网站色彩、设计网站字体和设计网站宣传语。对于用户而言，网页是由文字、图片、动画、音乐、影像、色彩等元素组成，这些是用户可以直观感受到的。在网页设计中网页版式的基本类型主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。由于网页显示技术的特殊性和网页浏览操作的独特性，网页的版式结构是有一定的规律的，通常都要用到一个导航栏。常用到的网页版式结构归纳如下：
1.两栏式：两栏分为横排两栏和竖排两栏两种，竖排两栏较少见，横排两栏则使用较多。横排两栏即是顶部或者底部有一个面积相对较小的导航栏。竖排两栏的导航栏则在侧边。
2.三栏式：三栏式分为三种：左导航栏式、右导航栏式和三栏导航式。这种格式中，它们的顶部都可能保留有横向导航栏，顾名思义，左栏导航即左侧有一窄栏为导航栏，右侧为宽内容栏；右栏导航则为右侧有一窄导航栏，左侧为宽内容栏；三栏导航为左右各一个窄导航栏，中间仍为宽内容栏。这三种结构各有优缺点。左栏导航式是至今为止使用得最多、最广泛的网页版式结构。目前超过半数的网页是这种版式结构。左栏导航式的优点是美观大方而且实用。正是因为它被如此广泛的使用，它也有了一个致命的弱点——缺乏新意。右栏导航式和左栏导航式一样是一种很鲜明的结构，但是大多数人还是偏向于左栏导航式，主要原因是因为左栏导航式已经被大家接受为一种结构标准，所以右栏导航式很少见到。右栏导航式的优点就是比较有新意，但也存在被被用户接受的缺点。三栏导航在许多国外的大门户网站中用得比较多，因为它能够提供更多的信息板块，也就是能够提供更多的信息容量，或者能提供更多的广告位置，这就是它的优势。而缺点也是很明显的，三栏导航容易导致网页页面内容混乱繁冗。
3.复合式：复合式网页版式结构。国内的几大门户网站的首页均采用的复合式的网页版式结构设计。这种设计通常把详细的分类导航放在页面顶端，把剩余页面横切成很多段，每个段又是单独的一块版式风格，在一段中顶部会有一个标题提示这段的内容，然后端可能是两栏也可能是三栏或者四栏结构。以新浪网首页为例，最上面横栏为大导航栏；下面接着的段落块是导航广告块，广告块采用左侧栏式；再下面是博客于新闻段落块，其中为左侧栏式，左侧栏式中的内容栏又嵌套着上下栏，其中的下栏又为左右平分的两栏；再下为娱乐与体育的段落块，为三栏结构；再下为社会与直播段落块，同样是三栏结构；再下为游戏与经济块，其中嵌套了左栏结构，左栏结构中又嵌套了左右平分式的三栏结构。再经过5个段落块后为页面最下面的新浪版权块。
可见复合式是在分段基础上复杂的套用各种两栏、三栏甚至更多栏的网页版式结构。这种结构可载信息量极大，所以通常被中文门户网站采用。其缺点为死板、内容过多过繁。
4.自由式：自由式即除了以上这些常用形式外的其他形式。这里以实例讨论几种比较有个性的网页版式结构。在此引例说明两种。
三、网站板式设计的艺术性
1.网页风格的艺术化定位：“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。
2。有创意的内容选择及可读性艺术：?好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户。从根本上说，网站内容仍然左右着网站流量，内容为王依然是个人网站成功的关键。
网页版式设计需要尽量适合用户的浏览，而不应该需要人去过多的思考或者理解。例如天极图片站首页，首先浏览者的目光会被大幅主图片吸引，然后会转移到右边的小图片上，接下来会查阅下面栏目的各种图片。这个过程是完全自然顺畅的，并不需要过多的思考，所以这是一个成功的设计。
3.避免视觉疲劳的艺术功能：视觉疲劳是某些网站的诟病，是网页的致命伤。如果用户打开一个网站浏览感觉到视觉疲劳，他肯定会中断浏览关掉这个网站，如果是有需求必须在这个网站上寻找某种信息，这个网站也会给用户留下非常不好的印象。通常某个网页是很难给用户留下版式设计上的深刻印象的，除非这个页面很完美，或者很糟，而通常很多情况是后者。这就会导致网页的浏览者越来越少。视觉疲劳不一定是网页设计时安排的内容所造成的，也可能是后期某些没有想到的内容组合造成的。
4.保持网页上不同内容的一致性的艺术：网页上的内容可能有很多种分类，但是在设计网页版式的时候，一定要注意不同内容之间的联系，保持在某个方面的一致性。例如在天极图片站首页中，页面大部分内容为图片，页面上的广告也都设置为图片形式的广告，这样保证了不同网页内容的一致性，更加突出了网站强调的主旨——图片网站。而对于老古开发网，可以看到页面混乱，过多杂乱的广告已经造成页面内容非常不协调，显得内容松散，难以感受到主旨。
随着网页、交互式等多种媒体迅速发展，版式设计中的网页设计人才成为社会急需，如何使得学生通过改变课堂教学方式来提升学生的网页设计的能力，提高网页板式的艺术性，针对网页设计技术的新要求，怎样进行网页设计的结构分析和艺术性表达，明确网页板式结构的实用性和艺术性特点，这样才能设计出具有高品质的网页视觉设计。