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

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

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

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

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

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

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

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

當(dāng)頁面中有一個點(diǎn)時，它會吸引眼球。當(dāng)有兩點(diǎn)時，人的視線會在這兩點(diǎn)之間來回流動。當(dāng)兩點(diǎn)錯位時，視線呈曲線擺動。當(dāng)兩點(diǎn)大小不同時，視線會從大點(diǎn)流向小點(diǎn)，產(chǎn)生透視效果，給人以距離感。當(dāng)頁面上有3個點(diǎn)時，視線在這3個點(diǎn)之間流動，會讓人聯(lián)想到平面。當(dāng)相同形狀的密集點(diǎn)中出現(xiàn)異形點(diǎn)時，異形點(diǎn)尤為明顯。

可以看出，點(diǎn)的排列所造成的視覺流動引入了時間的因素。利用點(diǎn)的大小、形狀和距離的變化，可以設(shè)計(jì)出富有節(jié)奏感和節(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ì)出視覺效果最好的頁面。下圖顯示了一個由人臉組成的網(wǎng)頁。

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