一、動(dòng)效起源于什么?

Ios6（視覺表面和信息外觀）→ios7（動(dòng)態(tài)和信息操作模式）

　　二、動(dòng)效是用來干什么的?

表達(dá)視覺層次關(guān)系

是幾個(gè)UI元素之間的轉(zhuǎn)換

　　三、動(dòng)效如何分類?

元素如何填滿整個(gè)頁面？

如何引導(dǎo)用戶的視線？

（1）圖標(biāo)→頁面

Ios鏡頭運(yùn)動(dòng)和焦點(diǎn)運(yùn)動(dòng)

圖標(biāo)是APP＆amp;文件夾本身

高級(jí)視圖→詳細(xì)信息視圖

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

XY軸，圖標(biāo)放大到app＆amp;文件夾，切換到app界面＆amp;夾

（iOS視差效果和鏡頭運(yùn)動(dòng)和空間深度）

APP圖標(biāo)→全屏APP界面

APP的空間狀態(tài)

類似地，

Ios專輯

年→精選→時(shí)間→照片

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

動(dòng)態(tài)運(yùn)動(dòng)軌跡取決于用戶在屏幕上的觸摸點(diǎn)

年→精選

精選→時(shí)間

時(shí)間→照片

的Android

發(fā)射

（2）列表→頁面

的Android

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

2.新頁面正在浮動(dòng)

漣漪

列表是浮動(dòng)的，展開詳細(xì)信息視圖

（3）按鈕→頁

IOS

的Android

（4）tilte→第

（5）頁面→多任務(wù)處理

IOS

APP的時(shí)間狀態(tài)

單一任務(wù)＆amp;全屏界面——

APP不能在空間跳轉(zhuǎn)→（APP不能同時(shí)呈現(xiàn)但只能使用）按時(shí)間順序排列選擇

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

當(dāng)鏡頭向與圖標(biāo)層相反的方向移動(dòng)時(shí)，視野會(huì)放大，APP界面會(huì)縮小。

的Andriod

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

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

Safari：Z軸＆amp;鏡頭從平面變?yōu)轭^頂

Chrome：Y軸，下拉

鎖屏界面

如果鎖定屏幕的正面是圖標(biāo)界面

鏡頭穿過圖標(biāo)層并對(duì)圖標(biāo)界面執(zhí)行相對(duì)運(yùn)動(dòng)。

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

鏡頭對(duì)APP界面進(jìn)行相對(duì)運(yùn)動(dòng)

臨時(shí)層：

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

表示存在“臨時(shí)”圖層疊加

然后，

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

展望“淺景深”

背景“視差”

附上圖片