国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

如何用動畫來提高 UX

SolomonXie / 1104人閱讀

摘要：利用反饋來突顯出了錯動畫可以加強行動用戶預例如，表單條目可以大大提高一些動畫。當用戶注意到這樣的動畫他們便會立即了解動作。

動畫不是娛樂用戶的目標，而是幫助用戶了解什么以及如何最有效地使用你的應用程序。我們不再只是設計靜態屏幕。我們是從這些用戶如何獲取屏幕看內容而設計。
動畫可以應用在各種各樣的尺度和情境中，以統一美觀和功能：它可以影響行為，溝通狀態，引導用戶的注意力，并幫助用戶看到他們的行動的結果。這里只舉幾個例子來說明你可以在你的UI中添加一些動畫來改善體驗的地方。

1.加載(loading)可以讓用戶不那么無聊

如果你不能縮短線和動畫來來取代惱人的紡紗加載指標（基本上只是提醒用戶，他們正在等待），你應該總是試圖讓等待更愉快。幾乎任何網站或應用程序可以利用一個骨架屏幕與微妙的動畫加載內容時，以保持用戶從事。

Skeleton screens complete the UI incrementally before the content is fully loaded（骨架屏幕在內容完全加載之前逐步完成UI。）
2.設計狀態變化不難削減

動畫可以用來使轉換更加明顯，因為可以明了的知道用戶開始和結束之間發生了什么。一個精心設計的過渡使用戶能夠清楚地了解他們的注意力集中的地方。

沒有什么比突然的變化更不自然的了，用戶也無法理解。
正如你所看到的，動畫轉換幫助用戶理解接口的速度和流程。它也有助于引導用戶到下一步的互動。

3、可以解釋元素之間的關系

動畫可以增強直接操控感。 例如，菜單圖標可以順利過渡到一個播放控制，然后再回來。這種效果既通知用戶按鈕的功能，同時添加一個元素的奇妙的互動。將游戲圖標轉換為暫停也意味著這兩個動作是連接的，而另一個則不能使用。

另一個例子?-?當按下動作鍵，加號變成一支鉛筆。這表明鉛筆是主要的創作方法。這樣一個小細節意味著必須猜測下一步會發生什么，知道圖標在兩種狀態中意味著什么.

。

4、利用反饋來突顯出了錯（動畫可以加強行動用戶預）

例如，表單條目可以大大提高一些動畫。如果輸入正確的數據，一個簡單的“點頭”動畫可以在完成后被引入。而橫向震動可以使用時，拒絕輸入。當用戶注意到這樣的動畫他們便會立即了解動作。

5、使用反饋來顯示已經完成的（動畫可以用來幫助人們可視化的操作結果和行動）

在條紋的下面的例子，當用戶點擊“支付”，微調簡要地出現在應用程序的成功顯示狀態。復選標記動畫讓用戶覺得他們容易并支付用戶欣賞這樣的重要細節。

6、總結

動畫是強大的使用時，在一個復雜的方式。當動畫不恰當時，花時間考慮動畫是非常重要的。我們需要從一開始就接受這個運動，并認為它是我們設計的自然組成部分，因為設計不僅僅是視覺表現。正如史蒂夫·喬布斯所說的設計：
“這不僅僅是它的樣子和感覺。Design is how it works。”
參考英文文檔

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115507.html

相關文章

  • 您的【用戶體驗優化方案】到了，請簽收~

    摘要：暴露年齡了廣告詞飯后嚼兩粒大概，故事性很強，比較有意思同時直入主題，飯后吃益達口香糖有益健康。書里破繭成蝶說道，揣摩用戶的心思遠遠不夠，你不可能完整的想到別人在想什么，所以還需要去體驗用戶的生活。 用戶體驗（User Experience，簡稱UX 或是UE），它指用戶在使用一個產品、系統或者服務時建立起來的純主觀感受。 showImg(https://segmentfault.com...

    cheng10 評論0 收藏0

  • 您的【用戶體驗優化方案】到了，請簽收~

    摘要：暴露年齡了廣告詞飯后嚼兩粒大概，故事性很強，比較有意思同時直入主題，飯后吃益達口香糖有益健康。書里破繭成蝶說道，揣摩用戶的心思遠遠不夠，你不可能完整的想到別人在想什么，所以還需要去體驗用戶的生活。 用戶體驗（User Experience，簡稱UX 或是UE），它指用戶在使用一個產品、系統或者服務時建立起來的純主觀感受。 showImg(https://segmentfault.com...

    eternalshallow 評論0 收藏0

  • 程序員練級攻略（2018）：前端 UI/UX設計

    摘要：前端還有一個很重要的事就是設計。，中文版譯名為認知與設計理解設計準則。實驗室是布拉德弗羅斯特依照這個設計系統所建立的一套工具，可以前往的來試試。中文翻譯為流暢設計體系，是微軟于年開發的設計語言。微軟于年月日的開發者大會上公開了該設計體系。 showImg(https://segmentfault.com/img/bVbkgFI?w=1142&h=640); 想閱讀更多優質文章請猛戳Gi...

    dongfangyiyu 評論0 收藏0

  • 前端每日實戰 2018 年 9 月份項目匯總（共 26 個項目）

    摘要：過往項目年月份項目匯總共個項目年月份項目匯總共個項目年月份項目匯總共個項目年月份項目匯總共個項目年月份項目匯總共個項目年月份發布的項目前端每日實戰專欄每天分解一個前端項目，用視頻記錄編碼過程，再配合詳細的代碼解讀，是學習前端開發的活的參考書 過往項目 2018 年 8 月份項目匯總（共 29 個項目） 2018 年 7 月份項目匯總（共 29 個項目） 2018 年 6 月份項目匯總（...

    lavnFan 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<