- 簡(jiǎn)體
- 簡(jiǎn)體中文 English
移動(dòng)應(yīng)用里的轉(zhuǎn)場(chǎng)動(dòng)畫如何操作?
有時(shí)用戶需要一系列的步驟來(lái)完成操作,而這些步驟需要清晰的標(biāo)明他們是緊密相連的,動(dòng)畫能夠幫助你連接不同的步驟創(chuàng)造一個(gè)完整的體驗(yàn)。
下面是一個(gè)如何利用動(dòng)畫來(lái)創(chuàng)造連續(xù)線性事件的優(yōu)秀案例:
Image: Jakub Antalík
動(dòng)畫可以幫助設(shè)計(jì)師創(chuàng)造漸進(jìn)式展現(xiàn),漸進(jìn)式展現(xiàn)通過(guò)減少同一時(shí)間內(nèi)信息量的展現(xiàn),使界面更加簡(jiǎn)單易學(xué)。
這里有兩個(gè)很好的例子,說(shuō)明使用漸進(jìn)式展現(xiàn)提供有意義的信息塊。
Image: Anton Skvortsov
在這篇文章中,我們將講述當(dāng)功能性的動(dòng)畫補(bǔ)充視覺(jué)設(shè)計(jì)和支持交互時(shí)的常見(jiàn)情況。
二、提供系統(tǒng)的狀態(tài)當(dāng)用戶觸發(fā)了某些操作時(shí),他們期望得到一個(gè)視覺(jué)反饋,系統(tǒng)需要清晰地表明它已經(jīng)接收到這個(gè)操作請(qǐng)求同時(shí)正在運(yùn)行中。
這里有一些有益于用戶體驗(yàn)的動(dòng)畫反饋案例:
1. 確認(rèn)用戶操作用戶得到系統(tǒng)對(duì)于該操作的確認(rèn),當(dāng)用戶可以得到有效的視覺(jué)反饋,這就可以防止用戶重新點(diǎn)擊操作元素。
Notify users of the results of their actions. Image: Colin Garven
2. 使用下拉刷新對(duì)于頁(yè)面的內(nèi)容進(jìn)行更新加載提示的視覺(jué)反饋幫助用戶理解系統(tǒng)正在對(duì)于用戶的請(qǐng)求做處理。
Subtle animation helps users understand what is going on. Image: Ramotion
3. 等待內(nèi)容加載加載并不一定很枯燥,幾乎所有的移動(dòng)應(yīng)用都可以在頁(yè)面加載時(shí),利用微妙的動(dòng)畫來(lái)防止用戶離開(kāi)。加載動(dòng)畫可以持續(xù)占據(jù)用戶的視覺(jué)反饋,結(jié)果就是用戶感覺(jué)等待的時(shí)間更短。
Animation can keep the user engaged even before the app fully loads. Image: UI8
信息來(lái)源尚品中國(guó):http://xjjufeng.cn/,專業(yè)網(wǎng)站制作,專業(yè)網(wǎng)站設(shè)計(jì),專業(yè)網(wǎng)站建設(shè)公司
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁(yè)面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開(kāi)發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開(kāi)發(fā)
- 小程序開(kāi)發(fā)
- 無(wú)錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽(yáng)網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
北京網(wǎng)站建設(shè)中色彩應(yīng)用的扁平化趨勢(shì)
色彩是網(wǎng)站設(shè)計(jì)的要素之一。在網(wǎng)站開(kāi)發(fā)設(shè)計(jì)中,網(wǎng)站設(shè)計(jì)師根據(jù)內(nèi)容和諧、布...
2022-03-18 -
如何才能穩(wěn)定排名的要素
尚品中國(guó)網(wǎng)站建設(shè)公司:在搜索引擎不斷變更,行業(yè)競(jìng)爭(zhēng)越來(lái)越激烈的今天,很...
2013-12-24 -
企業(yè)營(yíng)銷型網(wǎng)站建設(shè)的特別之處
一個(gè)具備營(yíng)銷力的網(wǎng)站必然會(huì)在設(shè)計(jì)方面具有獨(dú)到之處,尤其對(duì)于企業(yè)營(yíng)銷型網(wǎng)...
2020-04-03 -
數(shù)據(jù)通信的原理
1.數(shù)據(jù)通信 數(shù)據(jù)通信是計(jì)算機(jī)網(wǎng)絡(luò)的基本功能。 &ldqu...
2014-06-20 -
如何制作網(wǎng)頁(yè)
如何制作網(wǎng)頁(yè) 隨著網(wǎng)絡(luò)應(yīng)用的日益深入,無(wú)數(shù)人夢(mèng)想親自制作極具個(gè)性和特...
2012-06-08 -
科研院所網(wǎng)站建設(shè)需要注意什么?定制麻煩嗎?
現(xiàn)在網(wǎng)站的使用頻率越來(lái)越高,而且使用的體驗(yàn)也是不錯(cuò),可以在網(wǎng)站中加入各...
2023-03-13
預(yù)約專業(yè)咨詢顧問(wèn)溝通!
免責(zé)聲明
非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com