作者:@MotionGraphic 授權本站轉載。
最近離職了,空暇之余正好對之前一年多的工作內容進行個總結回顧。
主要分兩塊,一是負責公司App和游戲在App Store及Google Play商店的視頻創意設計和制作,可參見我寫過的文章《AppStore預覽視頻AppPreviews制作心得總結》,以及前兩天發表即登上站酷首頁的《2015 moonjoin showreel》。
另一個主要工作就是參與應用UI設計,提供交互建議和動效設計,比如之前應對設計loading動畫的需求,專門做了點研究,寫了篇文章《常見的Loading進度條動效形式》,先是沖上簡書的熱門榜,然後被優設、人人都是產品經理等這些垂直行業網站轉載,造成了挺廣泛的傳播,還給微博漲了不少粉。內容為王嘛,的確感受到了網絡對優質原創內容的稀缺。
以上有點王婆賣瓜的嫌疑,嘛,我希望能找份工作,所以多說了點。下面就點題吧,羅列下近一年來做的動效,考慮到程序實現的問題(畢竟我也是學過swift的男人),我設計的動效一般都不會太出格太天馬行空(直接調用GIF或序列幀的除外),甚至有的“輪子”我都會給程序提前找好。
為基於craigslist的APP設計的Loading動畫
craigslist loading 演示,因為Loading動畫可能會在任意時刻被打斷,所以設計了成功和失敗兩種狀態提示動畫用來銜接,目前只能想到這樣程序好實現一點,雖然不能完美銜接。
craigslist-下拉刷新示范
craigslist-下拉刷新標注圖
craigslist-下拉刷新第二版示范
iKeyboard loading 動畫 1
iKeyboard loading 動畫 2
一個安卓桌面上拉清理的功能演示
該桌面第一次啟動時候的引導動畫
隱私相冊 unlock 解鎖及首次引導動效演示
隱私相冊 登錄頁面 細節動效
隱私相冊 下滑列表彈出的動效
QC+Origami 制作,詳情:http://www.ui.cn/detail/57734.html
下拉刷新飛機稿(太過酷炫),用了別人的輪子,字體是我手打的plist。詳情:http://moonjoin.lofter.com/post/120951_6c9a944
最後是個人YY作,模擬撕日歷的app,詳情:http://www.ui.cn/detail/57970.html