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