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

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

干貨:撩人的場景UI交互動效設(shè)計5大法則

發(fā)布時間：2024-03-13 16:43:17 瀏覽量：260次

下面重點跟大家闡述一下關(guān)于場景UI 交互動效的6個目的、4項作用以及5大應(yīng)用法則。希望對各位的場景UI交互動效設(shè)計有一定的幫助。

場景UI 交互動效的首要目標(biāo)應(yīng)是支持和增強用戶在狀態(tài)間的轉(zhuǎn)化。

Saffer(2013) 提出使用動效存在下列6個目的：

1、吸引用戶注意力在指定區(qū)域

2、表現(xiàn)對象和用戶操作間的關(guān)系

3、維持多窗口或多狀態(tài)的上下文關(guān)系

4、提供持續(xù)性事件的認(rèn)知感

5、創(chuàng)造虛擬空間引導(dǎo)用戶在狀態(tài)和功能間轉(zhuǎn)化

6、創(chuàng)造沉浸感和趣味性

場景UI 四項作用：

1、支持微交互

2、顯示運動過程

3、解釋

4、裝飾

Google 的 Material Design(2017), 提出在 MD 中，動效用來描述空間關(guān)系，功能，富有美感和流動性的目標(biāo)。

動效顯示 APP 是如何組織的以及它能夠做什么，具體如下：

1、引導(dǎo)窗口切換

2、提示用戶接下來發(fā)生的事

3、對象間的層級感和空間感

4、減緩用戶對等待事件的認(rèn)知

5、美感和個性化

綜上，筆者總結(jié)了交互動效的使用目的, SAFRI，游獵法則

1.State

告訴用戶對象和窗口的狀態(tài)是如何變化的

當(dāng)界面中對象狀態(tài)需要發(fā)生變化時，可以用動效展示變化的過程，讓用戶更清楚的感知到該變化。相應(yīng)的，當(dāng)窗口發(fā)生變化時，可以用動效更清楚展示窗口是如何從一個狀態(tài)轉(zhuǎn)變到另一個狀態(tài)的。

2. Attention

吸引用戶注意力，告訴用戶做什么

當(dāng)你想讓用戶關(guān)注某一個區(qū)域，或執(zhí)行某一個操作時，可以通過動效吸引他們的注意力。當(dāng)用戶需要執(zhí)行操作時，注意 UI 和動效的結(jié)合要能告知用戶需要進行的操作。

3. Feedback

告訴用戶操作和對象間的關(guān)系

當(dāng)用戶執(zhí)行了某一操作后，動效是一個非常好用的反饋機制。通過動效的適當(dāng)運用，用戶可以清晰感知到自己操作的反饋，讓用戶知道自己做了什么。

4. Relief

緩解用戶對應(yīng)用處理速度的感知

當(dāng)應(yīng)用執(zhí)行一個長時間操作時，可以用動效緩解用戶對時間的感知，甚至創(chuàng)建一個假的動效效果（其實應(yīng)用并不用處理這么長時間）。當(dāng)下許多 APP 下拉時的加載動效運用的便是該原理。對于用戶，他們關(guān)注的是感受到的速度，而不是應(yīng)用實際消耗的速度。

5. Individuation

讓產(chǎn)品更有趣和個性

為了讓產(chǎn)品更有趣味性，可以在某些場合適當(dāng)運用動效創(chuàng)造一些讓人愉悅的動畫效果。兩點是筆者覺得需要注意的，一是動效時間要足夠短，二是動效要足夠流暢。

需要說明的是，這些目的不是獨立存在的。設(shè)計師可以運用其中任意幾條去設(shè)計一個動效。比如，兩個窗口間的切換動效不僅吸引了用戶的注意力，告訴用戶面板在切換了。而且還告訴用戶兩個面板的位置和空間關(guān)系，上下，左右還是前后。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定