点、线、面是构成视觉空间的基本元素，是表达视觉形象的基本设计语言。网站设计其实就是如何处理好三者的关系，因为无论是任何视觉形象还是布局。归根结底，都可以概括为点、线、面。一个按钮和一个文本是一个点：几个按钮或几个文本排列成一条线；而一行或几行文字的移动和一片空白可以理解为一个平面。一、点的构成

在网页中，单个小图像可以称为一个点。积分是相对来说的。例如，一个汉字由许多笔画组成，但在整个页面上，它可以称为一个点。点也可以是网页中比较小而简单的视觉图像，例如按钮、标志等。

需要注意的是，不仅圆可以称为点，正方形、三角形、自由形状都可以作为视点。点是相对于线和面存在的视觉元素。

点是构成网页的最基本单位。在网页设计中，我们常常需要主观地加一些点，比如在新闻标题后加NEW，在每一小行文字前加一个方圆点。圆点在版面中起着生动的作用，运用得当甚至可以起到画龙点睛的作用。网页通常需要由不同数量和形状的点组成。点的形状、方向、大小、位置、聚集或发散都能给人带来不同的心理感受。二、线的构成

点的延伸形成一条线，线在页面上的作用是表达方向、位置、长度、宽度、形状、质量和意境。

线条是划分页面的主要元素之一，是决定页面外观的基本元素。有两种类型的线：直线和曲线。这是线的一般形状。同时，线还有线身的形状和两端的形状。线条的整体造型有垂直、水平、倾斜、几何曲线和自由线等。

线分为4 类：直线、曲线、折线以及三者的混合。直线有三种形式：水平线、垂直线和斜线。其中，横线给人沉稳、豁达、舒畅的感觉；竖线给人以高大、笔直、严肃的感觉；曲线、弯道和弧线具有强烈的运动感，更容易引起视线前移、后移或摇摆：自由线条是表达情感的最佳方式。在页面设计中应用不同的线条会达到不同的效果。知道什么时候使用哪些台词可以充分表达你想要体现的内容。下图显示了一个由线条组成的网页。三、面的构成

曲面是无限点和线的组合。面具具有一定的面积和质量，占据更多的空间，因此比点和线具有更大更强的视觉冲击力。

当页面中有一个点时，它会吸引眼球。当有两点时，人的视线会在这两点之间来回流动。当两点错位时，视线呈曲线摆动。当两点大小不同时，视线会从大点流向小点，产生透视效果，给人以距离感。当页面上有3个点时，视线在这3个点之间流动，会让人联想到平面。当相同形状的密集点中出现异形点时，异形点尤为明显。

可以看出，点的排列所造成的视觉流动引入了时间的因素。利用点的大小、形状和距离的变化，可以设计出富有节奏感和节奏感的页面。点的连续排列构成了一条线，点与点之间的距离越近，线的特征就越突出。点的密集排列构成了一个面，同样，点越靠近，面的特征就越突出。

只有合理安排面孔之间的关系，才能设计出富有美感、艺术感和实用性的网页作品。在网页的视觉构成中，点、线、面既是最基本的造型元素，也是最重要的表现手段。在确定网页主图的位置和动态时，点、线、面将是首先要考虑的因素。只有合理安排点、线、面的关系，才能设计出视觉效果最好的页面。下图显示了一个由人脸组成的网页。

我们专注高端建站，小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验，每一个项目承诺做到满意为止，多一次对比，一定让您多一份收获！