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

來源：zhihu 作者：胡癡兒 學(xué)習(xí)：9757人次

設(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)：單任務(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軸空間

學(xué)習(xí) · 提示

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時(shí)，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時(shí)隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論，交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助，請回答！