從字體設計、制圖到頁面版式，設計總有那麼幾條網頁設計台北通用的原則，它適用於網頁或者印刷。然而，在網頁設計這邊，很多本應該有的規則都被搞亂了，就只是跟著感覺走。這並不是說設計師在規則方面有松懈，而是大多數網絡工作者都不知道要遵守這些規則——就算他們知道，也不知道怎麼去用。

結合網頁講，就是以下幾條：

平 衡
平衡感挺難拿捏的。網頁上呈現出的平衡有兩種——對稱和不對稱。我們都很習慣網路行銷了看對稱的圖片，就像我們小時候剪紙花，都會兩邊一起剪，這樣打開就是對稱化的。這種對稱的平衡很好識別(反正都鏡面反射一下)，而在不對稱構圖口碑行銷裡面做到平衡才難。

不對稱平衡
在多處位置展示了不對稱平衡裡面的一些重要原則。你看，作為主Banner的那只狗的照片——狗身上的黑色全壓在畫面左側了，這時候畫面右側出現了一個X，這看似隨意的灰色X，可是平衡畫面的關鍵因素！這樣一來，你的視線就會被牽扯到畫面中間。除了在Banner圖裡面，在網頁的頁頭中也出現了這樣的設計——菜單欄的大小和顏色都相對重。那麼在Subtraction的logo這條，就對應用了黑字白底，再在上面加上黑線，這樣上下會相對平衡一些。

對稱平衡
蘋果是現代網頁中實現對稱平衡的典範。如圖二，每個元素都是在中軸線兩側排布，創造出了一個視覺上的和諧情景。

比 例
對於網頁元素來說，並不是看得清楚就好，或者文本多長就弄多大，它的排布跟網頁的平衡視覺上強調誰有很大關系。

Coda
在這個頁面上，各元素的比例控制得很好。不僅是視覺上的層次很好，意義上的層次也很好。從產品的logo開始(1)，然後引導用戶的行為(2)，再到文字比較密集的相關介紹(3)，排布都很合理。圖文混排的區域，標題的權重和正文隔開，還有和左側icon的關系都很注意。瀏覽這個頁面的時候也會覺得整體非常協調。

節奏
網頁上的節奏感非常重要，甚至比數據更重要。尤其那些數據量大，頁面長的網頁。比如這台北網頁設計個叫Digg的網站，頁面上出現了雙目錄，但也是遵循了節奏感方面的一些原則。

Digg
Digg首先在header部分展示出的是一個水平的導航欄，然後跳到主要內容的展示部分，每篇文章依次列開。這就給讀者一種連續的感覺，會順著往下滑。而這個小技巧也被用在了右側的Top 10文章排列中。

強調
在設計中，再沒有比圓形更有魅力的圖案了，尤其是在充斥著四邊形的網頁設計領域。一個圓圈並不需要借助亮眼的顏色或留白，僅僅靠它的形狀特點就能輕松引起用戶網路行銷台中的注意。這就是為什麼你的眼睛總能被那些最近流行的標志所吸引，不過“圓形”最大的魅力其實還是發揮在Logo上。

博主好站推薦: