前兩天,小米又開了新品發佈會,雖然主題最熱的是一億像素的CC9Pro手機,但是卻讓我動心的是:
小米手錶。方形設計、獨立通話、高速聯網,整場發佈會下來,除了設計不可避免的爭議熱點,產品本身還是很讓我驚喜的。
本次發佈會呢,我截取了關於小米手錶部分的PPT,從動畫和頁面設計角度做一個梳理。
展示動畫部分
針對小米手錶部分,這次的動效設計還是非常給力的,作為小米新的一個產品類別,無論是在展示視頻上還是對應的特性表達,都採取大量的動效表達,更好更直觀的讓我們看到新品的特色。
(1)輪播動畫
展品展示的輪播切換,讓更多的內容呈現的更加自然。
大家可以去使用口袋“添加動畫庫”裡面的展臺效果,可以一鍵搞定這種動畫。
(2)拆解動畫
結構化的拆解動畫,3D的既視感。
實現這類動畫也比較簡單,直接將多個部分利用圖層關係,加一個路徑動畫即可。
(3)動態數字
動態變化的數字,讓數字展示得以強化。
對應的實現,大家可以去看以前關於“動態數字”的教程,WPS最新的超級動畫,可以一鍵添加實現。
(4)文字錯落
簡單的淡出,錯落有致,卻顯得十分高級。
利用一些文字錯路動畫,配合產品圖的淡出顯示,銜接得非常有特點,可以去用口袋動畫的“聚攏”(“添加動畫庫”)一鍵添加實現。
(5)幻彩流動
原本單一的數字,利用文字區域間的彩色流動感,更富感染力。
主要是利用布爾運算出文字區域,然後底部用一些多彩色塊,加一個簡單的路徑動畫就能實現。
(6)多彩倒計時
彩色倒計時,靈動感十足。
(7)聚合淡出
類似背景樣機圖的聚合淡出動畫,自帶視覺衝擊感。
(8)3D質感
為了更好的產品特點,也慘雜了很多的3D展示素材,多角度、多方位的讓我們看到產品全貌。
(9)更多
其實是還有很多可以參考學習的動畫,藉助一些平滑切換和漸變MG動畫,讓整個表達瞬間舒滑。
頁面設計部分
發佈會類的頁面設計方面,因為是演講類的PPTt設計,所以頁面排版設計相對比較固化,如大多數的發佈會風格一致,也主要分為這幾類。
(1)左文右圖
基礎的版式,左邊的標題式文字,配合右側產品圖。
(2)左圖右文
(3)上文下圖
(4)左右中文
藉助左右夾文的形式,用以突出文字內容的呈現感。
(5)平鋪
多個並列的圖文平鋪展示。
(6)左右對比
左右色塊式的對比展示,也是比較簡潔的。
(7)背景平鋪
如上面的動效展示部分,樣機式的背景展示,場景感還是極強的。
最後,小米手錶的一個MG宣傳視頻還是很不錯的,感興趣的同學可以去用PPT模仿一把(此處@ACE同學,你懂得~),或許你能發現更多有意思的動畫技巧。
閱讀更多 WPS Office 的文章