1. 程式人生 > >超實用的網站頁尾設計小技巧

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

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

重視網站的頁尾設計

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

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

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

頁尾到底有多重要?

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

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

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

讓頁尾變得好看

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

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

專注於你的品牌

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

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

保持乾淨

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

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

提升產品和服務

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

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

該有的元素

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

設計頁尾

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

有良好的視覺層次

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

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

留白的運用

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

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

把頁尾和內容分離開

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