![超實用網(wǎng)站頁腳設(shè)計技巧助你提升用戶體驗_第1頁](http://file2.renrendoc.com/fileroot_temp3/2021-10/28/52e531fa-4cde-471e-b0e2-a0b5f20a9d34/52e531fa-4cde-471e-b0e2-a0b5f20a9d341.gif)
![超實用網(wǎng)站頁腳設(shè)計技巧助你提升用戶體驗_第2頁](http://file2.renrendoc.com/fileroot_temp3/2021-10/28/52e531fa-4cde-471e-b0e2-a0b5f20a9d34/52e531fa-4cde-471e-b0e2-a0b5f20a9d342.gif)
![超實用網(wǎng)站頁腳設(shè)計技巧助你提升用戶體驗_第3頁](http://file2.renrendoc.com/fileroot_temp3/2021-10/28/52e531fa-4cde-471e-b0e2-a0b5f20a9d34/52e531fa-4cde-471e-b0e2-a0b5f20a9d343.gif)
![超實用網(wǎng)站頁腳設(shè)計技巧助你提升用戶體驗_第4頁](http://file2.renrendoc.com/fileroot_temp3/2021-10/28/52e531fa-4cde-471e-b0e2-a0b5f20a9d34/52e531fa-4cde-471e-b0e2-a0b5f20a9d344.gif)
![超實用網(wǎng)站頁腳設(shè)計技巧助你提升用戶體驗_第5頁](http://file2.renrendoc.com/fileroot_temp3/2021-10/28/52e531fa-4cde-471e-b0e2-a0b5f20a9d34/52e531fa-4cde-471e-b0e2-a0b5f20a9d345.gif)
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
1、超實用:網(wǎng)站頁腳設(shè)計技巧助你提升用戶體驗作者: 一網(wǎng)學(xué) 最后更新時間:2015-10-30 11:17:58小編:視覺設(shè)計,網(wǎng)站易用性,品牌一致性等都會影響一個網(wǎng)站的用戶體驗,今天分享的是頁腳的設(shè)計小技巧,很多設(shè)計師都可能忽略頁腳的部分,在網(wǎng)站中卻有著舉足輕重的作用。重視網(wǎng)站的頁腳設(shè)計通常一接到任務(wù),大多數(shù)設(shè)計師都會就把精力投身于網(wǎng)站主頁和頁眉的設(shè)計,也因此,再無余力給頁腳的情況下,他們會選擇放個免責聲明和版權(quán)信息等就過了。但是,頁腳不應(yīng)該是以這種方式存在,事實上,頁腳的重要性和頁眉相當,有時更甚,因為對大多數(shù)用戶來說,頁腳是他們最后的停泊港。而這應(yīng)該成為一個
2、絕佳的入口:為訪客提供注冊服務(wù)、聯(lián)系網(wǎng)站(提供信息/問題咨詢)等。所以,此刻可以問問你自己,當訪客到達網(wǎng)頁底部時,你想給他們看什么?頁腳到底有多重要?上圖左側(cè)為聯(lián)系方式,中間為注冊入口,右邊是網(wǎng)站的社交平臺。就網(wǎng)站頁腳的作用而言,它能提供的不僅是網(wǎng)站的相關(guān)信息,還可以是便利的網(wǎng)站導(dǎo)航。此外,你可以在這兒添加不同的社交平臺,增加網(wǎng)站的宣傳渠道;還可以提供和你聯(lián)系的方式,建立用戶對網(wǎng)站的信任感等等。所以,就算頁腳位于網(wǎng)頁的最底部,也不意味著你可以在設(shè)計上偷懶,這是一個絕佳的練習(xí)機會,讓你有更多機會和用戶溝通。讓頁腳變得好看最基本也是最有效的方法是讓頁腳變得好看,就算頁腳沒有任何東西(按鈕、鏈接等)
3、,只要視覺效果出眾,它依然可以成為網(wǎng)站整體中有力的那部分。如果你想讓網(wǎng)站盡可能地保持干凈簡潔,那就要防止網(wǎng)站看起來乏味無聊。無論如何,在網(wǎng)站頁腳的視覺細節(jié)上花點功夫,才能把用戶的注意力搶過來。專注于你的品牌網(wǎng)站頁腳的另一個重要用途是展示關(guān)于你的品牌信息等(贊助商、開發(fā)者等),信息越豐富,訪客想深入了解你就越方便。無論最后你選擇了哪種設(shè)計風(fēng)格,別忘了你設(shè)計頁腳時的目的。(提供導(dǎo)航欄/聯(lián)系方式/展示品牌)保持干凈這個在設(shè)計中屬于老生常談了,當你有大量信息要處理時,簡約風(fēng)格是不二選擇。在頁腳設(shè)計上,你要保證排版干凈,元素有序,空間通透不擁擠。花點時間想想,哪些元素是最重要的,然后按設(shè)計的四個基本原則
4、去處理吧。提升產(chǎn)品和服務(wù)如果你的網(wǎng)站是售賣產(chǎn)品或服務(wù)的,頁腳就是一個讓用戶有所行動的優(yōu)秀渠道。作為一個優(yōu)秀的促銷員,它可以讓用戶知道目前有哪些值得購買的福利或注冊的好處,例如上面的網(wǎng)站,頁腳要做的是增強說服力,盡可能地鼓勵用戶去采取行動(買買買或注冊),而不是簡單地羅列信息。該有的元素說了那么多,總結(jié)一下頁腳通常都有的元素:聯(lián)系人信息、社交平臺鏈接、導(dǎo)航鏈接、版權(quán)聲明、品牌信息、友鏈及交換條件、隱私條款等。想吸引到更多人注意,可以放上公司團隊的員工照,公司logo等等,如果你是個人網(wǎng)站,可以傳個相片加個包含你所有文章列表的鏈接。設(shè)計頁腳這里分享幾個幫你設(shè)計頁腳的技巧。有良好的視覺層次訪客讀文章
5、時需要的不是一鏡到底,然后糊里糊涂地結(jié)束,而是段落分明的層次感,先是標題,然后正文,頁腳,諸如此類,建立一個優(yōu)秀的列表樣式能幫你提高聚焦性和可讀性。當然,干凈良好的排版也至關(guān)重要。留白的運用留白在頁腳設(shè)計同樣重要,因為涉及到布局,留白能分割出不同的區(qū)塊,起到繪制不同區(qū)域的效果。當然,留白不是僅存白色空間,只要是無內(nèi)容填充的部分都可以稱為留白。留白的另一個作用是,下面該出場的這個。把頁腳和內(nèi)容分離開大多數(shù)頁腳都是以深色背景為主的,有些是直接用插畫做背景,無論哪個,你要確定的是頁腳看起來是和內(nèi)容分離開的,這樣才不會混亂,保證了視覺上的層次性。1.原文地址:vandelaydesign推薦閱讀:淺談網(wǎng)頁表單細節(jié)與規(guī)范【網(wǎng)頁設(shè)計培訓(xùn)】你了解幾個?看世界奢侈品牌如何打造貴族氣質(zhì)官網(wǎng)!四個頁面設(shè)計技巧幫你提高表單使用率!【一網(wǎng)學(xué) 原創(chuàng)文章 投稿郵箱:251
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 表內(nèi)乘法題目數(shù)學(xué)試卷
- 2020幼兒園幼兒膳食工作總結(jié)-幼兒園食堂工作總結(jié)范文5篇
- 2025年度教育類在線考試系統(tǒng)開發(fā)合同
- 2025年度特殊景觀植物引種與應(yīng)用合同
- 2025年度網(wǎng)絡(luò)安全防護技術(shù)合同范本
- (公開課)部編版七年級歷史(下)第9課宋朝經(jīng)濟的發(fā)展聽課評課記錄
- 人教版數(shù)學(xué)八年級上冊《用坐標表示軸對稱》聽評課記錄
- 現(xiàn)代物流業(yè)與科技教育的新機遇
- 物聯(lián)網(wǎng)時代下的Java嵌入式系統(tǒng)開發(fā)探討
- 2025年度醫(yī)療設(shè)備養(yǎng)護與故障快速響應(yīng)合同
- 06歲兒童眼保健知識培訓(xùn)課件
- 企業(yè)商業(yè)秘密保護操作指引(2023版)
- 三年級數(shù)學(xué)口算題300道 (可直接打印)
- 益生芽孢桿菌體外抑菌活性及耐藥性研究
- 2023數(shù)聯(lián)網(wǎng)(DSSN)白皮書
- ISO17025經(jīng)典培訓(xùn)教材
- 消防設(shè)施操作和維護保養(yǎng)規(guī)程
- 反面典型案例剖析材料范文(通用6篇)
- 餐飲行業(yè)品牌介紹商務(wù)宣傳PPT模板
- 關(guān)于中小企業(yè)人才流失的調(diào)查分析報告畢業(yè)論文
- 質(zhì)量源于設(shè)計課件
評論
0/150
提交評論