網頁設計基礎及網站製作過程中點、線、面的構成

大小搭配，相互呼應較長的文章或標題，不要被編排在一起，要有一定的距離：同樣，較短的文章，也不能被編排在一起，對待影象的安排也是這樣，我們要設計使其互相錯開，使大小影象之間有一定的間隔，這樣可以使頁面錯落有致，避免重心的偏離。

文字和影象具有一種相互補充的視覺關係，頁面上文字太多，就顯得沉悶，缺乏生氣。保持簡潔的常用做法是使用醒目的標題，這個標題常常採用圖形表示，但圖形同樣要求簡潔。另一種保持簡潔的做法是限制所用的字型和顏色的數目。一般每頁使用的字型不超過三種，一個頁面中使用的顏色只需兩三種。

要保持一致性，我們可以從頁面的排版下手：在各個頁面使用相同的頁邊距、文字：保持圖形之間相同的間距；在主要圖形、標題或符號旁邊留下相同的空白。在進行網頁佈局時，我們要注意以下元素：格式美觀的正文，和諧的色彩搭配，較好的對比度，較強可讀性的文字，生動的背景圖案，大小適中的頁面元素，勻稱的佈局，不同元素之間有足夠的空白，各元素之間的平衡，文字準確無誤、無錯別字、無拼寫錯誤。

考慮到大多數人使用256色顯示模式，因此一個頁面顯示的顏色不宜過多。頁面顯示的主題顏色通常只需要兩三種，並採用一種標準色。

在網頁的視覺構成中，點、線和麵既是最基本的造型元素，又是最重要的表現手段。在佈局網頁時，點、線、面是我們需要最先考慮的因素。只有合理安排好點、線、面的相互關上就是處理好三者的關係，因為不管是任何視覺形象或者版式構成，歸結到底，都可以歸納為點、線和麵。

1，點的視覺構成

在網頁中，一個單獨而細小的形象可以被稱之為點，如一個漢字可以被稱為一個點。

點也可以是一個網頁中相對微小單純的視覺形象，如按鈕、Logo等。點的視覺構成。

點是構成網頁的最基本單位，起到讓頁面活潑生動的作用。使用得當，其甚至可以起到畫龍點睛的作用。一個網頁往往需要由數量不等、形狀各異的點來構成。點的形狀、方向、大小、位置、聚集、發散等的不同，能夠給人帶來不同的心理感受。

2，線的視覺構成

點的延伸形成線，線在頁面中的作用在於表示方向、位置、長短、寬度、形狀、質量和情緒。線是分割頁面的主要元素之一，是決定頁面形象的基本要素。線分為直線和曲線兩種。線的總體形狀有垂直、水平、傾斜、幾何曲線、自由線幾種。

線是具有情感的。如：水平線給人開闊、安寧、平靜的感覺；斜線給人生動、不安的感覺，且可表面速度一現代感；垂直線具有莊嚴、挺拔、力量和向上的感覺；曲線給人柔軟流暢的特徵；自由曲線是最好的情感抒發手段。將不同的線運用到頁面設計中，我們會獲得不同的效果。

水平線的重複排列能夠帶來一種強烈的形式感和視覺衝擊力，能夠讓人第一眼就產生興趣，達到吸引訪問者注意力的目的。

自由曲線的運用，打破了水平線的莊嚴和單調，給網頁增加了豐富、流暢、活潑的氣氛。

水平線和自由曲線的組合運用，能帶來新穎的形式和不同情感的對比，從而將視覺中心有力地襯托出來。所示為使用線條佈局的網頁。

面是點和線的組合，具有一定的面積和質量，佔據的空間更多，因而相比點和線來說面的視覺衝擊力更大、更強烈。

面的形狀可以大概分為以下3種。

（1）幾何型的面：方形、圓形、三角形、多邊型的面在頁面中經常出現。

（2）有機切面：有機切面可以透過弧形相交或者相切得到。

（3）不規則形的面和意外因素形成的隨意形面。

面具有自己鮮明的個性和情感特徵，我們只有合理地安排好面的關係，才能設計出充滿美感、藝術而實用的網頁。