小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

前兩天,小米又開了新品發佈會,雖然主題最熱的是一億像素的CC9Pro手機,但是卻讓我動心的是:

小米手錶

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

方形設計、獨立通話、高速聯網,整場發佈會下來,除了設計不可避免的爭議熱點,產品本身還是很讓我驚喜的。

本次發佈會呢,我截取了關於小米手錶部分的PPT,從動畫頁面設計角度做一個梳理。

展示動畫部分

針對小米手錶部分,這次的動效設計還是非常給力的,作為小米新的一個產品類別,無論是在展示視頻上還是對應的特性表達,都採取大量的動效表達,更好更直觀的讓我們看到新品的特色。

(1)輪播動畫

展品展示的輪播切換,讓更多的內容呈現的更加自然。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

大家可以去使用口袋“添加動畫庫”裡面的展臺效果,可以一鍵搞定這種動畫。

(2)拆解動畫

結構化的拆解動畫,3D的既視感。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

實現這類動畫也比較簡單,直接將多個部分利用圖層關係,加一個路徑動畫即可。

(3)動態數字

動態變化的數字,讓數字展示得以強化。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

對應的實現,大家可以去看以前關於“動態數字”的教程,WPS最新的超級動畫,可以一鍵添加實現。



(4)文字錯落

簡單的淡出,錯落有致,卻顯得十分高級。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

利用一些文字錯路動畫,配合產品圖的淡出顯示,銜接得非常有特點,可以去用口袋動畫的“聚攏”(“添加動畫庫”)一鍵添加實現。

(5)幻彩流動

原本單一的數字,利用文字區域間的彩色流動感,更富感染力。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

主要是利用布爾運算出文字區域,然後底部用一些多彩色塊,加一個簡單的路徑動畫就能實現。



(6)多彩倒計時

彩色倒計時,靈動感十足。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

(7)聚合淡出

類似背景樣機圖的聚合淡出動畫,自帶視覺衝擊感。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

(8)3D質感

為了更好的產品特點,也慘雜了很多的3D展示素材,多角度、多方位的讓我們看到產品全貌。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

(9)更多

其實是還有很多可以參考學習的動畫,藉助一些平滑切換和漸變MG動畫,讓整個表達瞬間舒滑。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

頁面設計部分

發佈會類的頁面設計方面,因為是演講類的PPTt設計,所以頁面排版設計相對比較固化,如大多數的發佈會風格一致,也主要分為這幾類。

(1)左文右圖

基礎的版式,左邊的標題式文字,配合右側產品圖。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

(2)左圖右文

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

(3)上文下圖

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

(4)左右中文

藉助左右夾文的形式,用以突出文字內容的呈現感。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

(5)平鋪

多個並列的圖文平鋪展示。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

(6)左右對比

左右色塊式的對比展示,也是比較簡潔的。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

(7)背景平鋪

如上面的動效展示部分,樣機式的背景展示,場景感還是極強的。

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

小米發佈新品手錶:我梳理了138頁PPT,35個動畫、47個設計技巧

最後,小米手錶的一個MG宣傳視頻還是很不錯的,感興趣的同學可以去用PPT模仿一把(此處@ACE同學,你懂得~),或許你能發現更多有意思的動畫技巧。


分享到:


相關文章: