1、背景大圖+簡單多列布局

 

背景大圖和簡單多列布局算的上是黃金搭檔。一方面，背景大圖可以充分吸引用戶的注意力，激發用戶的興趣，另一方面，多列布局將次級元素以簡潔、明了的方式呈現出來，更進一步讓用戶有點擊瀏覽的欲望。除此以外，使用這種布局模式的網站不僅看上去很干凈、清爽，有足夠強勁的視覺表現力，而且還能夠突破斷點的限制，不管設備屏幕的大小，都為用戶展示充足的內容，供用戶瀏覽和探索，做到真正的響應式。盡管由于設備的差異，網站的具體布局可能會有所出入，比如使用固定寬或流體布局等。

 

相關趨勢：現在使用這種布局的網站越來越多地采用色彩豐富的圖標或插畫，讓網頁更顯豐富和多彩。另外，這種風格也常與扁平化設計風格結合在一起。

 

2、單頁單欄布局

 

如果你沒有太多的內容，或者只是想做一個主題頁面，在近幾年很火熱的單頁式設計就非常適合你。正如它的名字那樣，它非常適宜于展現極簡的內容。單頁式設計最適合于小網站或者小型項目的設計。它可以讓介紹頁面更簡潔，也能讓簡單的信息更突出，更有分量。對于一些內容比較簡單的博客網站而言，單頁設計也是不錯的選擇。不過在網站中選用這種布局時，我們需要著重考慮元素的間隔問題。單頁單欄設計相當考驗設計師留白和布局平衡的功底，過于緊密的元素會讓網站顯得很急促，訪客在瀏覽時也容易有障礙;而過于松散的安排又會讓網站看上去空洞無物，所以反復推敲網站各種元素的親疏遠近排列很是重要。起飛頁自助建站系統就非常適合創建單頁式布局的網站，有多個單頁式的模版可以使用。

 

相關趨勢：和單頁單欄設計布局結合最緊密要數動畫效果和視差滾動。這些效果可以讓略顯沉悶的單頁式設計變得生動有趣，增添一些不一樣的色彩。

 

以上就是響應式網頁布局的兩個例子。