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

一、點(diǎn)的構(gòu)成

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

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

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

二、線的構(gòu)成

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

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

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



三、面的構(gòu)成

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

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

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

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