數(shù)字金融
網(wǎng)絡(luò)營銷推廣
電商服務(wù)
一個好的網(wǎng)站頁腳能夠讓用戶找到有用的信息,增加網(wǎng)站的互動性,那么怎么做好企業(yè)網(wǎng)站的頁腳設(shè)計?
一、保持干凈
或許很多的人都覺得這屬于老生長談,很多的站長都知道當有大量信息需要處理的時候,簡約風(fēng)格是不二選擇,沒錯的確如此,但是能夠真正做到的站長很少。在頁腳設(shè)計上,一定要保證排版干凈,元素有序,空間通透不擁擠,想要做到這點,就需要多花費一些時間想一想,哪些元素是重要的,然后按照設(shè)計的基礎(chǔ)原則分別處理。
二、明確目標
當為網(wǎng)站設(shè)計一個大型頁腳的時候,首先需要明確的就是用戶在實際狀態(tài)下如何使用它,盡管有許多網(wǎng)站將頁腳當做收納不知道怎么處理的鏈接和信息的地方,但實際上頁腳的功能并非是垃圾箱,她和網(wǎng)站其他的部分一樣,優(yōu)良的頁腳設(shè)計需要有明確的設(shè)計目標,具體如下:
A、提供網(wǎng)站地圖,以及最受歡迎的頁面/鏈接;
B、提供聯(lián)系方式,或者提交訂閱的表單;
C、提供社交媒體帳號鏈接和信息;
D、提供行為召喚的功能;
E、提供公司或者店鋪的實際地址/可視化地圖;
三、具備響應(yīng)式設(shè)計
當今網(wǎng)站因具備的基本素質(zhì)就是響應(yīng)式設(shè)計,而大型網(wǎng)站頁腳同樣也需要具備這種特性,只有這樣才能確保體驗上一致,并讓用戶能夠便攜輕松地與之互動。一個大型的頁腳,在桌面端展示時,信息按列來分割排布,這看起來很合理,但在移動端設(shè)備上,就顯得凌亂而復(fù)雜了,尤其是考慮到頁腳需要隨著頁面變化而響應(yīng),并且要便于交互。
四、組織鏈接
包含大量、不同的內(nèi)容的網(wǎng)站,應(yīng)該考慮將大量的鏈接按照類別進行分組管理,通過有組織的鏈接,可幫助用戶找到他們想要的相關(guān)的內(nèi)容。對于大型項目而言,這是一種很常見的技術(shù),對于用戶而言,可能非常有用。以 Amazon為代表的這些在線零售巨頭對于在頁腳中組織信息就有著豐富的經(jīng)驗,在The Home Depot 的網(wǎng)頁中,頁腳就包含了多層次的頁腳導(dǎo)航。
五、注重頁腳視覺效果
讓頁腳變得好看是最基礎(chǔ)也是最有效的方式,就算頁腳沒有任何東西,像按鈕、鏈接等,只要視覺效果出眾,依然可以成為網(wǎng)站整體中最有利的部分。若你想要網(wǎng)站盡可能的保持干凈簡潔,就要防止網(wǎng)站看起來乏味無聊,不管怎樣,在網(wǎng)站頁腳的視覺細節(jié)上一定要多話費一些功夫,這樣才有把用戶的注意力搶過來。
六、保持足夠的留白
緊密的文本是用戶瀏覽和交互的大敵,保持足夠的呼吸感,不但可以保持視覺上的舒適,而且在功能上也有保障,用戶交互也更加方便,空間排版布局的規(guī)則,同樣適用于頁腳的布局設(shè)計,千萬不要覺得它只是裝飾性的,并不是「能看就行」。若頁腳設(shè)計可用性太差,這就不好說了,你可以借助熱點圖等方式來確定用戶對各個模板的點擊率和效果,在此基礎(chǔ)上進行優(yōu)化即可。
七、保持對比度
頁腳是整個設(shè)計當中的一部分,要具備足夠視覺差異性,便于用戶理解它的功能和存在。在視覺上建立這種對比,最常用的方法是將頁腳至于特定的UI容器當中,如:彩色的區(qū)塊或者框當中,通過背景色彩和上方的內(nèi)容進行區(qū)別。許多以淺色背景的網(wǎng)站,會在頁腳的部位采用深色的背景,這種額外的視覺對比的功能性是很明顯的,它是足夠強大的視覺線索,在整個設(shè)計中創(chuàng)造出方向感和可用性。