激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

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

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

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


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

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

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

加載指標(biāo)

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

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

拉刷新

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

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

通知事項(xiàng)

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

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

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

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

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

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

視覺(jué)層次和元素之間的連接

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

功能變更

在某些情況下，設(shè)計(jì)人員不得不設(shè)計(jì)一個(gè)動(dòng)作按鈕，其功能在某些情況下會(huì)發(fā)生變化。我們經(jīng)常在整體空間有限的移動(dòng)設(shè)計(jì)中看到這種情況。“播放”和“停止”按鈕可能是多狀態(tài)按鈕的最常見(jiàn)示例。

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

3.視覺(jué)反饋

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

總結(jié)

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

熱門(mén)課程推薦

熱門(mén)資訊

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

獲取驗(yàn)證碼
x

同學(xué)您好！

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