问鼎动图设计指南

2022-10-19 14:24:51 coco 13

尺寸说明:


非零科技|关键词归类|阿里巴巴|P4P|爆品打造

分辨率1400px*140px

尺寸:800k以内

帧数:建议20~60帧(无重复帧)

帧速:建议0.1~0.5

播放:循环播放

设计说明:右侧蓝色区域可设计动态效果,占整个banner的1/2

(以上是建议常规的动图设计标准)

动效设计原则:

建议:

1.用于表达品牌调性,突出品牌形象;

2.用于表达商品外观、功能,使用户更了解商品卖点;

3.用于表达商品属性、商品款式颜色等,让用户能有更多选择;

在动效区域内尽量使用动作幅度明显、用户易感知、有利于以上三种原则的动效效果。

不建议:

使用闪动、跳帧等影响动效观感的效果;



动效案例:

非零科技|关键词归类|阿里巴巴|P4P|爆品打造 1.利用动效点缀商品,体现品牌调性和氛围

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造


非零科技|关键词归类|阿里巴巴|P4P|爆品打造





非零科技|关键词归类|阿里巴巴|P4P|爆品打造 2.用于表达商品外观、功能,使用户更了解商品卖点;

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造 3.用于表达商品属性、商品款式颜色等,让用户能有更多选择;利用动效展示不同的商品颜色或款式、或商品外观不同角度

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造




不建议

非零科技|关键词归类|阿里巴巴|P4P|爆品打造 1.通过行动点闪烁吸引用户注意力

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造


非零科技|关键词归类|阿里巴巴|P4P|爆品打造 2.通过大面积的背景图片轮播,而且内容之间变化较大而又无连续性

1597118183783-8663b382-0ddb-41a4-bd8f-210e0bf4bd53.gif


非零科技|关键词归类|阿里巴巴|P4P|爆品打造 3.推广文案不可以使用动效

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造

非零科技|关键词归类|阿里巴巴|P4P|爆品打造



非零科技|关键词归类|阿里巴巴|P4P|爆品打造 4.动画元素过多,无法聚焦

非零科技|关键词归类|阿里巴巴|P4P|爆品打造


以上这些是不太建议的,有可能影响买家体验,影响点击率


我要体验
联系电话
邮箱
QQ