點(diǎn)、線、面是構(gòu)成視覺(jué)空間的基本元素，是表達(dá)視覺(jué)形象的基本設(shè)計(jì)語(yǔ)言。網(wǎng)站設(shè)計(jì)其實(shí)就是如何處理好三者的關(guān)系，因?yàn)闊o(wú)論是任何視覺(jué)形象還是布局。歸根結(jié)底，都可以概括為點(diǎn)、線、面。一個(gè)按鈕和一個(gè)文本是一個(gè)點(diǎn)：幾個(gè)按鈕或幾個(gè)文本排列成一條線；而一行或幾行文字的移動(dòng)和一片空白可以理解為一個(gè)平面。一、點(diǎn)的構(gòu)成

在網(wǎng)頁(yè)中，單個(gè)小圖像可以稱為一個(gè)點(diǎn)。積分是相對(duì)來(lái)說(shuō)的。例如，一個(gè)漢字由許多筆畫(huà)組成，但在整個(gè)頁(yè)面上，它可以稱為一個(gè)點(diǎn)。點(diǎn)也可以是網(wǎng)頁(yè)中比較小而簡(jiǎn)單的視覺(jué)圖像，例如按鈕、標(biāo)志等。

需要注意的是，不僅圓可以稱為點(diǎn)，正方形、三角形、自由形狀都可以作為視點(diǎn)。點(diǎn)是相對(duì)于線和面存在的視覺(jué)元素。

點(diǎn)是構(gòu)成網(wǎng)頁(yè)的最基本單位。在網(wǎng)頁(yè)設(shè)計(jì)中，我們常常需要主觀地加一些點(diǎn)，比如在新聞標(biāo)題后加NEW，在每一小行文字前加一個(gè)方圓點(diǎn)。圓點(diǎn)在版面中起著生動(dòng)的作用，運(yùn)用得當(dāng)甚至可以起到畫(huà)龍點(diǎn)睛的作用。網(wǎng)頁(yè)通常需要由不同數(shù)量和形狀的點(diǎn)組成。點(diǎn)的形狀、方向、大小、位置、聚集或發(fā)散都能給人帶來(lái)不同的心理感受。二、線的構(gòu)成

點(diǎn)的延伸形成一條線，線在頁(yè)面上的作用是表達(dá)方向、位置、長(zhǎng)度、寬度、形狀、質(zhì)量和意境。

線條是劃分頁(yè)面的主要元素之一，是決定頁(yè)面外觀的基本元素。有兩種類型的線：直線和曲線。這是線的一般形狀。同時(shí)，線還有線身的形狀和兩端的形狀。線條的整體造型有垂直、水平、傾斜、幾何曲線和自由線等。

線分為4 類：直線、曲線、折線以及三者的混合。直線有三種形式：水平線、垂直線和斜線。其中，橫線給人沉穩(wěn)、豁達(dá)、舒暢的感覺(jué)；豎線給人以高大、筆直、嚴(yán)肅的感覺(jué)；曲線、彎道和弧線具有強(qiáng)烈的運(yùn)動(dòng)感，更容易引起視線前移、后移或搖擺：自由線條是表達(dá)情感的最佳方式。在頁(yè)面設(shè)計(jì)中應(yīng)用不同的線條會(huì)達(dá)到不同的效果。知道什么時(shí)候使用哪些臺(tái)詞可以充分表達(dá)你想要體現(xiàn)的內(nèi)容。下圖顯示了一個(gè)由線條組成的網(wǎng)頁(yè)。三、面的構(gòu)成

曲面是無(wú)限點(diǎn)和線的組合。面具具有一定的面積和質(zhì)量，占據(jù)更多的空間，因此比點(diǎn)和線具有更大更強(qiáng)的視覺(jué)沖擊力。

當(dāng)頁(yè)面中有一個(gè)點(diǎn)時(shí)，它會(huì)吸引眼球。當(dāng)有兩點(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)生透視效果，給人以距離感。當(dāng)頁(yè)面上有3個(gè)點(diǎn)時(shí)，視線在這3個(gè)點(diǎn)之間流動(dòng)，會(huì)讓人聯(lián)想到平面。當(dāng)相同形狀的密集點(diǎn)中出現(xiàn)異形點(diǎn)時(shí)，異形點(diǎn)尤為明顯。

可以看出，點(diǎn)的排列所造成的視覺(jué)流動(dòng)引入了時(shí)間的因素。利用點(diǎn)的大小、形狀和距離的變化，可以設(shè)計(jì)出富有節(jié)奏感和節(jié)奏感的頁(yè)面。點(diǎn)的連續(xù)排列構(gòu)成了一條線，點(diǎn)與點(diǎn)之間的距離越近，線的特征就越突出。點(diǎn)的密集排列構(gòu)成了一個(gè)面，同樣，點(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è)由人臉組成的網(wǎng)頁(yè)。

我們專注高端建站，小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！