网页艺术设计点线面的版式设计

梁日升

网站艺术设计中，需要解决的主要问题之一就是网页的版式设计。可以说，版式设计处理得当与否是网页界面设计视觉展示的关键。所谓网页版式设计，即是在有限的屏幕空间里将网页设计的元素进行组合构成，将页面设计构成要素：文字、图形、线条和色彩诸因素，根据特定内容的需要进行组合排列，并运用造型要素及网页版式设计原理，把构思与计划通过视觉形式的语言表达出来。网页版式设计，是制造和建立有序版面的理想方式。版式设计是网页艺术设计中不可缺少的设计内容之一，它不仅在二维的一面上发挥其功用，而且在三维的立体和四维的空间中也能感觉到它的艺术效果。网页的版式设计应该从整体出发把握网站的全局，确保设计出来的网站能具有风格统一、形式统一、色彩统一的整体高度统一性。

整站的页面版式编排设计，要求各个页面之间紧凑的联系起来，特别是要处理好页面之间和页面内的布局与形式的关系。为了让网站达到最佳的浏览和视觉表现效果，应反复推敲其整体版式设计结构的合理性，让浏览者有最佳的浏览体验。

网站页面的版式设计虽然说是由传统的平面设计延伸出来的，但是又不完全等同于一般的平面设计，版式设计是通过文字与图形的空间组合，表达出具有美感的视觉效果与艺术气息。网页艺术设计过程中，为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面版式设计的内容，体现内容的丰富意义。灵活运用对比与调和、对称与平衡、节奏与韵律及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，巧妙的互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达出完美的设计意境。这些巧妙的组合搭配都是网页版式设计中的形式和基本原理，同时网页的版式设计更加注重界面的交互设计，而传统的平面设计主要是视觉传达加信息传递为主，他们之间最本质的区分是，传统平面设计没有深刻的交互意识，而网页艺术设计注重界面人与界面的对话，信息互动和注重交互设计以及交互意识，在设计思维设计执行上有一定的差别。

1.网页版式设计的点、线、面

网页艺术设计是以视觉传达为基础的，主要是传达网站的各种信息，使网站的页面设计更加符合人机交互设计学和页面变得更加符合人的视觉浏览习惯，感官上给人一种直接、美观、合理的视觉感受也是网站要表现的内容之一。在人们长期的实践和认识中我们发现，任何形式的组合都离不开点、线、面的构成，同样，网页的版式设计也是由点、线、面、构成的视觉空间要素。点、线、面、在网页版式设计中扮演者致关重要的作用，不同的点、线、面组合会带来不一样的心理感受，也可以体现不同的情感诉求，点、线、面组合关系，影响着页面版式的风格以及网站的主题，它是页面造型设计的基础，也是构成网页版式设计的基本形态元素。

2.版式设计的点

点表示位置，没有长度没有宽度，是最小的单位，在网页版式设计中，点是在对比中存在的一个相对的概念。例如：整个页面版式设计中，一个标志、一张图片、一个文字、一个连接按钮等都可以称之为点。点的形状也是改变的，不一定是圆形的，现实中的点是各式各样的，我们可以划分为规则和不规则两类，严谨有序的点一般是圆点、方点、三角点；不规则的点形状没有规则，一般多是异形。自然界中的任何形态，只要缩小到一定程度，都可以产生不同形态的点。

网页艺术设计中，点在页面版式组合的时候，形状、大小、位置、聚集、发散等不同的排列方式会给浏览者带来不同的心理感受和视觉冲击力，当页面上只有一个点的时候，浏览者的视线往往就只专注一个点上，这个时候，这个点就变成了整个页面中的视觉焦点，也是力的中心。如果页面空间中有两个大小和形状一样的点，并处在两个不同的位置时，页面中的张力作用就连接这两个点的连线上，在视觉上也会产生连续的效果。当两个点的大小不同时，即使形状不一样，大的点首先能引起我们的注意，但是我们的视觉流程会随之马上转移到小的点。当页面空间中有三个点的时候，不管点所处在画面的任何地方，点的视觉表现力就出现一个三角形的形状，给人一种稳固的视觉感受。在网页艺术设计页面中，点的运用的是最常见的组合形式。

3.版式设计的线

线是点移动的轨迹，没有宽度和厚度，具有长度和位置，这个是在几何学当中对线的定义，在网页版式设计中，线是有宽度和厚度的，只有这样才可以表现出线的形象。

线的类型比较多，我们常见的有直线、曲线、斜线等。在网页版式设计中，随着线自身的变化，给浏览者带来心理感受是不同的。一般来说，直线往往象征着快速、速度、力度、稳定等，直线中的水平线则显得比较平和、安静、会让让人联想到平静的湖面或者消失在我们视线的海平面；垂直的直线可以让人联想到电线杆、高耸的建筑物、树立起来的柱子，给人一种直立、挺拔的感觉。网页版式设计中可以运用直线传达出飞速、传递的心理感受。曲线在页面版式设计中，有时候宛如一条小溪，缓缓流淌在整个画面当中，自然而富有弹性，它可以象征着女性的柔美、优雅、也可以给人一种很温和、丰满的感觉。斜线一般都可以给人一种不稳定的感觉，有起飞、起跑的架势，通常都传达出一种速度感。

线的大小粗细不同、位置方向不同、曲直形态不同、所表达的情感诉求和视觉感受也不一样。掌握和了解线在页面中产生的各种情感联想，对网页的版式设计有很大的意义。

4.版式设计的面

面是线的连续移动到最后而形成的，面具有长度、宽度，但没有厚度、面在页面版式设计常常出现，可以说，版式设计的构成离开了不面的组合。面也有规则的面和不规则的面，一般认为，方形的面和圆形的面是典型的规则面， 这两种面相加或者相见可以产生无数个多样的面；没有规则的面，没有规律可以遵循，一般很难去判定是属于哪一张面。不同面的形态的面在视觉上具有不同的心理作用和情感表达，在网页版式设计当中，规则的面它具有简洁明了、规则有序、平稳牢固的感觉；不规则的面则是具有轻松、活跃、柔软、自由的感觉。有效合理的处理页面版式设计面构成的关系，可以给整个页面充满美感、富有艺术气息的网页设计页面。不同块面大小和色调不一的面，使画面产生动感、活跃的视觉感受。水平、垂直和等距离的面，使画面产生了稳定、单一的视觉感受。平整有序等距离摆放的面，在画面中显得规整、单调，盯着画面中的块面也会产生流动的错觉。