点、线、面是构成视觉空间的基本元素，是表现视觉形象的基本设计语言。网站设计实际上就是如何经营好三者的关系，因为不管是任何视觉形象或者版式构成。归结到底，都可以归纳为点、线和面。一个按钮、一个文字是一个点：几个按钮或者几个文字的排列形成线：而线的移动或者数行文字、一块空白可以理解为面。

一、点的构成

在网页中，一个单独而细小的形象可以称为点。点是相比较而言的，比如一个汉字是由很多笔画组成的，但是在整个页面中，可以称为一个点。点也可以是网页中相对微小单纯的视觉形象，如按钮、Logo等。

需要说明的是，并不是只有圆形的才叫点，方形、三角、自由形都可以作为视觉上的点，点是相对线和面而存在的视觉元素。

点是构成网页的最基本单位。在网页设计中，经常需要我们主观地加些点，如在新闻的标题后加个NEW，在每小行文字的前面加个方或者圆的点。点在页面中起到活泼生动的作用，使用得当，甚至可以起到画龙点睛的效果。一个网页往往需要有数最不等、形状各异的点来构成，点的形状、方向、大小、位置、聚集或发散，能够给人带来不同的心理感受。

二、线的构成

点的延伸形成线，线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和悄绪。

线是分割页面的主要元素之一是决定页面现象的基本要素。线分为直线和曲线2种。这是线的总体形状。同时线还具有本体形状、两端的形状。线的总体形状有垂直、水平、倾斜、几何曲线和自由线等。

线分为4类：直线、曲线、折线以及三者的混合。直线又有水平线、垂直线、斜线3种形式。其中，水平线给人平静、开阔、安逸的感受：垂直线给人崇高、挺拔、严肃的感受；曲、折、弧线具有强烈的动感，更容易引起视线的前进、后退或摆动：自由线是最好的情感抒发手段。将不同的线运用到页面设计中，会获得不同的效果。知道什么时候应该运用什么样的线条，可以充分表达你所要体现的东西。如下图所示为线构成的网页。



三、面的构成

面是无数点和线的组合。面具有一定的面积和质量，占据空间的位置更多，因而相比点和线来说视觉冲击力更大更强烈。

当页面中有一个点时，它能吸引人的视线。有两点时，人的视线就会在这两点之间来回流动。当两点错位排列时，则视线呈曲线摆动。当两点有大小之别时，视线就会由大点流向小点，且产生透视效果，给人远近之感。当页面中有3个点时，视线在这三点之间流动，会让人产生面的联想。在密集的相同形状的点中出现异形点时，则异形点特别能引起人们的注意。

可见，点的排列所引起的视觉流动，引入了时间的因素。利用点的大小、形状与距离的变化，可以设计出富于节奏韵律的页面。点的连续排列构成线，点与点之间的距离越近，线的特性就越显著。点的密集排列构成面，同样，点的距离越近，面的特性就越显著。

只有合理地安排好面的关系，才能设计出充满美感、艺术感和实用的网页作品。在网页的视觉构成中，点、线、面既是最基本的造型元素，又是最重要的表现手段。在确定网页主体形象的位置、动态时，点、线、面将是需要最先考虑的因素。只有合理地安排好点、线、面的互相关系，才能设计出具有最佳视觉效果的页面。如下图所示为面构成的网页。