Loading作為一個常見，并且帶有排他性的動畫，已經被各路大神表現的淋漓盡至。那么如何在眾優秀作品下，做出一個性化的Loading動畫？
Loading種類：
1.狀態類（進度條）
狀態型的Loading以進度條累為基準，可以為用戶提供預期時間，多伴隨百分比進度出現。（通常數據量很大，客戶端已知加載量，并能根據當前加載速度計算出何時加載完成）狀態型的Loading以進度條類為基準，可以為用戶提供預期時間，多伴隨百分比進度出現。進度條的形式以線性的形式出現，已知總量，降低用戶對期待時間的感受。無聊的等待會讓人厭煩，作為一個UI設計師需要關注每一個細節，尤其是用戶的情緒并將引導到加載后的頁面。
2.無狀態類（菊花）
無狀態類的Loaing以菊花為代表，通常都是一組可以無限循環播放的動畫。（通常數據量比較小，客戶端無法預知加載量。）
無狀態類的Loaing如有需要可以做的特別一些：https://dribbble.com/search?q=loading
我們的App需要一個無狀態的Loading。
我始終相信設計的直覺很重要，抓住直覺的爆發點，是一個成熟設計師必備的素質。于是先按照最初的想法快速做了一版。
相信很多人對這個Loaing眼熟，當然，這肯定不是我們要的效果，不過在制作這Loading的時候不斷的推翻自己的想法，時而清醒時而模糊，感覺突然找到了方向但瞬間也可能煙消云散。這種不斷反復的過程中還是收獲了很多。
既然是無限，循環，表現上就不能過于缺乏趣味，這個度很難把握。形式感上面設計要簡單，又要通過最直接的方法創造空間感，偶然間發現馬戲團的拋球表演。突然間有了靈感，于是就沿著這個思路開始動手設計：
我嘗試用二維去表現三維，但是效果并不是很好，但是從Demo中可以看出，值得很入研究。
為此我們搜索了一下現實中的扔球效果：
經過分析我們得出了第一條小球的運動路經是一個無限的符號。
有了草圖開始通過規范的制圖來推算出最精確的運動軌跡，這一點在動畫效果和以后的代碼實現上非常重要。
工作路經確定后，導入C4D中進行單球運動軌跡測
由于實例中，小球會受到重力以及加速度的影響，并非勻速運動，但在實際Loading制作過程中，為了視覺效果，我們希望小球做勻速運動
發現問題：小球在中心焦點位置出現明顯卡頓
起初我們認為是速度曲線沒有調整好所導致的，但我們嘗試幾版后發現并不是這樣，最后我們發現導致這個問題的原因是路經節點問題。
調整節點
通過調整節點后，不難發現，中心焦點處的卡頓明顯不見了
為了加強透視效果，我們將球的大小和顏色進行了關鍵幀處理，這已處理增加的景深對視覺的沖擊，使得空間感更強了。
看起來怪怪的。。。。。
為了使整個運動規律更加精準，我們發現運動的起點距離是關鍵，不懈的追求完美的情況下，總是會有頓悟的時刻，幸運的是找到了問題的所在
三個球勻速運動的情況下，應該保證每相鄰兩個球之間路經上的距離是相同的。
以上
致謝：王爻 、楊碩 、王謙
我們正在招聘有想法的UI設計師，簡歷請投hr@raventech.com
