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