點、線、面是構成視覺空間的基本元素，是表達視覺形象的基本設計語言。網(wǎng)站設計其實就是如何處理好三者的關系，因為無論是任何視覺形象還是布局。歸根結底，都可以概括為點、線、面。一個按鈕和一個文本是一個點：幾個按鈕或幾個文本排列成一條線；而一行或幾行文字的移動和一片空白可以理解為一個平面。一、點的構成

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

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

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

點的延伸形成一條線，線在頁面上的作用是表達方向、位置、長度、寬度、形狀、質量和意境。

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

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

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

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

可以看出，點的排列所造成的視覺流動引入了時間的因素。利用點的大小、形狀和距離的變化，可以設計出富有節(jié)奏感和節(jié)奏感的頁面。點的連續(xù)排列構成了一條線，點與點之間的距離越近，線的特征就越突出。點的密集排列構成了一個面，同樣，點越靠近，面的特征就越突出。

只有合理安排面孔之間的關系，才能設計出富有美感、藝術感和實用性的網(wǎng)頁作品。在網(wǎng)頁的視覺構成中，點、線、面既是最基本的造型元素，也是最重要的表現(xiàn)手段。在確定網(wǎng)頁主圖的位置和動態(tài)時，點、線、面將是首先要考慮的因素。只有合理安排點、線、面的關系，才能設計出視覺效果最好的頁面。下圖顯示了一個由人臉組成的網(wǎng)頁。

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