下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
本文格式為Word版,下載可任意編輯——長(zhǎng)滾動(dòng)網(wǎng)頁(yè)設(shè)計(jì)技巧長(zhǎng)滾動(dòng)網(wǎng)頁(yè)設(shè)計(jì)技巧
網(wǎng)頁(yè)設(shè)計(jì)的工作目標(biāo),是通過使用更合理的顏色、字體、圖片、樣式舉行頁(yè)面設(shè)計(jì)美化,在功能限定的處境下,盡可能賦予用戶完備的視覺體驗(yàn)。下面我來給大家共享長(zhǎng)滾動(dòng)網(wǎng)頁(yè)設(shè)計(jì)技巧,夢(mèng)想對(duì)大家有扶助!
長(zhǎng)滾動(dòng)式的頁(yè)面有著如下的優(yōu)勢(shì):
1、為精簡(jiǎn)的導(dǎo)航
2、易呈現(xiàn)故事,擁有吸引用戶的潛質(zhì)
3、移動(dòng)端設(shè)備的良好兼容性
長(zhǎng)滾動(dòng)頁(yè)面的流行和移動(dòng)端設(shè)備的廣泛普及有著直接的因果關(guān)系:
屏幕越小,一致內(nèi)容所需要呈現(xiàn)的頁(yè)面就越長(zhǎng)。
移動(dòng)端設(shè)備目前幾乎全都是使用觸摸屏,交互方式也是以觸摸和手勢(shì)為主。當(dāng)然,長(zhǎng)滾動(dòng)式頁(yè)面并非沒有缺點(diǎn),但是接下來的案例和最正確實(shí)踐,將會(huì)幫你在設(shè)計(jì)長(zhǎng)滾動(dòng)頁(yè)面的時(shí)候,盡量得志用戶的期望。
一、使用視覺線索
通過視覺線索的示意,讓用戶明白絕大多數(shù)的內(nèi)容都位于首屏。
作為一個(gè)長(zhǎng)滾動(dòng)頁(yè)面,想要讓用戶快速的明白它的運(yùn)作方式,理應(yīng)合理地運(yùn)用元素來呈現(xiàn)它的原理。諸如向下的箭頭或者“向下滾動(dòng)”的文本都是可用性良好的視覺線索,告知用戶只需要向下滾動(dòng)便可。
向下的箭頭在向用戶示意,絕大多數(shù)的內(nèi)容都在下方。
二、讓導(dǎo)航選項(xiàng)始終可見
長(zhǎng)滾動(dòng)頁(yè)面對(duì)于用戶最大的障礙在于,用戶很輕易在頁(yè)面欣賞過程中迷失。造成這種狀況的`理由好多,缺少導(dǎo)航以及導(dǎo)航元素的混亂都有可能損害欣賞體驗(yàn),讓用戶感到迷惑或者煩躁。優(yōu)設(shè)之前曾經(jīng)發(fā)布過不少導(dǎo)航設(shè)計(jì)的文章:
在創(chuàng)造長(zhǎng)滾動(dòng)頁(yè)面的時(shí)候,請(qǐng)始終記住,用戶是需要在欣賞過程中保持“方向感”的,也就是說,需要導(dǎo)航來確定欣賞的所在位置。對(duì)此,懸浮導(dǎo)航欄其實(shí)是一個(gè)很不錯(cuò)的解決方案,它會(huì)顯示當(dāng)前的位置,并且始終懸浮在屏幕特定的位置,讓用戶望見。
假設(shè)受限于屏幕空間,無法添加導(dǎo)航欄,那么你理應(yīng)優(yōu)先考慮跳轉(zhuǎn)式的導(dǎo)航設(shè)計(jì):
三、于屏幕右側(cè)的跳轉(zhuǎn)鏈接
由于移動(dòng)端屏幕的尺寸較小,固定的導(dǎo)航欄會(huì)占據(jù)屏幕較大的空間。所以,對(duì)比合理的設(shè)計(jì)是用戶向下欣賞的時(shí)候暗藏導(dǎo)航,而當(dāng)用戶計(jì)劃回到頂部、向上欣賞的時(shí)候,讓導(dǎo)航欄呈現(xiàn)。
四、設(shè)計(jì)分頁(yè)
抉擇你的頁(yè)面長(zhǎng)度的因素理應(yīng)是你所供給的內(nèi)容,而不是讓頁(yè)面長(zhǎng)度來抉擇需要填充內(nèi)容的多寡。
長(zhǎng)滾動(dòng)式的網(wǎng)頁(yè)和其他的網(wǎng)頁(yè)一樣,它可以用來陳述故事,而它所呈現(xiàn)出來的故事理應(yīng)更加平滑、線性。以往傳統(tǒng)的頁(yè)面當(dāng)中,頁(yè)面的框架下,不同的內(nèi)容被折疊起來,暗藏在不同的鏈接和按鈕后面,用戶總能先看到整個(gè)頁(yè)面的組織架構(gòu)。而在長(zhǎng)滾動(dòng)頁(yè)面當(dāng)中,你需要的是將內(nèi)容以不同的頁(yè)面的形式呈現(xiàn)出來,隨著用戶滾動(dòng)逐步呈現(xiàn)。
五、結(jié)合動(dòng)畫效果
好玩的動(dòng)畫效果是讓你的設(shè)計(jì)同用戶產(chǎn)生情感聯(lián)系的重要手段。長(zhǎng)滾動(dòng)頁(yè)面的設(shè)計(jì)可以繁雜也可以簡(jiǎn)樸,好的交互能夠讓長(zhǎng)滾動(dòng)特效化腐朽為神秘,而動(dòng)效那么是最重要的粘合劑。動(dòng)畫效果讓用戶可以讓整個(gè)網(wǎng)站顯得更有吸引力,增加了用戶探索過程中的樂趣,提升整體的體驗(yàn)。譬如,長(zhǎng)滾動(dòng)式頁(yè)面當(dāng)中能夠參與視差滾動(dòng)的動(dòng)畫特效,或者參與滾動(dòng)觸發(fā)式的動(dòng)效,讓滾動(dòng)欣賞本身成為一個(gè)好玩的東西,讓用戶知道接下來會(huì)發(fā)生什么。
六、講故事
視差滾動(dòng)通常是讓前景和背景的元素之間產(chǎn)生速度差,從而營(yíng)造出動(dòng)態(tài)的視覺效果。視差的效果本身并不繁雜,但是涉及到不同的元素,加上不同運(yùn)動(dòng)方式、速度帶來的不同效果,視差滾動(dòng)能夠帶來的效果
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024大型商場(chǎng)裝修合同書常見問題
- 嵌入式接口課程設(shè)計(jì)
- 銷售工作計(jì)劃(19篇)
- 數(shù)據(jù)庫(kù)人事系統(tǒng)課程設(shè)計(jì)
- qq空間軟件測(cè)試課課程設(shè)計(jì)
- 新年年會(huì)領(lǐng)導(dǎo)發(fā)言稿(3篇)
- 生物多樣性保護(hù)的倡議書
- 收納師課程設(shè)計(jì)
- 支教個(gè)人工作總結(jié)
- 大樹的故事教學(xué)反思(33篇)
- 電機(jī)能效對(duì)照表
- 煤礦事故反思-
- 2023新青年新機(jī)遇新職業(yè)發(fā)展趨勢(shì)白皮書-人民數(shù)據(jù)研究院
- 《制作珍珠奶茶》
- 數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)導(dǎo)論P(yáng)PT完整全套教學(xué)課件
- 項(xiàng)目后評(píng)價(jià)表格(全過程咨詢)
- DB13-T 5615.2-2022 重點(diǎn)行業(yè)領(lǐng)域生產(chǎn)安全事故應(yīng)急演練規(guī)范 第2部分:危險(xiǎn)化學(xué)品企業(yè)
- 2022年10月陜西省人民檢察院第二批面向社會(huì)公開招考15名聘用制書記員筆試題庫(kù)含答案解析
- project項(xiàng)目管理案例
- 餐飲門店運(yùn)營(yíng)成本核算表
- 學(xué)校反恐工作專項(xiàng)經(jīng)費(fèi)保障制度
評(píng)論
0/150
提交評(píng)論