本
文
摘
要
前两天,小米又开了新品发布会,虽然主题最热的是一亿像素的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同学, *** ~),或许你能发现更多有意思的动画技巧。