網(wǎng)站設(shè)計(jì)實(shí)際上就是點(diǎn)、線、面的構(gòu)成

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

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

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

需要說(shuō)明的是，并不是只有圓形的才叫點(diǎn)，方形、三角、自由形都可以作為視覺(jué)上的點(diǎn)，點(diǎn)是相對(duì)線和面而存在的視覺(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)不同的心理感受。

二、線的構(gòu)成

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

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

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



三、面的構(gòu)成

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

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

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

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