website-footer-design-skills-1

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

重視網站的頁腳設計

1

通常一接到任務,大多數設計師都會就把精力投身于網站主頁和頁眉的設計,也因此,再無余力給頁腳的情況下,他們會選擇放個免責聲明和版權信息等就過了。

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

而這應該成為一個絕佳的入口:為訪客提供注冊服務、聯系網站(提供信息/問題咨詢)等。所以,此刻可以問問你自己,當訪客到達網頁底部時,你想給他們看什么?

頁腳到底有多重要?

2

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

就網站頁腳的作用而言,它能提供的不僅是網站的相關信息,還可以是便利的網站導航。此外,你可以在這兒添加不同的社交平臺,增加網站的宣傳渠道;還可以提供和你聯系的方式,建立用戶對網站的信任感等等。

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

讓頁腳變得好看

3

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

如果你想讓網站盡可能地保持干凈簡潔,那就要防止網站看起來乏味無聊。無論如何,在網站頁腳的視覺細節上花點功夫,才能把用戶的注意力搶過來。

專注于你的品牌

4

網站頁腳的另一個重要用途是展示關于你的品牌信息等(贊助商、開發者等),信息越豐富,訪客想深入了解你就越方便。

無論最后你選擇了哪種設計風格,別忘了你設計頁腳時的目的。(提供導航欄/聯系方式/展示品牌)

保持干凈

5

這個在設計中屬于老生常談了,當你有大量信息要處理時,簡約風格是不二選擇。在頁腳設計上,你要保證排版干凈,元素有序,空間通透不擁擠。

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

注:如果你是新手,可以參考:《設計易容術!如何設計一張高品位高水準的海報?》

提升產品和服務

6

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

作為一個優秀的促銷員,它可以讓用戶知道目前有哪些值得購買的福利或注冊的好處,例如上面的網站,頁腳要做的是增強說服力,盡可能地鼓勵用戶去采取行動(買買買或注冊),而不是簡單地羅列信息。

該有的元素

7

說了那么多,總結一下頁腳通常都有的元素:聯系人信息、社交平臺鏈接、導航鏈接、版權聲明、品牌信息、友鏈及交換條件、隱私條款等。

8

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

設計頁腳

9

這里分享幾個幫你設計頁腳的技巧。

有良好的視覺層次

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

當然,干凈良好的排版也至關重要。

留白的運用

10

留白在頁腳設計同樣重要,因為涉及到布局,留白能分割出不同的區塊,起到繪制不同區域的效果。

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

把頁腳和內容分離開

11

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

【新人最喜歡的職場大全】

  1. 平面設計:《超贊!設計師完全自學指南》
  2. UI設計:《超實用新手指南!零基礎如何自學UI設計?》
  3. 交互設計:《交互設計師修煉指南!教你從零開始成為優秀交互設計師》
  4. 面試求職:《優設重磅首發!全方位揭開簡歷和面試話術的秘密》

原文地址:vandelaydesign
譯者:優設程遠

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量103萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏