亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

移動(dòng)UI設(shè)計(jì)中動(dòng)畫的3個(gè)主要用途【北京新易設(shè)計(jì)坊】

發(fā)布時(shí)間：2024-03-08 10:58:02 瀏覽量：150次


隨著技術(shù)的飛速發(fā)展，動(dòng)畫已不再是視覺上的奢侈，而是用戶期望的功能需求。動(dòng)畫解決了界面中的許多功能性問題，并使界面生動(dòng)活潑并真正響應(yīng)用戶。接下來讓我們探討一下改善移動(dòng)界面功能和情感力量的關(guān)鍵動(dòng)畫策略。

1.系統(tǒng)狀態(tài)

應(yīng)用程序的后臺(tái)總會(huì)發(fā)生許多進(jìn)程，例如正在從服務(wù)器下載數(shù)據(jù)，進(jìn)行計(jì)算。這樣的過程總是需要一些時(shí)間。設(shè)計(jì)師應(yīng)該讓用戶知道該應(yīng)用程序未凍結(jié)，并指示正在進(jìn)行的處理狀態(tài)。視覺上的進(jìn)步跡象使用戶對(duì)應(yīng)用程序有控制感。

加載指標(biāo)

對(duì)于大多數(shù)數(shù)字產(chǎn)品而言，加載時(shí)間是不可避免的情況。盡管動(dòng)畫無法解決問題，但它們無疑減少了等待問題的時(shí)間。當(dāng)我們不能縮短排隊(duì)時(shí)間時(shí)，我們當(dāng)然可以使等待變得更加愉快。

創(chuàng)作進(jìn)度指示器可以減少用戶對(duì)時(shí)間的感知。動(dòng)畫會(huì)影響用戶對(duì)您產(chǎn)品的感知，使其看上去比實(shí)際情況要好。如果應(yīng)用程序在等待時(shí)為用戶提供了一些有趣的內(nèi)容，這會(huì)使用戶對(duì)等待本身的關(guān)注減少。

拉刷新

這是一個(gè)著名動(dòng)畫是“下拉以刷新”，它啟動(dòng)了移動(dòng)設(shè)備上的內(nèi)容更新過程。

小提示：從頭到尾的動(dòng)畫應(yīng)與應(yīng)用程序的設(shè)計(jì)輪廓匹配-如果應(yīng)用程序很小，則動(dòng)畫也應(yīng)與之匹配。

通知事項(xiàng)

由于移動(dòng)自然會(huì)引起人們的注意，因此，對(duì)通知進(jìn)行動(dòng)畫處理是一種通知用戶有關(guān)某件事的好方法，而不會(huì)過多地影響用戶的體驗(yàn)。

移動(dòng)物體會(huì)立即引起用戶的注意。

2.導(dǎo)航和過渡

動(dòng)畫最基本的用途是過渡。這類動(dòng)畫背后的邏輯是幫助用戶理解頁面布局中剛剛發(fā)生的更改，觸發(fā)更改的原因以及稍后如何再次發(fā)起更改。一個(gè)經(jīng)典的示例是切換隱藏內(nèi)容的漢堡包按鈕。運(yùn)動(dòng)設(shè)計(jì)可以通過告知和愉悅的方式有效地引導(dǎo)用戶的注意力。雖然漢堡動(dòng)畫可能是這里最期望的選擇，但動(dòng)畫還有許多其他方式可以補(bǔ)充導(dǎo)航。

導(dǎo)航上下文之間的傳輸

設(shè)計(jì)人員使用動(dòng)畫在導(dǎo)航上下文之間平穩(wěn)地運(yùn)輸用戶，并解釋屏幕上元素排列的變化。過渡應(yīng)該充當(dāng)UI的不同狀態(tài)之間的中介，以幫助用戶了解屏幕更改時(shí)發(fā)生的情況。

視覺層次和元素之間的連接

動(dòng)畫非常適合描述界面對(duì)象并說明它們?nèi)绾蜗嗷プ饔?。?dòng)畫說明了元素如何連接。

功能變更

在某些情況下，設(shè)計(jì)人員不得不設(shè)計(jì)一個(gè)動(dòng)作按鈕，其功能在某些情況下會(huì)發(fā)生變化。我們經(jīng)常在整體空間有限的移動(dòng)設(shè)計(jì)中看到這種情況?！安シ拧焙汀巴Ｖ埂卑粹o可能是多狀態(tài)按鈕的最常見示例。

此類動(dòng)畫顯示了元素在用戶與其交互時(shí)如何變化。在下面的示例中，當(dāng)用戶按下浮動(dòng)操作按鈕時(shí)，加號(hào)將轉(zhuǎn)換為鉛筆。這表明鉛筆是主要的創(chuàng)建方法。這么小的細(xì)節(jié)意味著必須猜測接下來會(huì)發(fā)生什么與知道圖標(biāo)在兩種狀態(tài)下的含義之間的區(qū)別。按鈕的外觀從“加號(hào)”更改為“鉛筆”，以表示按鈕的功能已更改。

3.視覺反饋

視覺反饋對(duì)于任何用戶界面都是至關(guān)重要的。它使用戶感到處于控制之中，對(duì)于用戶而言，控制意味著在任何給定時(shí)間了解他們?cè)谙到y(tǒng)中的當(dāng)前上下文。

總結(jié)

用戶界面元素應(yīng)該看起來是有形的，即使它們位于玻璃層的后面。在物理世界中，按鈕，控件和其他對(duì)象響應(yīng)我們與它們的交互。人們期望用戶界面控件具有類似水平的響應(yīng)能力。為了彌合這一差距，視覺和運(yùn)動(dòng)提示可立即確認(rèn)輸入并以看起來和感覺像直接操縱的方式進(jìn)行動(dòng)畫處理。動(dòng)畫可以增強(qiáng)互動(dòng)的每個(gè)方面，并增強(qiáng)用戶執(zhí)行的動(dòng)作。當(dāng)復(fù)雜的方式以使用動(dòng)畫時(shí)，為設(shè)計(jì)增添了生氣，甚至使用戶參與了最日常的任務(wù)，精心設(shè)計(jì)的動(dòng)畫使體驗(yàn)倍感精致。

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定