11 個超實用的網站頁尾設計小技巧

編者按：評價一個網站好壞有眾多因素，視覺設計、品牌一致性、網站易用性等，都會影響到訪客的情緒，而今天我們要介紹的這個，是不起眼的網站頁尾，然而正是這個很多設計師都忽略的部分，在網站中卻有著至關重要的功能擔當。今天不僅聊它的作用，也分享幾個頁尾設計技巧，來收！

重視網站的頁尾設計

通常一接到任務，大多數設計師都會就把精力投身於網站主頁和頁首的設計，也因此，再無餘力給頁尾的情況下，他們會選擇放個免責宣告和版權資訊等就過了。

但是，頁尾不應該是以這種方式存在，事實上，頁尾的重要性和頁首相當，有時更甚，因為對大多數使用者來說，頁尾是他們最後的『停泊港』。

而這應該成為一個絕佳的入口：為訪客提供註冊服務、聯絡網站（提供資訊/問題諮詢）等。所以，此刻可以問問你自己，當訪客到達網頁底部時，你想給他們看什麼？

頁尾到底有多重要？

上圖左側為聯絡方式，中間為註冊入口，右邊是網站的社交平臺。

就網站頁尾的作用而言，它能提供的不僅是網站的相關資訊，還可以是便利的網站導航。此外，你可以在這兒新增不同的社交平臺，增加網站的宣傳渠道；還可以提供和你聯絡的方式，建立使用者對網站的信任感等等。

所以，就算頁尾位於網頁的最底部，也不意味著你可以在設計上偷懶，這是一個絕佳的練習機會，讓你有更多機會和使用者溝通。

讓頁尾變得好看

最基本也是最有效的方法是讓頁尾變得好看，就算頁尾沒有任何東西（按鈕、連結等），只要視覺效果出眾，它依然可以成為網站整體中有力的那部分。

如果你想讓網站儘可能地保持乾淨簡潔，那就要防止網站看起來乏味無聊。無論如何，在網站頁尾的視覺細節上花點功夫，才能把使用者的注意力搶過來。

專注於你的品牌

網站頁尾的另一個重要用途是展示關於你的品牌資訊等（贊助商、開發者等），資訊越豐富，訪客想深入瞭解你就越方便。

無論最後你選擇了哪種設計風格，別忘了你設計頁尾時的目的。（提供導航欄/聯絡方式/展示品牌）

保持乾淨

這個在設計中屬於老生常談了，當你有大量資訊要處理時，簡約風格是不二選擇。在頁尾設計上，你要保證排版乾淨，元素有序，空間通透不擁擠。

花點時間想想，哪些元素是最重要的，然後按設計的四個基本原則去處理吧。

提升產品和服務

如果你的網站是售賣產品或服務的，頁尾就是一個讓使用者有所行動的優秀渠道。

作為一個優秀的促銷員，它可以讓使用者知道目前有哪些值得購買的福利或註冊的好處，例如上面的網站，頁尾要做的是增強說服力，儘可能地鼓勵使用者去採取行動（買買買或註冊），而不是簡單地羅列資訊。

該有的元素

說了那麼多，總結一下頁尾通常都有的元素：聯絡人資訊、社交平臺連結、導航連結、版權宣告、品牌資訊、友鏈及交換條件、隱私條款等。

想吸引到更多人注意，可以放上公司團隊的員工照，公司LOGO等等，如果你是個人網站，可以傳個相片加個包含你所有文章列表的連結。

設計頁尾

這裡分享幾個幫你設計頁尾的技巧。

有良好的視覺層次

訪客讀文章時需要的不是一鏡到底，然後糊里糊塗地結束，而是段落分明的層次感，先是標題，然後正文，頁尾，諸如此類，建立一個優秀的列表樣式能幫你提高聚焦性和可讀性。

當然，乾淨良好的排版也至關重要。

留白的運用

留白在頁尾設計同樣重要，因為涉及到佈局，留白能分割出不同的區塊，起到繪製不同區域的效果。

當然，留白不是僅存白色空間，只要是無內容填充的部分都可以稱為留白。留白的另一個作用是，下面該出場的這個。

把頁尾和內容分離開

大多數頁尾都是以深色背景為主的，有些是直接用插畫做背景，無論哪個，你要確定的是頁尾看起來是和內容分離開的，這樣才不會混亂，保證了視覺上的層次性。