布局太死板？6個小技巧讓你的網頁設計活力十足！

大家都知道做網頁設計有柵格，有縱向柵格也有橫向柵格，柵格提供內容布局的規范，讓信息組織更有條理，我們在柵格規范內做設計，上下左右、垂直居中對齊，橫平豎直、方方正正的看著舒服，信息布局清晰易讀，表面看沒什么問題，但經常會有那么點死板，缺少點活力。如何在視覺設計中突破頁面布局的“格”，讓設計更具特點與眾不同，可以通過幾個小技巧來解決頁面布局中死板的問題。

一、延伸

古詞中“滿園春色關不住，一枝紅杏出墻來”，就是這個感覺，讓主體內容不局限于頁面的條條框框之內，適當的延伸出去，橫跨兩個模塊，不僅能夠打破規則的布局，而且能夠讓兩個模塊有一定延伸感和連接感。

二、曲線

網頁設計中，免不了內容模塊的分割，這種直線多了自然就會讓畫面死板，我們可以通過改變直線的方式，比如曲線、斜線等來解決這個問題。

三、過渡

當然我們很多時候任然無法避免分割中的直線，也不可能把所有的直線都改為曲線，這時候我們可以適當利用一些元素讓模塊之間有個過渡。左右分屏是最近一年比較流行的布局方式之一，這種布局能夠更加強調品牌的色彩調性，避免圖片與文字的疊加干擾閱讀，帶來的問題就是中間死板的分割線，設計師將輸入框橫跨了兩個模塊，巧妙地打破了這個死板的形式。

四、隱藏

有些信息不一定完整的展示出來，可以只展示最重要的部分，將不重要的置于畫面之外，適度的隱藏，更有利于突出重要信息，也能夠讓畫面有一定的延伸感，不死板。

五、層疊

將圖形、圖片、文字等信息進行層疊，打破傳統的左右、上下布局，增加畫面的透視與層次關系。主體人物與文字進行疊加，文字雖然做了一定的遮擋，若隱若現卻不影響閱讀。

六、錯位

將圖形、圖片、文字等信息進行錯位布局，不拘泥于條條框框之內。圖片與背景塊錯位布局，看似好像沒做完，實際是設計師精心的布局方式，讓畫面充滿動感，同時圖片的投影也讓這部分信息頓時有了層次感。也可利用文字、方框與主體圖片進行交錯組合，讓這些碎片信息融為一個整體，視覺上也更加有層次感。

無錫網頁設計就找無錫海之睿（m.zfmj.com.cn)