实战电商/ 神奇的钻展微动效组件
“它创造了一个静谧而出神的瞬间,将粗制烂造的GIF提升为更为优雅的事物”。微动效组件,正是这样一种可以动起来的钻展创意。
什么是微动效
他们把时尚大片拍摄现场转成可循环播放的GIF图像,并且通过数字技术让面画只有一些局部在运动。
于是,一种仿佛时间被静止的神奇效果诞生。
微动效组件/优势
另一方面,所有黄金展示页面,每个像素每个瞬间都是稀有而珍贵。如何在有限的空间透出更多的信息量,让用户对产品如身临其境,感同身受?这更是天大的难题。
Cinemagraph的出现,让广告人看到了希望。非常高兴的是,钻展也没有错过这种尝试。SO,一种全新的钻展组件也就应运而生了,它就是微动效组件。
这种微动效形式,即避免了视频纯粹的吵吵闹闹喧哗的感觉(完全动态视频容易让人分心,无法将目光集中在产品本身),也避免了完全静态造成的呆板以及难以突出产品的特点。
想想看,当大家都还处于静态图片展示的时候,一个能够动起来,且动的那么微妙和恰到好处的钻图是多么的新鲜及具有冲击力,视觉吸引力直接拉满。
因为,与静态的图片相比,浏览者的视线一定会率先被能够动起来的图片吸引,然后才会轮到文案色彩图片等其他视觉元素。
所以,第一眼被看到才是最最最关键的一步!
光说无凭,我们先感受一个典型的微动效钻图的例子:
它甚至省去了文案的修饰,让我们一下子就知道卖的是什么,它有何卖点。
微动效/组件入口
所以,现在开通了这项功能的商家数量是有限的,已经开通的商家千万不要浪费,赶紧用起来!
大家可能在问了,这么好的组件入口在哪里,见下图
作图要求及设计原则
- 用于表达品牌调性,突出品牌形象;
- 用于表达商品外观、功能,使用户更了解商品卖点;
- 用于表达商品属性、商品款式颜色等,让用户能有更多选择;
- 动效范围宜动作幅度明显、用户易感知
- 不使用闪动、抖动、跳帧、消失、渐隐渐现等影响动效观感的效果
最后,因为这种设计要求较高,容易一个不小心就做出毁品牌的烂图,所以希望运营人员将微动效的起源、其真正的要点传递给设计人员:
记住,微动效的精髓是——“创造了一个静谧而出神的瞬间,将粗制烂造的GIF提升为更为优雅的事物”