2022-06-28 分類: 網(wǎng)站建設(shè)
評價一個網(wǎng)站好壞有眾多因素,今天創(chuàng)新互聯(lián)要介紹的是不起眼的網(wǎng)站頁腳。在實際使用中,很多專業(yè)設(shè)計師有時也會草草對付頁腳設(shè)計,然而這個最容易忽略的頁腳在網(wǎng)站中卻有著至關(guān)重要的功能擔(dān)當(dāng)。頁腳可以幫你的網(wǎng)站傳達很多信息,它會告訴用戶你是誰,網(wǎng)站都能做些什么以及如何瀏覽你的網(wǎng)站。此外,你可以在這兒添加不同的社交平臺,增加網(wǎng)站的宣傳渠道;還可以提供和你聯(lián)系的方式,建立用戶對網(wǎng)站的信任感等等。所以,就算頁腳位于網(wǎng)頁的最底部,也不意味著你可以在設(shè)計上偷懶,這是一個好的練習(xí)機會,讓你有更多機會和用戶溝通。
但是一個頁腳需要在這里包含哪些元素?如何組織頁腳的內(nèi)容使其不突兀并保持整體美感?下面,小編將結(jié)合自己的經(jīng)驗給大家一些建議。
頁腳可以有的元素
網(wǎng)站頁腳的一個重要用途是展示關(guān)于你的品牌信息等(贊助商、開發(fā)者等),信息越豐富,訪客想深入了解你就越方便。作為一個優(yōu)秀的促銷員,頁腳可以讓用戶知道目前有哪些值得購買的福利或注冊的好處,例如上面的網(wǎng)站,頁腳要做的是增強說服力,盡可能地鼓勵用戶去采取行動(買買買或注冊),而不是簡單地羅列信息。
說了那么多,總結(jié)一下頁腳通常都有的元素:聯(lián)系人信息、社交平臺鏈接、導(dǎo)航鏈接、版權(quán)聲明、品牌信息、友鏈及交換條件、隱私條款等。想吸引到更多人注意,可以放上公司團隊的員工照,公司LOGO等等,如果你是個人網(wǎng)站,可以傳個相片加個包含你所有文章列表的鏈接。
頁腳設(shè)計樣例
當(dāng)然,對于沒有這些信息展示需求的站長,頁腳最基本的功能就是好看,就算頁腳沒有任何東西(按鈕、鏈接等),只要視覺效果出眾,它依然可以成為網(wǎng)站整體中有力的那部分。如果你想讓網(wǎng)站盡可能地保持干凈簡潔,那就要防止網(wǎng)站看起來乏味無聊。無論如何,在網(wǎng)站頁腳的視覺細節(jié)上花點功夫,才能把用戶的注意力搶過來。
頁腳設(shè)計技巧
1、留白的運用
在頁腳部分,適當(dāng)留白設(shè)計也很重要,因為涉及到布局,留白能分割出不同的區(qū)塊,起到繪制不同區(qū)域的效果。當(dāng)然,留白不是僅存白色空間,只要是無內(nèi)容填充的部分都可以稱為留白。由于頁腳通常都住在狹小的空間里,空間和間距就顯得很重要。給頁腳中的元素留出大量空間如同文字的行間距。足夠的間距可以讓頁腳看起來來寬松舒暢。而且方便點擊或觸摸。
適當(dāng)留白
2、保持設(shè)計簡單
在需要處理大量需要放在頁腳的信息的時候,簡單設(shè)計就顯得尤為重要。堅持清理元素,保證充足的空間并有目的地組織信息。盡量避免混亂,思考哪些元素需要出現(xiàn)在你的頁腳中,以及它們?yōu)槭裁匆谀抢?。頁腳的尺寸一般都跟你網(wǎng)站頁面數(shù)和信息量有關(guān)。
保持簡單的設(shè)計
3、頁腳元素的組織
對頁腳內(nèi)容的連接和信息進行分類組織會給人感覺比較好。比如把聯(lián)系方式、友情鏈接、服務(wù)、社交網(wǎng)站和一些你流量大的內(nèi)容分成幾列(或幾行)。給每個部分起一個標題,這樣方便查看。在頁腳部分添加logo或者圖形元素可以為其添加視覺上的趣味。只是要注意不要為這狹小的空間添加太多它難以承受的元素。比如,你可以使用小的標志性元素添加在地圖或者電話號碼之類的旁邊。
另外,當(dāng)用戶瀏覽到你的頁腳的時候,給他們一些可做的事情。包括登記獲得郵件通知,或者邀請他們在社交媒體上關(guān)注你。不要忘了這個區(qū)域在轉(zhuǎn)化點擊方面的價值。
頁腳元素的組織
4、對比度與可讀性
頁腳的信息通常都很小,這就使得文本元素與背景之間的顏色、字重以及對比變得非常重要。每個單詞都應(yīng)該是易于閱讀的??紤]使用簡單的字體(無襯線字體和中等字重就很好)。選擇高對比的色彩,比如白底黑字或者黑底白字。避免使用不同的顏色或者華麗的字體。
通常的頁腳包含了很多小項目,但是注意別弄得太小了。頁腳的文字可以比網(wǎng)站主體所用的字號稍小一點。而圖標和圖像要在你所選的尺寸里是可讀的,元素必須大到易于點擊或觸碰。如果你的鏈接太小,或彼此挨得太近而導(dǎo)致用戶點不到你的鏈接,那你就蹲墻角哭去吧。
頁腳設(shè)計:對比度與可讀性
5、符合網(wǎng)站整體設(shè)計風(fēng)格
網(wǎng)站頁腳看起來不應(yīng)該像是狗尾續(xù)貂。它應(yīng)該看起來與整個網(wǎng)站的設(shè)計風(fēng)格相符。顏色、樣式還有圖形元素都應(yīng)該保持一致。不要為頁腳添加一個不合適的框框,這是很常見的錯誤。微企點提醒大家,從項目伊始就應(yīng)該思考這塊地方要如何展現(xiàn),以免在設(shè)計過程中因不匹配的元素而做不下去。
頁腳設(shè)計:與網(wǎng)站整體風(fēng)格一致
總之,頁腳是設(shè)計中的重要部分,網(wǎng)頁設(shè)計過程中切勿忽視。頁腳的設(shè)計,要確保里面是基本信息,設(shè)計元素和可用性的組合,這樣才能在每個網(wǎng)站設(shè)計項目中用最小的空間獲得最多可能。高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站
當(dāng)前名稱:細節(jié)之美:網(wǎng)頁頁腳設(shè)計技巧
轉(zhuǎn)載源于:http://jinyejixie.com/news12/172912.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、小程序開發(fā)、網(wǎng)站策劃、網(wǎng)站制作、手機網(wǎng)站建設(shè)、微信公眾號
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容