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