万圣夜图文搞怪指南.docx

小黄人科技

发布于:2022-10-25

文章内容来源于公众号：小黄人科技，点此可查看原文，内容版权归相关企业所有，本网站仅供交流学习。若涉及版权问题或存在侵权情况，请及时与我们联系，我们将第一时间进行删除处理。

摘要：

月底就是万圣夜了，万圣夜少不了搞怪，想要在图文里也拉满搞怪的氛围，用能够互动的SVG交互再合适不过了。

「品牌时光机」SVG案例库（brandtime.cn）收录有上百篇万圣节主题图文，你可以通过搜索万圣、捣蛋、搞怪等关键词，或者在节日分类里选择「万圣节」看到它们。


往年各个品牌搞怪得那是五花八门，我们从中精选了8个万圣节案例，分别来自QQ浏览器oooooooh创意工作室、乐乐茶LELECHA、沪上阿姨、爸爸糖手工吐司、神州租车、奥迪、极狐汽车和哈弗SUV，大家在制作图文时可以参考一下。

同时，我们打包了以下案例的所有素材，添加下方微信回复关键词【万圣节】即可领取。




1

QQ浏览器oooooooh创意工作室


 







▲GIF演示

点此查看原文

万圣节时，QQ浏览器采用定制小游戏的交互方式，使用万圣节心理测试的题材，吸引读者，增强趣味性与大家互动。

该交互需定制。



2

乐乐茶LELECHA


 




▲GIF演示

点此查看原文


「点击展开」模拟开启乐乐马戏团的大门，按照引导点击查看卡牌，借此宣传栗子麻薯鲜奶茶等万圣节产品，吸引大家互动并购买。

该交互对应编辑器组件/组合：
组合：点击展开(有触发区)
编号：10051（组合）
组件：点击-切换GIF动图(有触发区)
编号：10087（组件）



3

沪上阿姨


 



▲GIF演示

点此查看原文


万圣节，沪上阿姨的女巫馆也开始营业啦，「点击切换图片+展开」魔法使用指南，借此宣传女巫捣蛋魔法套餐。

该交互对应编辑器组件/组合：
组合：点击切换图片+展开(设置触发区域,宽屏)
编号：10057（组合）
组件：双层滑动-前景左滑
编号：10018（组件）




4

爸爸糖手工吐司




 


▲GIF演示

点此查看‍原文


万圣夜，爸爸糖手工吐司通过「连续点击切换GIF动图+点击展开」的交互形式模拟开灯，开启魔法捣蛋之旅，借此宣传提拉米苏吐司和皇冠吐司。


该交互对应编辑器组件/组合：
组合：连续点击切换GIF动图+点击展开(可设置触发区域)
编号：10162（组合）



5

神州租车


 

点此查看原文


神州租车在万圣节发起“千万不要点”挑战，搭配音乐更加恐怖喔！「点击」查看出行路上遇到的各种不文明行为，突然放大的图片很有视觉冲击力，呼吁大家文明驾驶，拒绝“鬼操作”！

该交互需定制。



6

奥迪


 




点此查看原文


奥迪通过「连续点击切换多张动图」的交互形式，借助万圣节的节日热点，宣传奥迪RS 6 Avant车型，吸引消费者对产品的关注和购买。

该交互对应编辑器组件/组合：
组件：连续点击-切换多张GIF动图(有触发区)
编号：10088（组件）
组件：视频-无缝拼接
编号：10016（组件）



7

ARCFOX极狐汽车



点此查看原文


万圣夜，按照提示轻按或者点击进行互动，借此宣传极狐APP远程遥控泊车功能、对外放电功能、导航功能等，吸引大家使用极狐APP。

该交互对应编辑器组件/组合：
组件：点击-切换GIF动图(有触发区)
编号：10087（组件）




8

哈弗SUV

 



▲左右滑动▲

点此查看原文


「滑动」揭秘让德古拉在万圣夜大惊失色的东西，原来是恒星矩阵 LED 光源系统，让前行之路更加明亮，让夜间行驶加倍安全，甚至在“不太平”的万圣夜，也能安全通行。


该交互对应编辑器组件/组合：

组件：开门滑动-左右开门
编号：10019（组件）


如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）在行业分类里选择「万圣节」查看更多案例。



目前案例库总案例数已达10W+，其中1W+案例支持一键还原，制作同款效果非常方便。



制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。





● SVG 黑科技交互排版👇🏻

 

                                                           

·
                                                               
                                                               
                                                               

如需定制 SVG 黑科技排版，请添加玉兔微信（ID：playhudong15）沟通咨询。

 

                                                           
                                                           
                                                           
                                                           
                           


小黄人科技

交互效果

本文可使用 i排版SVG黑科技编辑器 的下列组件实现，具体使用问题可以添加客服：二郎神(微信号：playhudong004)沟通咨询

  • 10028 全能无缝图

一键还原文章效果

同账号文章