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

1． 點(diǎn)的視覺(jué)構(gòu)成

　　在網(wǎng)頁(yè)中，一個(gè)單獨(dú)而細(xì)小的形象可以稱(chēng)之為點(diǎn)。點(diǎn)是相比較而言的，比如一個(gè)漢字是由很多筆劃組成的，但是在整個(gè)頁(yè)面中，他可以稱(chēng)為一個(gè)點(diǎn)。點(diǎn)也可以是一個(gè)網(wǎng)頁(yè)中相對(duì)微小單純的視覺(jué)形象，如一個(gè)按鈕（BUTTON），一個(gè)LOGO等等。
　　需要說(shuō)明的是，并不是只有圓的形才叫一個(gè)點(diǎn)，方形，三角，自由形都可以作為視覺(jué)上的點(diǎn)，點(diǎn)是相對(duì)線(xiàn)和面而存在的視覺(jué)元素。
　　點(diǎn)是構(gòu)成網(wǎng)頁(yè)的最基本單位，在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常需要我們主觀的加些點(diǎn)，如在新聞的標(biāo)題后加個(gè)NEW，在每小行文字的前面加個(gè)方或者圓的點(diǎn)。
　　點(diǎn)在頁(yè)面中起到活潑生動(dòng)的作用，使用得當(dāng)，甚至可以是畫(huà)龍點(diǎn)睛的。
　　一個(gè)網(wǎng)頁(yè)往往需要有數(shù)量不等，形狀各異的點(diǎn)來(lái)構(gòu)成。點(diǎn)的形狀、方向、大小、位置、聚集，發(fā)散，能夠給人帶來(lái)不同的心理感受。

下面我們就具體的頁(yè)面，談?wù)匋c(diǎn)的運(yùn)用和表現(xiàn)。

例一：

http://www.spearedpeanut.com

　　在這個(gè)頁(yè)面中，只有唯一的一個(gè)點(diǎn)，四周是大量的空白。他馬上成為吸引視線(xiàn)，引發(fā)興趣的視覺(jué)中心。而這個(gè)視覺(jué)中心就應(yīng)該是你想表達(dá)的主題，效果是最直接明確的。
　　在你實(shí)際瀏覽這個(gè)頁(yè)面的時(shí)候，這個(gè)處于三維空間點(diǎn)（花生）旁邊環(huán)繞著一段電腦聯(lián)線(xiàn)。三維技術(shù)的運(yùn)用，更突出了這個(gè)視覺(jué)中心，讓你迫不及待的點(diǎn)擊進(jìn)入下一級(jí)頁(yè)面。


http://www.spearedpeanut.com/guts/index_fla3.html

　　這是同一網(wǎng)站二級(jí)頁(yè)面中的一個(gè)，我們可以將每一組形看做是一個(gè)點(diǎn)，如NEWS可以稱(chēng)做點(diǎn)，右下角還有四個(gè)點(diǎn)。所有的點(diǎn)互相呼應(yīng)，組成不穩(wěn)定的三角構(gòu)圖。在這個(gè)頁(yè)面中，重復(fù)出現(xiàn)了用三維動(dòng)態(tài)技術(shù)表現(xiàn)，最吸引視線(xiàn)的首頁(yè)的點(diǎn)（花生）。
　　同一視覺(jué)形象（點(diǎn)）的不斷重復(fù)出現(xiàn)，能夠增加瀏覽者的印象。

例二：

http://www.terra.com/mtv/

　　在這個(gè)頁(yè)面的下部，點(diǎn)的水平排列，形成平穩(wěn)，安詳?shù)木�(xiàn)的感覺(jué)。
　　三種形狀相似的點(diǎn)隨著點(diǎn)擊產(chǎn)生的顏色變化，同時(shí)在頁(yè)面中心位置出現(xiàn)不同的產(chǎn)品圖片，給大家一種跳躍，動(dòng)蕩，歡快的感受。
　　在頁(yè)面中四處飄蕩的點(diǎn)（TOP10的圖標(biāo)）和由左至右移動(dòng)的文字（也是由點(diǎn)組成），加強(qiáng)了頁(yè)面的活躍氣氛。
　　在同一個(gè)空間里面體現(xiàn)了兩種不同情緒的動(dòng)態(tài)的對(duì)比，這也是網(wǎng)頁(yè)相對(duì)傳統(tǒng)平面媒體的極大優(yōu)勢(shì)。
　　做為呼應(yīng)，設(shè)計(jì)師特意在頁(yè)面的中上部，采用了很多較小的點(diǎn)做底紋，起到了豐富頁(yè)面層次的作用。
　　頁(yè)面上下兩段橫向的色條，強(qiáng)調(diào)了水平線(xiàn)的穩(wěn)定情緒，將頁(yè)面統(tǒng)一起來(lái)。



　　在這個(gè)二級(jí)頁(yè)面中，右邊垂直排列的圓點(diǎn)（由1到10），起到了引導(dǎo)視線(xiàn)和強(qiáng)調(diào)次序的作用。
　　點(diǎn)的等距垂直排列，在視覺(jué)上形成虛擬的豎線(xiàn)。加上段落文字的共同邊距，在視覺(jué)上形成豎線(xiàn)，起到分割頁(yè)面的作用。

例三：


http://web.one.net.au/~pipshea/

　　在這個(gè)頁(yè)面中，點(diǎn)的大小，位置，顏色，聚散的不同變化和組合，產(chǎn)生了輕松，活潑，流動(dòng)，抒情，愉快的氣氛。
　　通過(guò)優(yōu)美的弧線(xiàn)的引導(dǎo)，人們的視線(xiàn)最終將集中在"wasabi:sneaker"這幾個(gè)由點(diǎn)組成的文字上。自然，這也是設(shè)計(jì)師所要突出訴求的主題之一。


http://web.one.net.au/~pipshea/frameset.htm

　　在二級(jí)頁(yè)面中，設(shè)計(jì)師采用了流行的FLASH技術(shù)，紅點(diǎn)在頁(yè)面上歡快的運(yùn)動(dòng)，同時(shí)進(jìn)行顏色的漸變；綠色的點(diǎn)加上點(diǎn)綴其中的深色小點(diǎn)，豐富了色彩和層次。整個(gè)網(wǎng)頁(yè)的流動(dòng)著歡快和輕松。
　　在頁(yè)面下部，設(shè)計(jì)師并列運(yùn)用高低顏色不同的點(diǎn)，若隱若現(xiàn)，突出了頁(yè)面以點(diǎn)造型的設(shè)計(jì)語(yǔ)言。
　　注意在兩個(gè)頁(yè)面中都出現(xiàn)了三個(gè)斜向排列的帶有漸變色的點(diǎn)。它為頁(yè)面增加了動(dòng)勢(shì)和前后的空間層次，實(shí)屬不容忽視的精彩之處！