近一年來做的動效設計整理

4 評論 6322 瀏覽 192 收藏 5 分鐘

最近離職了，空暇之余正好對之前一年多的工作內容進行個總結回顧。

主要分兩塊，一是負責公司App和游戲在App Store及Google Play商店的視頻創意設計和制作，可參見我寫過的文章《AppStore預覽視頻AppPreviews制作心得總結》，以及前兩天上站酷首頁的《2015 moonjoin showreel》。

另一個主要工作就是參與應用UI設計，提供交互建議和動效設計，比如之前應對設計loading動畫的需求，專門做了點研究，寫了篇文章《常見的Loading進度條動效形式》，先是沖上簡書的熱門榜，然后被優設、人人都是產品經理等這些垂直行業網站轉載，造成了挺廣泛的傳播，還給微博漲了不少粉。內容為王嘛，的確感受到了網絡對優質原創內容的稀缺。

以上有點王婆賣瓜的嫌疑，嘛，我希望能找份工作，所以多說了點。下面就點題吧，羅列下近一年來做的動效，考慮到程序實現的問題（畢竟我也是學過swift的男人），我設計的動效一般都不會太出格太天馬行空（直接調用GIF或序列幀的除外），甚至有的“輪子”我都會給程序提前找好。

為基于craigslist的APP設計的Loading動畫

2

craigslist loading 演示，因為Loading動畫可能會在任意時刻被打斷，所以設計了成功和失敗兩種狀態提示動畫用來銜接，目前只能想到這樣程序好實現一點，雖然不能完美銜接。

1

craigslist-下拉刷新示范

1

craigslist-下拉刷新標注圖
1

craigslist-下拉刷新第二版示范

1

iKeyboard loading 動畫 1

1

iKeyboard loading 動畫 2

2

一個安卓桌面上拉清理的功能演示

1

該桌面第一次啟動時候的引導動畫

2

隱私相冊 unlock 解鎖及首次引導動效演示

1

隱私相冊 登錄頁面 細節動效

2

隱私相冊 下滑列表彈出的動效

1

2

3

作者：moonjoin

來源：http://www.jianshu.com/p/daf72adcfe40

更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
小涵
個人公眾號：PM之旅
125篇作品 1192833總閱讀量
09-194375 瀏覽
你收藏的那些“爆款公式”，可以拿出來發揮價值了
04-203050 瀏覽
不適合做AB實驗的場景下，如何做出有品質的產品決策？
08-146956 瀏覽
5000字詳拆微信問一問，一個被低估的流量巨池
08-259993 瀏覽
華為流程體系：質量管理流程
03-242656 瀏覽
中東電商大戰，一觸即發
評論
評論請登錄

  1. 好棒，問一下是什么軟件制作的，AE么

    來自北京 回復

  2. 酷

    來自浙江 回復

  3. 喜歡那張清理垃圾的動效

    來自北京 回復