336 天貓

隱形眼鏡：被這麼美的瞳色種草，天貓真會玩

請長按/掃描下方二維碼

給朋友點眼色看看

完整欣賞此案例大約需要1分鍾

案例：被這麼美的瞳色種草，天貓真會玩

出品：Tmall 天貓

技術實現： Canvas + 序列幀動畫

亮點：

設計上，畫麵色彩豐富，冷暖都有，畫風也很養眼，配合空靈的背景音樂，整體給人的感覺非常夢幻，跟自身主題“幻想”風格很搭。

結尾頁也是用了一個簡單的循環旋轉動畫，使頁麵保持動態活力。

體驗上，畫麵給人的視覺衝擊很強，動效也很精致，整體調調還是很討人喜歡的。不過，小五覺得有一些可以改進的地方：

1.在iPhone6環境下，如果沒有鎖屏，橫屏看到鎖屏提示後，再將手機豎回來時，鎖屏提示會變形，並且不會消失，需要刷新頁麵，不知道是不是也有人遇到這個問題；

2.Loading完畢後的首屏，畫麵中的左滑提示為白色，而背景為淺色，加上屏幕所有元素都是動態的，所以提示效果非常不明顯，小五建議可以換一個顏色，效果可能會好些；

3.雖然自動播放動畫解放了雙手，但與此同時失去了交互性，讓人沒有參與感。如果整體節奏偏緩，內容不是很少的話，小五覺得，動播放動畫其實不是一個很好的選擇。

最後更新：2017-10-08 06:27:59