你網(wǎng)站重要的部分之一就是頁腳。是的，我是認(rèn)真的。這里也許并不適合偉大的設(shè)計或者令人印象深刻的內(nèi)容會存在的區(qū)域，但這里是用戶尋找信息的地方。所以在設(shè)計網(wǎng)站項目時候也不要忽略這個地方。

但是你需要在這里包含哪些元素？如何組織頁腳的內(nèi)容使其不突兀并保持整體美感？你來對地方了。在這里我們將會提出一些關(guān)于如何設(shè)計好頁腳的建議，并會給出一些例子。1.保持設(shè)計簡單

是的，這是大部分設(shè)計項目的關(guān)鍵之一，但是這點(diǎn)也是重中之重，值得現(xiàn)在就說。在需要處理大量需要放在頁腳的信息的時候，簡單設(shè)計就顯得尤為重要。堅持清理元素，保證充足的空間并有目的地組織信息。盡量避免混亂，思考哪些元素需要出現(xiàn)在你的頁腳中，以及它們?yōu)槭裁匆谀抢铩ｍ撃_的尺寸一般都跟你網(wǎng)站頁面數(shù)和信息量有關(guān)。2. 鏈接到你的信息

網(wǎng)站頁腳中重要的兩個鏈接分別是“關(guān)于我們”和“聯(lián)系我們”。用戶想要知道你是誰，而且想要了解你的公司和品牌。讓用戶更容易找到這些信息。還有很多人想知道你的團(tuán)隊成員以及他們的聯(lián)系方式（這是一個重要的工具。很多人弄丟了他們的名片，但會回到你的網(wǎng)站去尋找聯(lián)系人信息）3. 包含基本聯(lián)系信息

盡管你應(yīng)該鏈接到一個完整的“聯(lián)系我們”的頁面里，在頁腳中展示相關(guān)聯(lián)系人信息也不壞。寫上主要的電話號碼、郵箱和真實(shí)地址。（如果能夠在點(diǎn)擊時自動撥號，自動發(fā)送郵件或者展示地圖，那就是加分了）4. 組織頁腳的鏈接

對頁腳內(nèi)容的連接和信息進(jìn)行分類組織會給人感覺比較好。比如把聯(lián)系方式、友情鏈接、服務(wù)、社交網(wǎng)站和一些你流量大的內(nèi)容分成幾列（或幾行）。給每個部分起一個標(biāo)題，這樣方便查看。

有心的同學(xué)都會發(fā)現(xiàn)優(yōu)設(shè)也是類似的設(shè)計，不信戳首頁看看？5. 包含版權(quán)聲明

這行小小的文字可以成為你的救星，不要忘了它。大部分網(wǎng)站把它做在網(wǎng)站底部單獨(dú)一行，而你可以考慮把它設(shè)計得更融入頁腳。版權(quán)聲明可以手寫，也可以只放一個帶圈圈的小c標(biāo)志。其文字通常包含發(fā)布年份和版權(quán)所有者的名字?？梢詾閮?nèi)容和設(shè)計建立多個版權(quán)聲明（適用于部分由第三方創(chuàng)建的網(wǎng)站）。6. 包含行動呼吁

當(dāng)用戶瀏覽到你的頁腳的時候，給他們一些可做的事情。包括登記獲得郵件通知，或者邀請他們在社交媒體上關(guān)注你。不要忘了這個區(qū)域在轉(zhuǎn)化點(diǎn)擊方面的價值。7. 使用圖形元素

通常頁腳只是一個塊塊。添加logo或者圖形元素可以為其添加視覺上的趣味。只是要注意不要為這狹小的空間添加太多它難以承受的元素。想象一下這個場面：不僅僅寫出“關(guān)注我們的微博/博客/什么的”，還包括它們的logo。你還可以使用小的標(biāo)志性元素添加在地圖或者電話號碼之類的旁邊（不過你可能需要添加一個懸停狀態(tài)的效果以闡釋這個信息）8. 注意對比度和可讀性

頁腳的信息通常都很小，非常小。這就使得文本元素與背景之間的顏色、字重以及對比變得非常重要。每個單詞都應(yīng)該是易于閱讀的。考慮使用簡單的字體（無襯線字體和中等字重就很好）。選擇高對比的色彩，比如白底黑字或者黑底白字。避免使用不同的顏色或者華麗的字體。9. 包含網(wǎng)站的設(shè)計主題

網(wǎng)站頁腳看起來不應(yīng)該像是狗尾續(xù)貂。它應(yīng)該看起來與整個網(wǎng)站的設(shè)計風(fēng)格相符。顏色、樣式還有圖形元素都應(yīng)該保持一致。不要為頁腳添加一個不合適的框框，這是很常見的錯誤。從項目伊始就應(yīng)該思考這塊地方要如何展現(xiàn)，以免在設(shè)計過程中因不匹配的元素而做不下去。10. 往小做（但別太小）

通常的頁腳包含了很多小項目，但是注意別弄得太小了。頁腳的文字可以比網(wǎng)站主體所用的字號稍小一點(diǎn)。而圖標(biāo)和圖像要在你所選的尺寸里是可讀的（如果你看不出來這個圖標(biāo)是什么，那它就太小了）。元素必須大到易于點(diǎn)擊或觸碰。如果你的鏈接太小，或彼此挨得太近而導(dǎo)致用戶點(diǎn)不到你的鏈接，那你就蹲墻角哭去吧。11. 多用點(diǎn)空間

由于頁腳通常都住在狹小的空間里，空間和間距就顯得很重要。給頁腳中的元素留出大量空間如同文字的行間距。足夠的間距可以讓頁腳看起來來寬松舒暢。而且方便點(diǎn)擊或觸摸。因為頁腳中的絕大部分鏈接都要鏈接到別的地方，所以這對用戶體驗來說也很重要。你在頁腳所使用的空間不用與你網(wǎng)站主體完全一樣（尤其是對于那些需要在主體中使用小間距的網(wǎng)站）12. 防備太多東西

使用圖形元素和一個頭部是個好主意，但剛剛好和太過頭僅有一線之隔。有節(jié)制地使用這些元素，并僅為特定元素使用。問問你自己為什么要使用頭部、圖標(biāo)或者照片。如果答案僅僅是“因為它看起來很好看”，那你得重新思考一下。每個元素都應(yīng)該有其存在的意義。這會幫助你設(shè)計出可用的頁腳，而且充分利用空間。13. 創(chuàng)建層次感

和網(wǎng)站的其他部分一樣，頁腳也應(yīng)該有自然層級。這是兩方面的設(shè)計，頁腳應(yīng)該位于整個網(wǎng)站層級的底端（畢竟這是它該在的地方）。同時其內(nèi)部的元素也應(yīng)該具有層級。重要元素（通常是聯(lián)系信息、或者呼吁信息或者網(wǎng)站地圖）應(yīng)該是突出的。標(biāo)準(zhǔn)的信息，比如版權(quán)信息，通常都是這個區(qū)域里小的。14. 考慮做子頁腳

你的頁腳是否還需要一個頁腳？考慮添加一個子頁腳圖層吧（在實(shí)際應(yīng)用中這種很流行）。子頁腳非常適合放置一些額外的層級，增加頁腳的空間，防止它過于密集，或者僅僅是為了給有趣的內(nèi)容提供一點(diǎn)空間。使用這個區(qū)域來突出榮譽(yù)或者行動呼吁。15. 不要在這些鏈接下添加下劃線

頁腳的大錯誤？讓鏈接有下劃線?，F(xiàn)在仍有很多網(wǎng)站在他們頁腳的鏈接中使用下劃線。這個過時的技術(shù)并不適用于現(xiàn)代網(wǎng)站設(shè)計。總結(jié)

頁腳可以幫你的網(wǎng)站傳達(dá)很多信息。它會告訴用戶你是誰，網(wǎng)站都能做些什么以及如何瀏覽你的網(wǎng)站。另外它還會展示細(xì)節(jié)方面的東西，比如作為設(shè)計師對細(xì)節(jié)的關(guān)注，以及對小空間的處理能力。

頁腳是設(shè)計中的重要部分。要時刻注意。確保里面是基本信息，設(shè)計元素和可用性的組合，這樣才能在每個網(wǎng)站設(shè)計項目中用小的空間獲得大的可能。