點、線、面是構成視覺空間的基本元素，是表現視覺形象的基本設計語言。網站設計實際上就是如何經營好三者的關系，因為不管是任何視覺形象或者版式構成。歸結到底，都可以歸納為點、線和面。一個按鈕、一個文字是一個點：幾個按鈕或者幾個文字的排列形成線：而線的移動或者數行文字、一塊空白可以理解為面。

一、點的構成

在網頁中，一個單獨而細小的形象可以稱為點。點是相比較而言的，比如一個漢字是由很多筆畫組成的，但是在整個頁面中，可以稱為一個點。點也可以是網頁中相對微小單純的視覺形象，如按鈕、Logo等。

需要說明的是，并不是只有圓形的才叫點，方形、三角、自由形都可以作為視覺上的點，點是相對線和面而存在的視覺元素。

點是構成網頁的最基本單位。在網頁設計中，經常需要我們主觀地加些點，如在新聞的標題后加個NEW，在每小行文字的前面加個方或者圓的點。點在頁面中起到活潑生動的作用，使用得當，甚至可以起到畫龍點睛的效果。一個網頁往往需要有數最不等、形狀各異的點來構成，點的形狀、方向、大小、位置、聚集或發散，能夠給人帶來不同的心理感受。

二、線的構成

點的延伸形成線，線在頁面中的作用在于表示方向、位置、長短、寬度、形狀、質量和悄緒。

線是分割頁面的主要元素之一是決定頁面現象的基本要素。線分為直線和曲線2種。這是線的總體形狀。同時線還具有本體形狀、兩端的形狀。線的總體形狀有垂直、水平、傾斜、幾何曲線和自由線等。

線分為4類：直線、曲線、折線以及三者的混合。直線又有水平線、垂直線、斜線3種形式。其中，水平線給人平靜、開闊、安逸的感受：垂直線給人崇高、挺拔、嚴肅的感受；曲、折、弧線具有強烈的動感，更容易引起視線的前進、后退或擺動：自由線是最好的情感抒發手段。將不同的線運用到頁面設計中，會獲得不同的效果。知道什么時候應該運用什么樣的線條，可以充分表達你所要體現的東西。如下圖所示為線構成的網頁。



三、面的構成

面是無數點和線的組合。面具有一定的面積和質量，占據空間的位置更多，因而相比點和線來說視覺沖擊力更大更強烈。

當頁面中有一個點時，它能吸引人的視線。有兩點時，人的視線就會在這兩點之間來回流動。當兩點錯位排列時，則視線呈曲線擺動。當兩點有大小之別時，視線就會由大點流向小點，且產生透視效果，給人遠近之感。當頁面中有3個點時，視線在這三點之間流動，會讓人產生面的聯想。在密集的相同形狀的點中出現異形點時，則異形點特別能引起人們的注意。

可見，點的排列所引起的視覺流動，引入了時間的因素。利用點的大小、形狀與距離的變化，可以設計出富于節奏韻律的頁面。點的連續排列構成線，點與點之間的距離越近，線的特性就越顯著。點的密集排列構成面，同樣，點的距離越近，面的特性就越顯著。

只有合理地安排好面的關系，才能設計出充滿美感、藝術感和實用的網頁作品。在網頁的視覺構成中，點、線、面既是最基本的造型元素，又是最重要的表現手段。在確定網頁主體形象的位置、動態時，點、線、面將是需要最先考慮的因素。只有合理地安排好點、線、面的互相關系，才能設計出具有最佳視覺效果的頁面。如下圖所示為面構成的網頁。