在開始一個新的網頁設計項目的時候，第一個就會考慮如何進行頁面布局設計。網頁布局雖然千變萬化，但也有可循的規(guī)則。有一些網頁設計布局適用范疇相當廣，經久不衰，它們?yōu)橛脩羲熘鼈儽旧硪哺N合用戶對內容的識別模式和使用習慣。今天要說的就是這幾個經典網頁布局。

頂部大圖Banner+簡約的柵格。這幾乎是我們經常能看到的一種經典網頁布局，也是最不容易出錯的。它干凈清爽，有足夠強的視覺表現(xiàn)力，并且常常采用的響應式設計。頂部大面積的輪播圖，能夠為用戶展示充足的內容，如果視覺希望更大氣一些，也通常會設計成橫跨整個頁面布局。這種布局中，每個元素都各司其職，并且整個流程是富有邏輯的，頂部大圖足以營造氛圍，給予用戶特定的體驗，下面的次一級元素能夠做的很好的支撐。越來越多這類網頁開始采用色彩豐富的插畫式的圖標，而扁平化的設計和這種布局頁面有著天然的契合。


單頁設計，單欄布局。single page設計這幾年非常熱門，如果你需要展現(xiàn)極簡的內容或者專注呈現(xiàn)一個主題，采用這種設計風格是非常好的，能夠強化內容的形式感和重量感。當網站的主題集中，內容也比較固定的時候，無需復雜的布局來呈現(xiàn)，單頁單列式的布局足以應付一切。不過單頁面設計也十分考究設計師的功底，需要很有分寸地把握好空間感，留白、布局平衡和元素和元素之間的疏密關系這些都是需要仔細思考好的。如果空間控制不合理會給用戶一種混亂的感覺，如果過于緊密則會產生局促感。

經典的F式布局。研究表明，用戶在瀏覽網頁的時候，習慣于沿著F式的閱讀軌跡來瀏覽信息，也就是說，用戶喜歡從左到右閱讀，然后向下移動，再繼續(xù)從左到右閱讀。這種F式的閱讀模式對應的網頁布局就是F式布局，最關鍵的信息靠左顯示，從上到下盡量保持在一條線上。


極簡分層。極簡化的設計已經不陌生了，它因為開放式的空間讓用戶感覺更加輕松，也使得其中展現(xiàn)的內容更容易被聚焦。如果極簡化的頁面中加入不多的幾個并列的內容層，可以讓信息更有層次，也使得極簡的頁面擁有了細節(jié)。這種設計并不復雜，但是讓頁面更加有趣了，它可以適配更多不同類型的項目了。這也解釋了為什么用戶如此的喜愛類似Apple 官網這樣的設計。


這些布局是經過時間洗煉的經典設計，挑選合適的設計趨勢同這些布局結合起來，常常能夠帶來不錯的效果。

寧波網站設計：http://www.xinyiwifi.com/News/873.html