網頁設計的基本構成要素

網頁設計的基本原理

網頁設計中最常採用的設計風格是幾何形式。若採用幾何形式的設計，即使只是把頁面組成或版面稍作調整都能呈現出完全不一樣的感覺。接下來就讓我們來學習頁面組成(composition work)吧。

網頁設計的組成要素

在開始介紹頁面的組成之前，先來介紹一下網頁的組成要素。在頁面的構成所需注意的重點就是文字區域與留白。所謂"文字區域"，指的是包含圖片以及文字所形成的區塊，而"留白"顧名思義指的是畫面中沒有放入任何文字或圖片的空白區域。但是"留白"是我們刻意留下的空白區域，因此與正常編排時所產生的空白，在定義上又有些不同。

網頁設計的工作流程

在本文將介紹頁面組成的工作流程。首先先決定要採用什麼樣的版面後再將頁面進行"分割"，接下來針對組成頁面的各個要素進行"安排"與"調整"。在進行調整的同時也可以嚐試各種版面的編排樣式。此外為因應瀏覽器視窗大小為可變的特性，也必須一併調整組成畫面的各要素以獲得最佳的安排。
網頁設計與一般平面設計的最大不同點在於，網頁的頁面， 也就是畫面的大小是可以改變的。不論畫面變大或是變小，都會影響這個已設計好的網頁給予人的印象。 畫面的尺寸改變之後，不只會破壞原有的平衡感， 而且構成畫面的一些要素也可能會因此而無法顯示，使得當初設計網頁時所想要傳達給閱覽者的的一些訊息也就無法完整傳遞了。

調整畫面的使用率

在編排的作業中會針對文字，影像等多種構成要素進行調整。就以文字區塊來說，文字的字型、大小、字距、行距等等都會對畫面的構成造成影響。

頁面的使用率與目標對象間的關係

"頁面使用率"是進行頁面組成的編排時相關重要的一個因素。許多坊間的雜誌會針對目標讀者的族群來調整文字區域的編排, 而這種在平面設計上常做的文字區域的編排就相當於網頁上頁面的使用率的調整。在設計網頁時必須針對目標對象來調整要採用何種頁 面使用率。