點、線、面是構(gòu)成視覺空間的基本元素，是表現(xiàn)視覺形象的基本設(shè)計語言。網(wǎng)站設(shè)計實際上就是如何經(jīng)營好三者的關(guān)系，因為不管是任何視覺形象或者版式構(gòu)成。歸結(jié)到底，都可以歸納為點、線和面。一個按鈕、一個文字是一個點：幾個按鈕或者幾個文字的排列形成線：而線的移動或者數(shù)行文字、一塊空白可以理解為面。

一、點的構(gòu)成

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

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

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

二、線的構(gòu)成

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

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

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



三、面的構(gòu)成

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

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

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

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