一、動效起源于什么?

Ios6（視覺表面和信息外觀）→ios7（動態和信息操作模式）

　　二、動效是用來干什么的?

表達視覺層次關系

是幾個UI元素之間的轉換

　　三、動效如何分類?

元素如何填滿整個頁面？

如何引導用戶的視線？

（1）圖標→頁面

Ios鏡頭運動和焦點運動

圖標是APP＆amp;文件夾本身

高級視圖→詳細信息視圖

Z軸，鏡頭與圖標層方向相反，視野減小，視野中的物體變大;

XY軸，圖標放大到app＆amp;文件夾，切換到app界面＆amp;夾

（iOS視差效果和鏡頭運動和空間深度）

APP圖標→全屏APP界面

APP的空間狀態

類似地，

Ios專輯

年→精選→時間→照片

照片縮略圖以不同尺寸放大，直到全屏視圖

動態運動軌跡取決于用戶在屏幕上的觸摸點

年→精選

精選→時間

時間→照片

的Android

發射

（2）列表→頁面

的Android

1.漣漪反饋→舊頁面淡出

2.新頁面正在浮動

漣漪

列表是浮動的，展開詳細信息視圖

（3）按鈕→頁

IOS

的Android

（4）tilte→第

（5）頁面→多任務處理

IOS

APP的時間狀態

單一任務＆amp;全屏界面——

APP不能在空間跳轉→（APP不能同時呈現但只能使用）按時間順序排列選擇

X軸水平排列，APP在同一平面上。

當鏡頭向與圖標層相反的方向移動時，視野會放大，APP界面會縮小。

的Andriod

XY軸，垂直，上下，高低覆蓋

APP的頁面和其他APP位于相同的Z空間

Safari：Z軸＆amp;鏡頭從平面變為頭頂

Chrome：Y軸，下拉

鎖屏界面

如果鎖定屏幕的正面是圖標界面

鏡頭穿過圖標層并對圖標界面執行相對運動。

如果鎖定屏幕位于APP界面前面

鏡頭對APP界面進行相對運動

臨時層：

當鎖定界面接收到通知＆amp;密碼解鎖＆amp;拉出通知中心并拉出控制中心

表示存在“臨時”圖層疊加

然后，

磨砂玻璃＆模糊和淺景深＆amp;距離＆amp;感

展望“淺景深”

背景“視差”

附上圖片