設計一個有效的頁腳（footers）可能非常困難，因為頁腳設計中涉及許多樣式和屬性。例如，列，鏈接列表，作者名和定制的圖表。我個人最喜愛的方式是使用超大的頁腳布局，這樣有足夠的空間放置特定的鏈接表。
因此，我收集了30個精彩的超大尺寸的頁腳設計網站。如果你也同樣樂于使用這種設計方式，就趕快來看看吧。
Branded07有一個構圖完整的頁腳，整個頁腳多數用來放置鏈接。使用這種方式處理復數位的鏈接數量便不必再為鏈接的布局而苦惱。清晰、明確的鏈接文字顯得非常友好，令客戶皺眉分辨網頁上又細又小的字體是不對的。
與Branded07類似，這個頁腳也擺放了許多信息：SNS網站，郵件，購買時的注意事項等。卡通的圖片結合文字，即醒目又清晰。三列式的信息排布對應了內容上的布局，使頁面協調一致。
許多人設計網站時，會建立單獨的友情鏈接表格，當時由于傳統的logo尺寸限制，不得不為之。不過看一下這個網站，是不是該回去把logo再設計一 下？與各個SNS網站的logo相似的個站logo，正方形的外觀帶來更靈動的布局和視覺效果。這些logo整齊排列在頁腳中，領腳也倍加引人關注。
背景圖片選用漂亮的海底圖片，超大的頁腳中簡單排放著幾個功能鏈接，充裕的留白令圖片的意境發揮地淋漓盡致。
許多作者在設計頁面時會緊扣網站名字，Design Bombs也不例外。為了呼應頁頭的導彈元素，頁腳設計成構圖簡單的戰場圖片。盡管頁腳沒有放置什么信息，但卻巧妙呼應了整體設計。
或許這就是多人共有式網站設計的實例。簡單說明一下它的作者們，一種收費服務，還有不變的SNS互動，簡約的色塊劃分了信息間的區別。超大頁腳令這些信息的標題可以足夠大，讓人一目了然。
與Design Bombs構思類似的網站。對角線上，頁頭和頁腳的圖片透露了網站內容。頁腳設計令頁面整體感覺穩定、有分量。
做為一種展示與交流作用的網站，Web Designer Wall使用了含最新動態的頁腳，用戶在瀏覽時可以放心地關注于自己喜愛的內容，而不受實時更新的打擾。頁腳處的內容圖文并茂，信息布局清晰。
43Folders頁腳集中了大量信息，諸如網站的推薦文章，站長的自我推薦等。頁腳以色塊結合圖片構成，反差較大的字體令頁腳信息富有層次。
設計精巧的圖案放在頁腳會令頁面更美好。Productive Dreams要在頁腳安放一個高度較高的卡通圖片，只有將頁腳高度增加。不過，這同時也令這個網頁看上去與眾不同。
足夠大的字體標明了信息內容多羅列的頁腳顯得非常充實。
讓頁腳變為作者的展示墻，跳出了以往的信息內容，值得學習！?
精美圖片結合多列信息。圖片的設計以信息布局為出發點，二者間巧妙結合，令頁腳給人感覺協調一致。
一個類似Productive Dreams的設計不得不說，這些可愛的元素，總是令網頁靈動起來。
頁腳設計為筆記本、便箋和圖釘，呼應了主頁面的結構，使網頁渾然一體，別具匠心。
一個可愛、活潑的頁腳設計，結構巧妙。
這里，把傳統的表單內容移動至頁腳，“提交”按鈕用紅圈加以強調。這樣的頁腳設計十分新穎，但必須抓住細節處理。
還記得以前強調的那些要素么？留白、色彩和列表。看看這個，雖然簡單但也需要大膽地嘗試才能得到滿意的效果。
翻譯地址：http://paranimage.com/30-big-footer-web-design/
原文地址：http://designm.ag/inspiration/30-super-oversized-footers-in-modern-web-layouts/
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓