設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型

2024-01-21 17:29:23 來源/作者: / 己有:2人學(xué)習(xí)過

設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型
設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型

二、list → Page

設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型
設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型
設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型

Android

設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型

1. 漣漪反饋 → 舊頁面Fade:

設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型

2. 新頁面上浮:

設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型

漣漪紋

List上浮,展開Detail View

設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型
設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型

三、Button → Page

iOS

設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型

四、Tilte → Page五、page → 多任務(wù)

iOS:

APP的時(shí)間態(tài):?jiǎn)稳蝿?wù)&全屏界面 —— APP在空間上無法跳轉(zhuǎn)→(APP間不能同時(shí)呈現(xiàn)而只能用)時(shí)間先后次序選擇。

X軸水平排列,APP間共處于同一平面鏡頭向圖標(biāo)圖層做反向運(yùn)動(dòng)則視野擴(kuò)大,APP界面縮小

設(shè)計(jì)知識(shí),講解四個(gè)常見的動(dòng)效類型

Andriod:

XY軸,垂直,上下排列,高低疊加APP的Page和其他APP同在Z軸空間