用SVG交互的方式打开五一,央视、味全等8个劳动节案例来了

原创 收藏 评论
举报 2023-04-11


五一小长假当然是怎么happy怎么来!包括五一的宣传图文也是各种乐呵呵~


但对于许多伙伴来说,思考五一图文怎么做的过程却不是那么快乐。


所以今天推荐给大家央视新闻、味全、费森尤斯卡比中国、ColorOS、优酸乳、荣耀手机、广州日报、有趣青年五一劳动节优秀图文,提前祝大家五一快乐吧!

同时,我们打包了这8个五一劳动节案例的所有链接和素材,另外还有去年的31个案例,添加下方微信回复关键词【五一】即可领取。回复【案例库】还可领取品牌时光机案例库1个月会员,23万多案例畅快搜。


01

央视新闻

《今天,祝你节日快乐!》

 



▲GIF演示

点此查看原文

央视新闻通过「密码解锁展开」的交互形式模拟手机输入框,依次点击显示出给劳动者们的祝福话语:”致敬平凡而伟大的你“,最后点击发送出现海报,借此祝大家劳动节快乐。

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

组合:密码解锁展开(可设置点击动画&触发区域) 

编号:10473(组合)

02

费森尤斯卡比中国

《费家寻人之旅 | 最美劳动者图鉴》


‍‍

▲GIF演示

点此查看原文

点击小人模拟小森以“观察员”的身份走到城市的各个角落开始“寻人之旅”,依次经过医院、机场、工厂等地方,带大家看完“劳动者”们工作的常态,借此致敬每一位劳动者。

该交互需定制。

03

味全

《五一 | 测一测适合你的旅游地》

▲GIF演示

点此查看原文

味全看似是引导大家点击选项测一测最适合的五一旅游目的地,实际上是宣传味全好喝椰是由印尼椰浆和越南进口椰子水制作而成的美味,和大家互动的同时又巧秒地宣传了饮料。

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

组件:点击-选择切换图片

编号:11142(组件)

组合:点击展开(有触发区)

编号:10051(组合)

组件:双层滑动-背景左滑(自动对齐)

编号:10273(组件)

04

ColorOS

《一键切换「假期模式」》

▲GIF演示

点此查看原文

「点击切换GIF动图+展开」模拟关闭工作模式中的功能,一键开启假期模式,借此宣传ColorOS的手机功能。

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

组合:点击切换GIF动图+展开(可嵌套展开,有触发区,固宽)

编号:10935(组合)

组合:点击切换GIF动图+展开(有触发区)

编号:10075(组合)

05

优酸乳

《用_____的方式打开五一》


▲GIF演示

点此查看原文

「点击切换GIF动图+展开」五一假期攻略,推荐大家参与乳汽扫码赢红包活动并吸引大家互动送出假期福利。

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

组合:点击展开(可嵌套展开,固宽)

编号:10875(组合)

组合:点击展开(有触发区)

编号:10051(组合)

06

荣耀手机

《划重点!假期一定要开启这项手机设置》

▲GIF演示

点此查看原文

五一假期出行前,荣耀手机通过「层层展开」玩机新姿势的介绍,为大家介绍查找设备功能的使用流程,避免大家出行途中手机不慎丢失找不回的情况,方便大家轻松查找。

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

组合:自动层层展开(有抖动)

编号:11426(组合)

07

广州日报

《今天,一起重温!》

 fc0f741a37881f5a9bfbce645d7bf5df.gif

点此查看原文

广州日报通过「放映机」的交互形式带大家重温广州工人运动史,吸引大家「点击展开」一处处工运红色旧址的介绍。

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

组件:放映机-音效、光效、切换GIF动图(防误触)

编号:10215(组件)

组件:点击展开,点击收回(支持多张,无限循环)

编号:10264(组件)

08

有趣青年

《五一出门的人是疯了吗???》

 GIF2.gif

点此查看原文

「背景上滑」模拟拉着行李箱的小人穿越机场,感受五一出门的“人挤人”盛况,借此祝大家假期快乐,跟大家互动。

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

组件:双层滑动-背景上滑(支持多张)

编号:10145(组合)




以上案例分享如果你觉得有用的话记得点个在看或转发到朋友圈和朋友们一起看!

如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)点击「劳动节」查看更多相关案例。


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



现在扫码添加客服还可免费领取15天的案例库会员权限

扫码添加客服

领取「品牌时光机」案例库会员

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)