當(dāng)前位置：首頁(yè) >UI設(shè)計(jì) >UI中的基本動(dòng)效:指向性動(dòng)效

UI中的基本動(dòng)效:指向性動(dòng)效

發(fā)布時(shí)間：2024-08-25 11:48:27 瀏覽量：138次

一、前言：

指向性動(dòng)效可以有效地描述物體之間的邏輯關(guān)系，通過(guò)視覺(jué)效果可視化地展示物體當(dāng)前的運(yùn)動(dòng)狀態(tài)。指向性動(dòng)效能夠讓用戶(hù)清晰地感受到物體之間的位置關(guān)系和信息的層級(jí)架構(gòu)。

二、指向性動(dòng)效的分類(lèi)：

1. 滑動(dòng)

適用場(chǎng)合：用戶(hù)需要導(dǎo)航以列表方式呈現(xiàn)的信息時(shí)。

運(yùn)動(dòng)描述：信息列表隨用戶(hù)的滑動(dòng)手勢(shì)而移動(dòng)，保持整齊感。

一致性：屬于指向性轉(zhuǎn)場(chǎng)動(dòng)效，根據(jù)用戶(hù)的滑動(dòng)指向移動(dòng)物體。

優(yōu)點(diǎn)：通過(guò)指向性轉(zhuǎn)場(chǎng)幫助用戶(hù)理清物體排列狀況。

用戶(hù)感受：就像捋一條長(zhǎng)長(zhǎng)的綢帶。

案例：

2. 彈出

適用場(chǎng)合：用戶(hù)與單一物體交互時(shí)。

運(yùn)動(dòng)描述：物體從縮略圖轉(zhuǎn)化為全屏視圖，突出放大效果。

一致性：反向動(dòng)效為物體從全屏視圖轉(zhuǎn)換為縮略圖。

優(yōu)點(diǎn)：清晰地告訴用戶(hù)哪個(gè)物體被放大。

用戶(hù)感受：物體在放大過(guò)程中。

案例：

3. 最小化

適用場(chǎng)合：用戶(hù)想要最小化某個(gè)物體時(shí)。

運(yùn)動(dòng)描述：物體縮小并移動(dòng)到屏幕相應(yīng)位置。

一致性：擴(kuò)大動(dòng)效為物體從縮略圖變?yōu)槿痢?/p>

優(yōu)點(diǎn)：清晰地告訴用戶(hù)最小化的物體去向。

用戶(hù)感受：物體在縮小的動(dòng)作。

案例：

...

火星時(shí)代教育一直致力于數(shù)字藝術(shù)領(lǐng)域的教育培訓(xùn)，提供游戲設(shè)計(jì)、動(dòng)畫(huà)制作、原畫(huà)繪制等專(zhuān)業(yè)課程。歡迎點(diǎn)擊點(diǎn)擊咨詢(xún)了解更多信息。

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