從字體設計到繪圖到頁面布局，總有一些適用于網頁或打印的一般設計原則。然而，在網頁設計方面，許多本應該搞砸的規則，只是按照感覺。這并不是說設計師在規則上松懈，而是大多數網絡工作者不知道遵循這些規則?！词顾麄冎?，他們也不知道如何使用它們。

結合網頁，它是以下內容：

平 衡

平衡感很難處理。網頁上顯示的余額有兩個——對稱性和不對稱性。我們非常習慣于看到對稱的圖片，就像我們小時候剪紙花一樣，我們將它們一起切割，使開口對稱。這種對稱平衡是公認的（無論如何都存在鏡面反射），并且難以在不對稱組合物中平衡。

舉兩個例子:

圖1減法

不對稱平衡

圖1顯示了多個位置的非對稱平衡的一些重要原則。你看，狗的照片是主橫幅——狗身上的黑色是在屏幕的左側。此時，屏幕右側出現X.這似乎是一個隨機的灰色X，但是平衡圖片的關鍵因素！通過這種方式，您的視線將涉及圖片的中間。除了橫幅圖之外，這種設計還出現在網頁的標題中?！藛螜诘拇笮『皖伾鄬^大。然后在減法標識中，應用黑白背景，并在頂部添加黑線，使得上側和下側相對平衡。

圖2蘋果

對稱平衡

Apple是在現代網頁中實現對稱平衡的典范。如圖2所示，每個元素排列在中心軸的兩側，形成視覺上和諧的場景。

比 例

對于網頁元素，它不是那么清晰，或者文本有多長，它的布局和網頁平衡在視覺上強調誰與它有很多關系。

Tumbrl

如何權衡這些元素的大小與每個元素的性質密切相關。例如，當您瀏覽兩列頁面時，通常會發現右側的框大于左側的框。還要在其中加入一些關鍵信息。這取決于人們的視覺習慣?！词刮谋究蚍旁谧髠?，目錄的元數據也會放在右側，它會無意識地向右看。因此，占用右側的元數據是不科學的。有些人喜歡每列寬度相同的網格布局，就像圖1中的那樣;其他人可能喜歡黃金比例，這是右邊方框的1.62倍。

一些網頁的設計只與重要性成正比：

尾

在此頁面上，元素的比例得到了很好的控制。視覺水平不僅非常好，而且意義水平也非常好。從產品標識（1）開始，然后引導用戶的行為（2），然后到文本密集型相關介紹（3），安排是非常合理的。文本混合的區域，標題的權重與正文分開，與左側圖標的關系非常明顯。當您瀏覽此頁面時，您會感覺整體非常協調。

但是，上面的示例有點舊，網頁非常扁平。

今天的網頁可以交互式設計，以提高網頁上的演示文稿的比例。

例如，國際廣告獎D＆amp; AD的網站，當滑動內頁時，菜單欄到頁面的比例會相對減少，這樣人們的注意力會集中在中間部分，更加注重閱讀內容。