網頁設計是一種需要多方面專業相互配合的領域，在設計、製作上，都需要有多方的考量。以下以常見的幾個面向來討論網頁設計原則。本篇的設計主要著眼於視覺面，因此並不會提及太多規畫方面的訊息。

視覺
網頁最重要的就是在視覺方面的設計，所有的網頁最終都是必須要被看到的。視覺方面，除了要有內容外，整體的編排更是內容呈現的成敗點。因此我們可以歸納出以下幾個重點 :

1.層次
網站名稱、主標題、副標題、內文、引文等等，必須要有「該有的樣子」。而「該有的樣子」則是由你來定義，通常網站名稱會跟Logo合在一起，主標題會比副標題大，引文可能會有框並且以斜體表示之類的。

2.區塊
頁首、頁尾、目錄、內文、廣告，必須要分明。但分明並非全部都以尖銳的線條分割，在許多地方若能以暗示性的方式（如明暗差別較小的色塊當背景、兩個區塊字體顏色大小不同），在視覺上將會大大加分。像是這個網站雖然很亂，但是各區塊並不會因此混在一起。

3.識別
認真經營的網站，通常會具備一個識別系統。上面通常會放上一個識別符號，可能是一個圖案（Logo），也可能是一組經過認真設計過不同於平常的文字組。像這個網站就是一個非常糟糕的例子，你在看完他後幾乎不會留下任何印象。除了識別符號外，其他內部的元件也必須要依循著類似的風格，標題可能帶有底線，區塊可能帶有圓角，圖片可能會有留白加上框線，像是這個網站。

4.風格
這項與「識別」相當類似，但主要著眼於細部項目的配置。網站若是走學術風，則顏色方面就必須以較沉穩的灰冷色系為主，且避免使用太活潑的字體，編排方面也要注意所有項目的對其；若是走公務員風，則要避免黑白或是彩度太低的顏色，且字體最好能用毛筆字體就用毛筆字體，內容能放首頁就放首頁，鏈結越多越好；若是走 科技 風，則最好標題全部換成英文，設計時要加上許多像是科技的線條或是 pixel，且字體最好用越看不懂的越好。以上當然是有點誇張，但說明了各種領域都有些既定的形象，若沒有把握做到更好，就乖乖遵守吧！

5.編排
如同文字編排，網頁的文字編排也是相同的方法。編排的內容最重要的就是字體大小跟行距。字體方面，以清晰為前提之下，最小的中文字在11 pixel，最適合閱讀的是12、13、15、18、20 pixel 這幾個大小註1。行距則是一般製作者最容易忽略的地方，因為必須透過CSS控制。一般較適合閱讀的行距大約是字體的125%到200%，但也有特殊的「設計者」喜歡用低於這個尺寸的行距註2。

註解
註1
以OSX系統而言，所有尺寸的字體因為柔邊的關係，都一樣不清楚。XWindow系統則會有柔邊，所以也是一樣都不清楚。而目前佔有率最高的Windows系統，在11、12、13、15、15、18、20下，大部分會啟用鋸齒字，而筆畫配置在這幾個尺寸也恰好最協調。

網頁是在電腦上，基於 pixel 的媒體，因此用 pixel 才能確保精確定義的大小不至於被修改。

註2
原因有二，一是這些設計者不會專心看內文。二是他們覺得這樣看起來很酷。

轉貼來源：Cassatte`s Blog

參考文獻：

1.石恩綸（2000）。女性網路使用者的網站印象與網路使用行為。台北大學企業管例研究所碩士論文，未出版，台北。

2.王育民、王怡舜 (1999), 行銷策略導向之旅館業網際網路服務 內容規劃 與設計, 第五屆服務管理研討會, 台北市, .

3.林永惟、宋同正 (2008), 商業 平面設計 之設計品質, 商業設計學報, 12(), 19-34.