編者按：carrie cousins 寫(xiě)了不少各種網(wǎng)站和 ui設(shè)計(jì)的好實(shí)踐，雖然很多 ui元素的設(shè)計(jì)并不復(fù)雜，但是許多細(xì)節(jié)都值得注意。今天的文章幫你梳理了如今流行的網(wǎng)站大型頁(yè)腳的設(shè)計(jì)技巧和注意事項(xiàng)，還是挺實(shí)用的。

雖然網(wǎng)頁(yè)頁(yè)腳的設(shè)計(jì)在整個(gè)頁(yè)面設(shè)計(jì)中并非最引人矚目的部分，在需求中的優(yōu)先級(jí)也不高，也不是整個(gè)網(wǎng)站設(shè)計(jì)的核心，但是它依然是整個(gè)網(wǎng)站不可或缺的部分。一個(gè)好的網(wǎng)站頁(yè)腳能夠讓用戶(hù)找到有用的信息，更好地互動(dòng)感。想要設(shè)計(jì)一個(gè)功能完善，美觀(guān)的網(wǎng)站頁(yè)腳，有什么可供遵循的方法和技巧呢？今天的文章就來(lái)給你答案。

通常，一個(gè)包含系統(tǒng)化信息的大型頁(yè)腳能夠幫用戶(hù)更好地使用一個(gè)復(fù)雜的大型網(wǎng)站，尤其是像 amazon。

大型頁(yè)腳的設(shè)計(jì)訣竅在于信息的組織。一旦明確了頁(yè)腳需要幫用戶(hù)實(shí)現(xiàn)什么目標(biāo)，接下來(lái)的事情就不難了。下面創(chuàng)新互聯(lián)分享 7 個(gè)技巧。

1. 確定一個(gè)明確的目標(biāo)

在為網(wǎng)站設(shè)計(jì)一個(gè)大型頁(yè)腳的時(shí)候，先要明確用戶(hù)在實(shí)際狀況下如何使用它。盡管有許多網(wǎng)站將頁(yè)腳當(dāng)作收納不知道怎么處理的鏈接和信息的地方，但是實(shí)際上頁(yè)腳的功能并不是垃圾箱。

和網(wǎng)站其他的部分一樣，設(shè)計(jì)優(yōu)良的頁(yè)腳是有著明確的設(shè)計(jì)目標(biāo)的：

1、提供網(wǎng)站地圖，以及最受歡迎的頁(yè)面/鏈接

2、提供聯(lián)系方式，或者提交訂閱的表單

3、提供社交媒體帳號(hào)鏈接和信息

4、提供行為召喚的功能

5、提供公司或者店鋪的實(shí)際地址/可視化地圖

6、網(wǎng)站和團(tuán)隊(duì)相關(guān)的信息（適合博客類(lèi)網(wǎng)站）

2. 具備響應(yīng)式設(shè)計(jì)

響應(yīng)式設(shè)計(jì)毫無(wú)疑問(wèn)是如今網(wǎng)站應(yīng)當(dāng)具備的基礎(chǔ)素質(zhì)，而大型的網(wǎng)站頁(yè)腳同樣也應(yīng)該具備良好的響應(yīng)性，這樣才能確保體驗(yàn)上的一致，并且讓用戶(hù)能夠便捷輕松地與之互動(dòng)。

一個(gè)大型的頁(yè)腳，在桌面端上展示的時(shí)候，信息按列來(lái)分割排布，看起來(lái)是很合理的，但在移動(dòng)端設(shè)備上，就顯得凌亂而復(fù)雜了。尤其是考慮到頁(yè)腳需要隨著頁(yè)面變化而響應(yīng)，并且要便于交互。

整個(gè)頁(yè)腳的主要設(shè)計(jì)目標(biāo)是包含并組織大量的元素，而這種形式并不一定拘泥于多欄式布局。

當(dāng)然，你還可以采取另外一種方法來(lái)進(jìn)行設(shè)計(jì)，使用超大的頁(yè)腳來(lái)承載單一元素，讓它將特定的功能發(fā)揮到極致。就像上面的 hustle panda 這個(gè)頁(yè)面，整個(gè)頁(yè)腳幾乎擴(kuò)到屏幕的尺寸，單列式的布局，即使是在移動(dòng)端上也可以和桌面端一致的樣式來(lái)進(jìn)行響應(yīng)和展示。（當(dāng)然，你需要讓 cta元素足夠大，并且易于閱讀）

3. 包含用戶(hù)期望的信息

絕大多數(shù)的用戶(hù)對(duì)于網(wǎng)頁(yè)頁(yè)腳中所呈現(xiàn)的信息，是有所期待的，將用戶(hù)期望的信息包含在其中，可以讓它的可用性更強(qiáng)。

雖然并非所有的元素都需要包含在網(wǎng)頁(yè)頁(yè)腳當(dāng)中，但是下面所列舉出來(lái)的元素，應(yīng)該覆蓋了絕大多數(shù)的用戶(hù)需求：

1、網(wǎng)站地圖或者拓展導(dǎo)航

2、聯(lián)系信息，地址或者地圖

3、社交媒體鏈接

4、電子郵件訂閱信息

5、搜索

6、關(guān)于我們

7、獲獎(jiǎng)情況或者證明

8、新聞資訊，最近的文章或者事件列表

9、還有一些其他的小元素或者功能控件可以放到其中，但是用戶(hù)并非需要全部的元素，他們所需要的通常是其中的一部分，絕大多數(shù)是關(guān)于網(wǎng)站本身的一些信息。

10、版權(quán)信息

11、法律信息和隱私條款

12、專(zhuān)業(yè)領(lǐng)域或者所屬組織

網(wǎng)頁(yè)標(biāo)題：網(wǎng)站頁(yè)腳也要講究
標(biāo)題來(lái)源：http://www.aaarwkj.com/news/106356.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、電子商務(wù)、網(wǎng)站導(dǎo)航、小程序開(kāi)發(fā)、搜索引擎優(yōu)化、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)