Hi~欢迎登录
立即入驻
帮助中心
营销产品
京准通官网
体验中心

登录京东账户

我要注册>
搜索排行榜

首页动态焦点图指导手册

2020-03-06 人观看过

 

尺寸:1062*420px
格式:GIF
文件大小:小于450 KB
红色区域为可设计动效区域,动效请勿超出此区域,文案不可使用动效

 

错误案例:动效超出范围区域,且文案不可制作动效。

 

动效应以推广商品主题,传达商品卖点微重点,禁止使用无意义影响感官的动效,如高频闪动、无意义的渐隐逐现、无意义的平移等。

错误案例:高频且无意义的闪动,影响视觉感官

 

错误案例:无意义的平移,不能表达商品特点或卖点

 

动效应以推广商品主体,传达商品卖点为重点,呈现有意义的动效,可以具体体现如下几点:

A. 突出产品功能,帮助消费者理解产品

通过动效为消费者展示次款扫地机器人的产品特点:智能、360度扫描、大范围吸尘能力等

PS:需要注意的是在表达产品特点时,不要过分拆解产品,展现给消费者难以理解的功能或构造。

 

B.展现产品外观全貌、产品颜色、款式等

通过动效为消费者展示平板电脑的开合和各角度样式

PS:需要注意的是这里尽量不使用重复单一的运动,给人洗脑和鬼畜感,对产品调性有一定的伤害

 

通过动效为消费者展示多种颜色和款式。

PS:需要注意的是不加以过多的展示全部产品,太密集辨识度降低。

 

C.通过氛围表现凸显产品特点

 

通过动效的氛围表现,表达产品的整体调性和特点

PS:需要注意的是不要过于通用和产品无关的氛围动效。

 

一些制作技巧提供给大家参考

A.“缓动”效果可以让动效更生动

 

    

位置移动动画的速度是线性的,速度一直保持一样的话会使运动略显呆板,缺乏生动感,可以尝试调整速度的曲线,为位移动画加入“缓动”效果,也就是移动当中的缓慢加速或者缓慢减速,这样位移动画就会生动很多啦!

 

B.制作动效时候不要忘了惯性和重力

    

可以在制作动效时候考虑到惯性和重力因素,可能会给物体速度和形态上带来变化,例如变形和缓动,刚刚提到的缓动其实就是遵循了惯性定律,才使得动画更加生动,也可以一定程度解决动画的“洗脑”和”鬼畜”感。

 

C.动效动作幅度可以适当加大

     

可以看到较大的动作幅度和范围可以快速抓住用户的注意力,而过于细小的动效很难被用户察觉

 

D.截图视频片段制作GIF动图,展现产品高光时刻

如果有现成的产品展示视频,可以截取其中精华部分,通过PS等软件制作成GIF动图,这样可以用简单方法制作出效果出众的动画效果,当然这里还是要注意我们动效的重点在传达产品特点和卖点,所以选择视频片段时要有针对性。

 

E.如何在图片大小和动效效果上达到平衡

为可控制GIF图片大小符合规范范围内,我们可以采用减少时效时长、降低帧率、压缩图片质量、简化背景颜色等,如何做取舍就要根据我们产品需要表达的特点、卖点来仔细斟酌了。

    

左图牛奶产品以拟人的形态展示出来,可爱俏皮,即使降低帧率,也不会让人觉得违和,反而更加有卡通的感觉,而相对于右侧科技产品,如果同样用降低帧速率的方式进行压缩图片大小就凸显不出科技感,给人以卡顿的感觉,所以我们需要在其他方面做考虑,比如简化背景颜色、减少动画时长等等。

 

好啦,讲了这么多,我们一起看看以上优秀案例带来了怎么样的提升吧!

   

动图较静态图CTR提升23.5%

 

   

动图较静态图CTR提升24%

 

   

动图较静态图CTR提升119.0%

 

   

动图较静态图CTR提升45.9%

 

怎么样?是不是也想制作动态首焦图呢,快来试试吧!让你的首焦素材动起来!

暂无相关评论!
共0条记录 1/1页  首页 上一页 下一页 尾页  第

发表评论提示:您需要登录才能进行评论!

京准通APP下载

京准通微信订阅号

京点书院微信公众号