濟南網站建設：網頁設計中的幾大定律

發表時間:2015-09-03 13:25?? 作者:銳尚?? 瀏覽: 次

不論畫冊設計、海報、品牌設計，所有設計都是有規律可循的。然而，在網頁設計這邊，很多本應該有的規則都被搞亂了，就只是跟著感覺走。這并不是說設計師在規則方面有松懈，而是大多數網絡工作者都不知道要遵守這些規則——就算他們知道，也不知道怎么去用。

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

平衡

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

舉兩個例子:

不對稱平衡

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

對稱平衡

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

比例

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

而到底如何去權衡這些元素的大小，跟每個元素本身的性質有很大關系，舉個例子：你在瀏覽兩欄式的網頁的時候，一般會發現右邊的框要比左邊的框大，也放了一些關鍵的信息在里面。這是由人的視覺習慣決定——哪怕是文本框放在左側，目錄這些元數據放在右側，也會不自覺的看向右邊。所以說，元數據在右邊占地方是不太科學的。有些人喜歡每欄一樣寬度的柵格布局，就像圖一那樣；另外的人可能喜歡黃金分割率，也就是右邊的框是左邊框的1.62倍。

有些網頁的設計也僅僅看重要程度來排比例的：

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

不過以上這個例子有點老，網頁展現很平面。

現在的網頁可通過交互設計來強化網頁上展現的比例。

比如這個國際廣告獎D&AD的網站，在滑動內頁時候，菜單欄占頁面的比例會相對縮小，這樣人的注意力會更集中于中間部分，更注意閱讀內容。

節奏

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

強調

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

正如你在圖中所見，A List Apart用了不止一個，而是多組“圓形”來突顯出其Logo。你不僅能通過其旁邊那個有著發行編碼的標志(1)注意到它，也能通過右手邊幾個更小的標志注意到T恤促銷的信息。

你還可以通過使用”留白“或”顏色“來起到強調的作用。它們可配合”圖形“使用，但通常情況下你不必用全，一兩個即可。三個元素的同時使用會造成一種過于夸張的吸引力，讓用戶很難再去注意頁面其他的部分，尤其是主要內容。

整體感

整體感是一個見仁見智的概念，一種“合而為一”的感受。沒有什么元素是實在無法符合設計氛圍和感覺的。

關于整體感有個重要的例子——Dave Werner的portfolio作品集。其每一頁都有網站手稿、圖釘和其他一些雜七雜八的玩意兒，他把這些元素結合在一起并且打造出了整體感。既沒有一樣元素顯得過于突兀，也沒有出現迥異的整體風格。

濟南網站建設：網頁設計中的幾大定律

相關文章/Related