指向型動效的分類

1.滑動
      信息列表會跟隨著用戶的交互手勢而動，然后卡片到相應的位置上，保持整齊感，它屬于指向型動畫，物體的滑動取決于用戶是用那種手勢滑動的。它的作用就是通過指向型轉場，有效幫助用戶清理頁面層級的排列情況。

      頁面中的卡片會從縮略圖轉化為全屏視圖（一般這個卡片的中心點也會跟隨移動到屏幕的中央）。反向動效就是卡片從全屏視圖轉換為縮略圖。它的優點是能清楚的告訴用戶點擊的地方被放大了。

3.最小化

      頁面元素點擊之后縮小，然后移動到屏幕上相應的位置，相反的動效就是擴大，從縮略圖重新變為全屏。這樣做的好處是能夠清楚的告訴用戶，最小化的元素可以在哪里被找到，如果沒有動效引導，可能用戶需要花時間去尋找。

4.切換對象
      當前頁面移動到后面，新的頁面移動到前面，這樣能夠清楚解釋頁面之間是進行切換的，不會顯得轉換的太突兀和莫名其妙。

5.展開推疊
      堆疊在一起的元素被展開。能夠清楚的告訴用戶每個元素的排列情況，從哪里來到哪里去，也顯得更加有趣。

6.翻頁
      當用戶實施滑動手勢的時候，出現像現實生活中翻頁一般的效果。真正動效轉場也能夠清晰的展現列表層級的信息架構，并且模仿現實生活中的動效更加富有情感。

7.添加到列表
      新的元素加入到原有的列表中，舊的元素被推開而不是替換，從而有現實中騰出位置的感覺，這種轉場效果能夠清楚的展現列表重新排列的過程，讓用戶知道新舊信息的位置，不會產生迷惑。

8.導航標簽轉換
      根據內容的轉換，按鈕相應的在視覺上做出改變，而標題是隨著內容移動而改變的，這樣能夠清晰的展示標簽和內容之間的從屬關系，讓用戶能夠清晰理解頁面之間的架構。

9.融合
      元素會根據用戶的點擊交互而分離或者是結合，用戶可以感受到元素與元素之間的關聯，比起直接切換，顯然用融合動畫更加有趣。

10.滾動
      根據用戶的手勢進行滾動操作，非常使用與列表信息的查看。這個交互方式是我們用的最頻繁的，仙子我們也可以加入一些動效使這個交互更加的有趣和豐富。
11.平移
      當一張圖片在我們有限的屏幕里沒有辦法看完的時候，會使用這樣的效果。除了放大效果，這樣的平移還可以加上動效配合一些功能使用。

12.保存指示器
      用戶一旦進行保存、下載某個物體，物體會復制一份，同時縮小、移動到保存指示器中。這樣可以提示用戶下載或者是收藏的內容在哪里可以找到，能夠告訴用戶對象已經被添加。

      注：尊重原創文章,轉載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-18284.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們，了解更多相關資訊請關注UI設計頻道查看更多，了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050