圣埃蒂安对蒙彼利埃比分预测

NEWS 公司動態

細節是魔鬼!設計網頁頁腳的15個超實用技巧

2018-04-06瀏覽量:629次

1.保持設計簡單


是的,這是大部分設計項目的關鍵之一,但是這點也是重中之重,值得現在就說。在需要處理大量需要放在頁腳的信息的時候,簡單設計就顯得尤為重要。堅持清理元素,保證充足的空間并有目的地組織信息。盡量避免混亂,思考哪些元素需要出現在你的頁腳中,以及它們為什么要在那里。頁腳的尺寸一般都跟你網站頁面數和信息量有關。
Agra-Culture在頁腳中使用顏色、圖標和文字,不過它很簡單,而且流量很大。每個鏈接都易于點擊,綠色背景中農場圖像的微妙細節是個很好的嘗試。

2.鏈接到你的信息

網站頁腳中最重要的兩個鏈接分別是“關于我們”和“聯系我們”。用戶想要知道你是誰,而且想要了解你的公司和品牌。讓用戶更容易找到這些信息。還有很多人想知道你的團隊成員以及他們的聯系方式(這是一個重要的工具。很多人弄丟了他們的名片,但會回到你的網站去尋找聯系人信息)
Heckford包含了很多關于公司、社交網站以及他們工作信息的鏈接。

3.包含基本聯系信息


盡管你應該鏈接到一個完整的“聯系我們”的頁面里,在頁腳中展示相關聯系人信息也不壞。寫上主要的電話號碼、郵箱和真實地址。(如果能夠在點擊時自動撥號,自動發送郵件或者展示地圖,那就是加分了)
Root Studio做了一個幾乎違背你認為應該是“頁腳”的一切的頁腳,不過它文字很大,而且被壓縮為一個非常簡單的聯系人信息列表。(這是一個具有影響力的設計理念,方便了那些想談項目合作的用戶)

4.組織頁腳的鏈接

對頁腳內容的連接和信息進行分類組織會給人感覺比較好。比如把聯系方式、友情鏈接、服務、社交網站和一些你流量最大的內容分成幾列(或幾行)。給每個部分起一個標題,這樣方便查看。
SugarSync的頁腳信息包含很多易于查看的列。在“Product”,“Company”,“Learn More”和“Connect with us”的標題下面,你可以很輕易地找到你接下來想要訪問的內容。
有心的同學都會發現優設也是類似的設計,不信戳首頁看看?
5.包含版權聲明

這行小小的文字可以成為你的救星,不要忘了它。大部分網站把它做在網站底部單獨一行,而你可以考慮把它設計得更融入頁腳。版權聲明可以手寫,也可以只放一個帶圈圈的小c標志。其文字通常包含發布年份和版權所有者的名字。可以為內容和設計建立多個版權聲明(適用于部分由第三方創建的網站)。
Adventure.com在屏幕正下方保留了一行版權聲明。這行信息使用了低對比,這樣它就不會搶了更重要的信息鏈接的風頭。
6.包含行動呼吁

當用戶瀏覽到你的頁腳的時候,給他們一些可做的事情。包括登記獲得郵件通知,或者邀請他們在社交媒體上關注你。不要忘了這個區域在轉化點擊方面的價值。
Collabogive在頁腳區域添加了一個“訂閱我們的郵件”的標語。這個呼吁很容易看到,與頁腳設計融為一體,并且為用戶提供了一種無須加入組織就可以獲得其最新消息的方式。
7.使用圖形元素

通常頁腳只是一個塊塊。添加logo或者圖形元素可以為其添加視覺上的趣味。只是要注意不要為這狹小的空間添加太多它難以承受的元素。想象一下這個場面:不僅僅寫出“關注我們的微博/博客/什么的”,還包括它們的logo。你還可以使用小的標志性元素添加在地圖或者電話號碼之類的旁邊(不過你可能需要添加一個懸停狀態的效果以闡釋這個信息)
Kikk Festival在頁腳空間空使用logo和快速聯系人信息凸顯活動伙伴。注意圖標的大小——每個都易于看到,也易于閱讀。使用滑塊可以使大量信息顯示在這個狹小的空間中。
8.注意對比度和可讀性

頁腳的信息通常都很小,非常小。這就使得文本元素與背景之間的顏色、字重以及對比變得非常重要。每個單詞都應該是易于閱讀的。考慮使用簡單的字體(無襯線字體和中等字重就很好)。選擇高對比的色彩,比如白底黑字或者黑底白字。避免使用不同的顏色或者華麗的字體。

P53為頁腳信息使用最傳統(也是可讀性最好的)的文字背景組合——黑與白。

嗯,配色不求出彩,但愿無錯,參考這篇:《秒變配色高手!怎么都不會錯的6條網頁設計配色原則》

9.包含網站的設計主題


網站頁腳看起來不應該像是狗尾續貂。它應該看起來與整個網站的設計風格相符。顏色、樣式還有圖形元素都應該保持一致。不要為頁腳添加一個不合適的框框,這是很常見的錯誤。從項目伊始就應該思考這塊地方要如何展現,以免在設計過程中因不匹配的元素而做不下去。
Swiths Interactive Group的簡單頁腳與整個網站相得益彰,網站一個人坐在桌前,各種物品放在桌上。簡單的頁腳展示了相關信息,而且看起來與網站融為一體。

當前位置:網站首頁 > 公司動態

圣埃蒂安对蒙彼利埃比分预测 云南时时软件下载 玩江西时时技巧 5分赛车app 河北二十选五走势图带连线 5分钟时时彩走势图 江西时时开奖历史 现金棋牌哪个好 天津时时什么时候 黑龙江省人才 手游棋牌透视软件 黑龙江时时即时 赛车走势怎么看热码 新彊时时彩四星走势图 新时时中奖牛人 开元棋牌二八杠压庄规律 吉林时时模拟