你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發基礎 >> 近一年來做的動效設計整理

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

編輯:IOS開發基礎

作者:@MotionGraphic 授權本站轉載。

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

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

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

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

pic_001.gif

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

pic_002.gif

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

pic_003.gif

craigslist-下拉刷新示范

1441696585978926.jpg

craigslist-下拉刷新標注圖

pic_005.gif

craigslist-下拉刷新第二版示范

pic_006.gif

iKeyboard loading 動畫 1

pic_007.gif

iKeyboard loading 動畫 2

pic_008.gif

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

pic_009.gif

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

pic_010.gif

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

pic_011.gif

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

pic_012.gif

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

pic_013.gif

QC+Origami 制作,詳情:http://www.ui.cn/detail/57734.html

pic_014.gif

下拉刷新飛機稿(太過酷炫),用了別人的輪子,字體是我手打的plist。詳情:http://moonjoin.lofter.com/post/120951_6c9a944

pic_015.gif

最後是個人YY作,模擬撕日歷的app,詳情:http://www.ui.cn/detail/57970.html


  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved