越來越多的網頁設計師開始知道，進行布局設計時需要用到柵格線。但是對于老手來說，柵格線不是唯一的可選項，這些老手經驗豐富，基礎扎實，他們懂得怎樣去創新，懂得用新穎的設計完成目標。條條大路通羅馬，他們會憑借自己的感覺去摸索成功的方式，而最終的效果卻更出彩。

柵格線與設計的關系可謂源遠流長，對柵格線應用的熟練程度可以衡量一名設計師的水平。

高手之路！網頁設計師應該知道的網格系統 一篇文讓你了解什么是柵格系統

現代布局柵格線系統是由瑞士設計（又名國際主義平面設計風格）在20世紀早期確立的。

到了70年代，后現代風格影響了瑞士設計風格，瑞士風格一改過去僵化的柵格線系統，換之以更加靈活的柵格線布局。以完成更復雜、裝飾更華麗的設計。后現代主義設計師從未抵制過柵格線系統，但是他們打破了限制。

還有一些平面設計師以新式風格繼續推動著柵格線系統的發展，形成了諸如朋克、新浪潮、數字表現主義等新風格。一些設計師，比如David Carson，完全摒棄了柵格線。更多的是對柵格線系統理解基礎上的改良、突破。

時至今日，柵格線系統依然重要。但是不要那么死板，腦子要活一點兒，還有很多設計的技法，尤其是以自由開放而著稱的網頁設計。

你看上面這些網頁設計，都使用了柵格線系統，設計師”玩”的比誰都”溜”，他們會根據現有的情況，突破柵格線的限制，在不犧牲可用性的前提下，達到出色的視覺效果。

因此，要想掌握本文的技法，必須要有扎實的基本功，要對柵格線有充分的了解和心得。本文可不是新手向的文章，”要想跑，先會走”。同理，要想改造柵格線，必須先要掌握柵格線基礎。什么叫做偉大的設計師？偉大的設計師便是：心中對基礎和原則了如指掌，但又不墨守成規，根據實際情況與個人經驗，打破規則，完成更美的設計。

廢話不多說，看看這些設計師們是如何打破規則的吧。

1. 階梯狀布局

階梯狀的字體布局富有后現代主義氣息，配合相關的圖像，能夠達成與眾不同的視覺效果。

2. 適度傾斜

性感的翹臀？性感的翹字？個性十足，遐想連篇。

3. 環繞形布局

更好的圖文結合、打造視覺焦點、充分利用空間，挖掘柵格線系統的潛力。

4. 插畫元素

柵格式布局太呆板？試著加入一點插畫元素吧。讓頁面看起來更具娛樂性，更好的平衡美學與功能。

5. 重疊

在Frank Chimero的動態個人網站中，他采用了圖像重疊的手段，而非傳統的柵格線布局。令人印象深刻。

6. 利用頁面邊緣

不要為了留邊距而留邊距——可以做點小實驗，讓文本超出頁面邊緣，然后用成沓的印刷品來呈遞作品。

7. 妙用形狀

銳利的矩形配合以文本，看起來像是玻璃碎片，暗含一種暴力、興奮的因素。

8. 不對稱設計

不對稱設計讓人感覺非常自然、淳樸、無修飾。比如說這罐蜂蜜，感覺就很天然。

9. 拼貼畫

這則可愛的婚禮邀請函感覺非常人性化、有手工質感，濃厚的拼貼風格。

10. 加入引用

用戶對一成不變的閱讀節奏感到厭倦怎么辦？那就試著打破節奏，給用戶一點驚喜，引用就是一個好方法。尤其是在大塊大塊的文本信息中，加入引用可以適度緩解多欄布局的閱讀節奏感，讓用戶讀起來更舒心。

11. 手繪字體

適度添加手繪風格的字體，讓你的設計更加有趣，別有風味，而不是一本正經。 這就是突破柵格線布局設計的一些技法，大家可以舉一反三，在熟悉基礎的前提下，突破原則，也突破自我！

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

當前題目：網頁設計創新布局技法
分享路徑：http://m.newbst.com/news45/314245.html

成都網站建設公司_創新互聯，為您提供軟件開發、網站策劃、網站建設、企業建站、用戶體驗、網站維護

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯