從字體、制圖到版式，設計有通用原則，適用網頁與印刷。但網頁端許多規則被混亂，多數從業者不知或不會用。結合網頁實踐，講講這五條核心法則。

一、平衡

網頁平衡分對稱與不對稱。對稱易識別（鏡面反射），不對稱難駕馭。

不對稱平衡：Subtraction

圖一 Subtraction

主 Banner 狗照片黑色重心在左，右側灰色 X 平衡視線，牽引至中心。頁頭菜單沉重，Logo 區用黑字白底加黑線對應平衡。

對稱平衡：Apple

圖二 Apple

現代網頁對稱典范，所有元素中軸線兩側排布，創造視覺和諧。

二、比例

元素大小非「看清即好」或「文本多長弄多大」，排布關係到視覺平衡與重點強調。

Tumblr

兩欄式網頁右側通常更大、放關鍵信息，符合視覺習慣（目光偏右）。有人用等寬柵格，有人用黃金分割（右=左×1.618）。也有按重要性分配比例：

Coda

從 Logo(1)→行為引導(2)→密集介紹(3)，視覺與意義層次俱佳，標題權重與正文、Icon 關係處理細緻，瀏覽極協調。現代網頁可透過交互強化比例：如 D&AD 內頁滑動時菜單欄縮小，聚焦內容。

三、節奏

節奏感比數據更重要，尤其長頁面、大數據量。Digg 雙目錄仍遵循節奏：Header 橫向導航→文章依次列開→右側 Top10 同理，給讀者連續感，順勢下滑。音樂隱喻：頁面需視覺停頓，決定讓用戶快瀏、看圖、還是按下載。權重全同則乏味（如口水歌），變化過多則混亂（違反同一性）。關鍵在局部節奏變化、整體風格一致。

Digg

Tumblr 交互節奏

四、強調

圓形在充斥四邊形的網頁中極具吸引力，無需亮色或留白，形狀本身即引視線，故 Logo 常用圓形。

圖 4a：A List Apart 多組圓形強化 Logo

留白、顏色同為強調手段，可配合圖形，但通常一兩個即可，三者疊加會過度誇張，干擾主內容。

圖 4b: Google 留白+顏色雙重強調，視線自然左至右落入搜索框與按鈕，易用感源於基礎視覺技術運用。

五、整體感

「合而為一」的感受，無元素突兀或風格迥異。Dave Werner 作品集典范：每頁有手稿、圖釘、雜項，卻打造出統一整體感，無頁面缺少圖釘痕跡，分散元素被筆記草圖覆蓋，形成獨特風格。

Okey Dave 作品集

這些原則簡單但需深度實踐，能助你達到視覺效果、引導用戶視線、突破設計瓶頸。