中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

一、前言：

指向性動效能夠有效的描述物體之間的邏輯關系

同時通過視覺效果，可視化的描述物體當前運動狀態。

通常，指向性動效能夠讓用戶清晰的感受到物體與物體的位置關系，以及信息的層級架構。

二、指向性動效的分類：

1.滑動

適用場合：當用戶需要導航以列表方式呈現的信息時

運動描述：信息列表會跟隨用戶的滑動交互手勢而移動。物體會自動移動到適當的位置，保持整齊感

一致性：屬于指向性轉場動效，物體的滑動取決于用戶滑動手勢的指向

優點：通過指向性轉場，有效的幫助用戶理清物體的排列狀況

用戶感受：像是在捋一條長長的綢帶

案例：

看點：

1.動畫前半部分的滑動附上了彈性，加深了物理感。

2.后半部分注意左右list 和calendar散開一剎那時，輕微的放大，打造了一種鏡頭感

3.最后堆疊、展開效果

2.彈出

適用場合：當用戶與單一物體交互時

運動描述：物體會從縮略圖轉化為全屏視圖（一般物體的中心點也會同時移動到屏幕中央）

一致性：反向動效是對象從全屏視圖轉換為縮略圖

優點：能夠清楚的告訴用戶，是哪個物體被放大了

用戶感受：物體在放大

案例：

看點：底部標簽欄圖標按三個方向上移消失，下方彈出一個X圖標，與此同時彈出3個小圖標。

3.最小化

適用場合：當用戶想要最小化某個物體時

運動描述：物體縮小，同時移動到屏幕上的相應位置

一致性：相反的動效就是擴大，從縮略圖重新變為全屏

優點：能夠清楚的告訴用戶，最小化的物體可以在哪里被找到。

用戶感受：物體在縮小

案例：

其實放大/縮小最杰出的典范大概就是iOS7的打開應用程序/退回主屏幕了，這個也不錯

這個動效，即作為啟動屏,一定程度上緩解了用戶焦慮，同時又是Logo，提升了品牌效應，最后應用啟動后的縮小，能夠很好地聯系上下文，讓用戶不致感到突兀。

4切換對象

適用場合：當用戶在對象之間切換時

運動描述：當前物體移動到后面，新的物體(應用)移動到前面

一致性：

優點：能夠解釋清楚物體/應用程序之間進行了切換

用戶感受：原物體縮回，新物體出現

案例：

現在可能不太流程這種幅度太大的動效，因為可能會導致用戶感到突兀

5.展開堆疊

適用場合：當用戶打開一沓物體時

運動描述：堆疊的一堆物體被展開

一致性：將一群物體堆疊

優點：能夠清楚的告訴用戶，物體的排列情況

用戶感受：物體似乎擴展開來了

6.翻頁

適用場合：當用戶翻頁時

運動描述：當用戶實施滑動手勢時，出現生活中翻頁一般的效果

一致性：指向性動效，翻頁的指向取決于手指滑動的指向

優點：這種動效轉場能夠清晰的展現列表信息的信息架構

用戶感受：似乎感覺和真實生活中的翻頁差不多

案例：

Flipboard和Paper是翻頁風的代表，不過Steller也不錯，（300k，圖像質量壓縮的比較過）

7.添加到列表

適用場合：當用戶需要將物體添加到已存列表中時

運動描述：新物體會滑動到列表中，而列表中得舊內容會被擠走（是主動讓位還是被擠走，效果可以自行嘗試），從而騰出空間

一致性：相反的轉場動效是刪除列表中得物體

優點：這種轉場效果能夠清楚的展現列表的重新排列過程，讓用戶知道舊信息到哪兒去了，新信息在哪里

用戶感受：舊列表似乎再給新物體騰出空間

案例：

這個動畫速度比較快，實際上下了Task的童鞋可以看到，是通過折疊把上面的列表向上“推”給新項目騰出空間。

8.固定標簽

適用場合：當用戶滾動帶有標簽的列表時（常見的頭部固定，可參考iOS7的電話簿列表）

運動描述：標簽會始終保持在列表的頂部，兼顧了導航和內容瀏覽

一致性：

優點：這種動效能夠清晰的描述出內容與標簽之間的關系

用戶感受：標簽始終保持在列表的頂部

案例：

導航欄，現在不流行死板的固定不動，而是下滑手勢出現，上滑手勢消失，增大可讀區域。

9.橫豎屏切換

適用場合：當內容需要根據設備的旋轉來旋轉、重新排列時

運動描述：內容伴隨屏幕的旋轉而旋轉，與設備旋轉指向一致。

一致性：內容的旋轉取決于設備的旋轉

優點：能夠在設備旋轉的同時，平滑的保證內容的過渡

用戶感受：內容好像是液態的，伴隨屏幕旋轉

10.按鈕標簽轉換

適用場合：同一層級之間的導航

運動描述：根據內容的轉換，按鈕相應地在視覺上轉換為標簽

一致性：標題隨內容移動、改變

優點：能夠清晰的展示標簽和內容之間的從屬關系，讓用戶理解架構

用戶感受：按鈕轉換為標簽

Flickr for iOS細節之一（稍后我們會放出《Flickr for iOS的20處交互細節》）

11.分合

適用場合：當用戶分離 結合物體時

運動描述：物體會根據用戶的交互行為而分離/結合

一致性：分離與結合

優點：能夠讓用戶清晰的感受到物體之間分合關系

用戶感受：分離和結合

12.滾動

適用場合：當用戶水平或垂直的移動物體時

運動描述：根據用戶手勢指向滾動

一致性：

優點：非常適用于列表信息的查看

用戶感受：

Albumatic應用

13.平移

適用場合：當用戶水平或垂直的移動物體時

運動描述：

一致性：

優點：非常適合地圖界面

用戶感受：

14.滾動條

適用場合：滾動列表時

運動描述：當屏幕中的信息滾動時，滾動條也成比例的滾動

一致性：

優點：能夠告知用戶當前所處的位置，也能讓用戶了解信息的長度

用戶感受：

15.頁碼指示器

適用場合：當翻頁、切換屏幕內容時

運動描述：通過實心點得移動來告知用戶頁面已經切換，同時還能告知用戶頁面的數量

一致性：

優點：能夠告訴用戶當前處于哪一頁，總共多少頁

用戶感受：

16.保存指示器

適用場合：當用戶添加書簽、下載、保存時

運動描述：用戶一旦保存、下載某個物體，物體會復制一份，同時縮小、移動到保存指示器中

一致性：

優點：能夠提示用戶下載的內容能在哪里找到，能夠告訴用戶對象已經被添加

用戶感受：所下載的物體飛到了下載文件夾中了

source:UI.CN