資訊專欄INFORMATION COLUMN
摘要：利用反饋來(lái)突顯出了錯(cuò)動(dòng)畫(huà)可以加強(qiáng)行動(dòng)用戶預(yù)例如，表單條目可以大大提高一些動(dòng)畫(huà)。當(dāng)用戶注意到這樣的動(dòng)畫(huà)他們便會(huì)立即了解動(dòng)作。
動(dòng)畫(huà)不是娛樂(lè)用戶的目標(biāo)，而是幫助用戶了解什么以及如何最有效地使用你的應(yīng)用程序。我們不再只是設(shè)計(jì)靜態(tài)屏幕。我們是從這些用戶如何獲取屏幕看內(nèi)容而設(shè)計(jì)。
動(dòng)畫(huà)可以應(yīng)用在各種各樣的尺度和情境中，以統(tǒng)一美觀和功能：它可以影響行為，溝通狀態(tài)，引導(dǎo)用戶的注意力，并幫助用戶看到他們的行動(dòng)的結(jié)果。這里只舉幾個(gè)例子來(lái)說(shuō)明你可以在你的UI中添加一些動(dòng)畫(huà)來(lái)改善體驗(yàn)的地方。
如果你不能縮短線和動(dòng)畫(huà)來(lái)來(lái)取代惱人的紡紗加載指標(biāo)（基本上只是提醒用戶，他們正在等待），你應(yīng)該總是試圖讓等待更愉快。幾乎任何網(wǎng)站或應(yīng)用程序可以利用一個(gè)骨架屏幕與微妙的動(dòng)畫(huà)加載內(nèi)容時(shí)，以保持用戶從事。
2.設(shè)計(jì)狀態(tài)變化不難削減Skeleton screens complete the UI incrementally before the content is fully loaded（骨架屏幕在內(nèi)容完全加載之前逐步完成UI。）
動(dòng)畫(huà)可以用來(lái)使轉(zhuǎn)換更加明顯，因?yàn)榭梢悦髁说闹烙脩糸_(kāi)始和結(jié)束之間發(fā)生了什么。一個(gè)精心設(shè)計(jì)的過(guò)渡使用戶能夠清楚地了解他們的注意力集中的地方。
沒(méi)有什么比突然的變化更不自然的了，用戶也無(wú)法理解。
正如你所看到的，動(dòng)畫(huà)轉(zhuǎn)換幫助用戶理解接口的速度和流程。它也有助于引導(dǎo)用戶到下一步的互動(dòng)。
動(dòng)畫(huà)可以增強(qiáng)直接操控感。 例如，菜單圖標(biāo)可以順利過(guò)渡到一個(gè)播放控制，然后再回來(lái)。這種效果既通知用戶按鈕的功能，同時(shí)添加一個(gè)元素的奇妙的互動(dòng)。將游戲圖標(biāo)轉(zhuǎn)換為暫停也意味著這兩個(gè)動(dòng)作是連接的，而另一個(gè)則不能使用。
另一個(gè)例子?-?當(dāng)按下動(dòng)作鍵，加號(hào)變成一支鉛筆。這表明鉛筆是主要的創(chuàng)作方法。這樣一個(gè)小細(xì)節(jié)意味著必須猜測(cè)下一步會(huì)發(fā)生什么，知道圖標(biāo)在兩種狀態(tài)中意味著什么.
。
4、利用反饋來(lái)突顯出了錯(cuò)（動(dòng)畫(huà)可以加強(qiáng)行動(dòng)用戶預(yù)）例如，表單條目可以大大提高一些動(dòng)畫(huà)。如果輸入正確的數(shù)據(jù)，一個(gè)簡(jiǎn)單的“點(diǎn)頭”動(dòng)畫(huà)可以在完成后被引入。而橫向震動(dòng)可以使用時(shí)，拒絕輸入。當(dāng)用戶注意到這樣的動(dòng)畫(huà)他們便會(huì)立即了解動(dòng)作。
5、使用反饋來(lái)顯示已經(jīng)完成的（動(dòng)畫(huà)可以用來(lái)幫助人們可視化的操作結(jié)果和行動(dòng)）在條紋的下面的例子，當(dāng)用戶點(diǎn)擊“支付”，微調(diào)簡(jiǎn)要地出現(xiàn)在應(yīng)用程序的成功顯示狀態(tài)。復(fù)選標(biāo)記動(dòng)畫(huà)讓用戶覺(jué)得他們?nèi)菀撞⒅Ц队脩粜蕾p這樣的重要細(xì)節(jié)。
6、總結(jié)動(dòng)畫(huà)是強(qiáng)大的使用時(shí)，在一個(gè)復(fù)雜的方式。當(dāng)動(dòng)畫(huà)不恰當(dāng)時(shí)，花時(shí)間考慮動(dòng)畫(huà)是非常重要的。我們需要從一開(kāi)始就接受這個(gè)運(yùn)動(dòng)，并認(rèn)為它是我們?cè)O(shè)計(jì)的自然組成部分，因?yàn)樵O(shè)計(jì)不僅僅是視覺(jué)表現(xiàn)。正如史蒂夫·喬布斯所說(shuō)的設(shè)計(jì)：
“這不僅僅是它的樣子和感覺(jué)。Design is how it works。”
參考英文文檔
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/115507.html
摘要：暴露年齡了廣告詞飯后嚼兩粒大概，故事性很強(qiáng)，比較有意思同時(shí)直入主題，飯后吃益達(dá)口香糖有益健康。書(shū)里破繭成蝶說(shuō)道，揣摩用戶的心思遠(yuǎn)遠(yuǎn)不夠，你不可能完整的想到別人在想什么，所以還需要去體驗(yàn)用戶的生活。 用戶體驗(yàn)（User Experience，簡(jiǎn)稱UX 或是UE），它指用戶在使用一個(gè)產(chǎn)品、系統(tǒng)或者服務(wù)時(shí)建立起來(lái)的純主觀感受。 showImg(https://segmentfault.com...
摘要：暴露年齡了廣告詞飯后嚼兩粒大概，故事性很強(qiáng)，比較有意思同時(shí)直入主題，飯后吃益達(dá)口香糖有益健康。書(shū)里破繭成蝶說(shuō)道，揣摩用戶的心思遠(yuǎn)遠(yuǎn)不夠，你不可能完整的想到別人在想什么，所以還需要去體驗(yàn)用戶的生活。 用戶體驗(yàn)（User Experience，簡(jiǎn)稱UX 或是UE），它指用戶在使用一個(gè)產(chǎn)品、系統(tǒng)或者服務(wù)時(shí)建立起來(lái)的純主觀感受。 showImg(https://segmentfault.com...
摘要：前端還有一個(gè)很重要的事就是設(shè)計(jì)。，中文版譯名為認(rèn)知與設(shè)計(jì)理解設(shè)計(jì)準(zhǔn)則。實(shí)驗(yàn)室是布拉德弗羅斯特依照這個(gè)設(shè)計(jì)系統(tǒng)所建立的一套工具，可以前往的來(lái)試試。中文翻譯為流暢設(shè)計(jì)體系，是微軟于年開(kāi)發(fā)的設(shè)計(jì)語(yǔ)言。微軟于年月日的開(kāi)發(fā)者大會(huì)上公開(kāi)了該設(shè)計(jì)體系。 showImg(https://segmentfault.com/img/bVbkgFI?w=1142&h=640); 想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳Gi...
摘要：過(guò)往項(xiàng)目年月份項(xiàng)目匯總共個(gè)項(xiàng)目年月份項(xiàng)目匯總共個(gè)項(xiàng)目年月份項(xiàng)目匯總共個(gè)項(xiàng)目年月份項(xiàng)目匯總共個(gè)項(xiàng)目年月份項(xiàng)目匯總共個(gè)項(xiàng)目年月份發(fā)布的項(xiàng)目前端每日實(shí)戰(zhàn)專欄每天分解一個(gè)前端項(xiàng)目，用視頻記錄編碼過(guò)程，再配合詳細(xì)的代碼解讀，是學(xué)習(xí)前端開(kāi)發(fā)的活的參考書(shū) 過(guò)往項(xiàng)目 2018 年 8 月份項(xiàng)目匯總（共 29 個(gè)項(xiàng)目） 2018 年 7 月份項(xiàng)目匯總（共 29 個(gè)項(xiàng)目） 2018 年 6 月份項(xiàng)目匯總（...
閱讀 1201·2021-11-18 13:23
閱讀 903·2021-11-08 13:16
閱讀 1109·2021-10-11 10:58
閱讀 3653·2021-09-22 15:26
閱讀 1926·2021-09-08 10:42
閱讀 2009·2021-09-04 16:45
閱讀 1885·2019-08-30 15:54
閱讀 2707·2019-08-30 13:45
