《emoij SVG交互图文案例合集》

原创 收藏 评论
举报 2024-07-17


 



emoji不仅可以聊天用,也可以用在排版中让图文中「活」起来,与用户产生有趣的互动。

7月17日是世界表情符号日,今天给大家整理了8篇关于emoij的SVG图文案例,分别来自钉钉、美的服务、中国光大银行、中国联通客服、全心全意小天鹅、福特中国、GQ实验室、邓禄普轮胎,一起来看看emoji在图文中是怎么用的。


01

钉钉

《下次遇到这种情况,知道怎么发emoji了吧》

▲GIF演示

点此查看原文

钉钉通过「点击后播放序列帧」展示不同emoij背后的含义,吸引大家「点击抽取新年签」进行互动,借此宣传钉钉EMOJI。

该交互需定制


02

美的服务

《你最常用的emoji表情是哪个?》

▲GIF演示

点此查看原文

「点击切换后展开」查看不同emoij算式题的答案,借此推出盛夏美粉欢乐够活动,吸引大家购买美的服务。

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

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

编号:10057(组合)

03

中国光大银行

《【活动】省钱和emoji的算法公式?到底能有多给“利”?》

▲GIF演示

点此查看原文

中国光大银行通过「点击展开」的交互模拟算法公式的方式介绍活动专区,吸引大家前往办理中国光大银行信用卡。

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

组合:点击消失+下拉展开(有触发区)

编号:10406(组合)

04

中国联通客服

《送300GB流量、5000元京东卡!开学emoji挑战”》

▲GIF演示

点此查看原文

中国联通使用emoij组成谜语,吸引大家「点击切换」模拟揭晓谜底,向大家一一介绍中国联通送300GB流量、5000元京东卡的活动。

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

组件:点击切换-自动恢复

编号:11152(组件)

05

全心全意小天鹅

《工作累了?一起猜Emoji摸个鱼吧!》

▲GIF演示

点此查看原文

全心全意小天鹅通过「点击选择切换」介绍小天鹅全自动洗衣机的功能,借此宣传小天鹅全自动洗衣机,吸引大家购买。

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

组件:点击-抽屉切换图片(无限次往返,有触发区,上) 

编号:11085(组件)

06

福特中国

《打工人别点!看完我想原地下班》

▲GIF演示

点此查看原文

「点击切换」模拟探索暑假好玩公式,依次介绍福特汽车细节,借此宣传福特汽车,吸引大家购买。

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

组件:点击-切换GIF动图(有触发区)

编号:10087(组件)

07

GQ实验室

《如何用emoji一秒气死男朋友/女朋友?》

▲GIF演示

点此查看原文

GQ实验室通过「点击切换」模拟获取关于emoij相关问题的答案,引起大家的好奇心,借此宣传LancomeXemoii 粉水联名限定盲盒,吸引大家购买。

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

组件:点击-切换图片(有触发区)

编号:10043(组件)

08

邓禄普轮胎

《有奖互动丨轮胎也有emoji》

▲GIF演示

点此查看原文

「点击开门切换」查看不同emoij表情相应的邓禄普轮胎的技术巧思,借此宣传邓禄普轮胎,吸引大家购买。

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

组件:点击-左右滑动打开

编号:10193(组件)

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)