原来人设测试,在图文可以这么玩!(含MBTI等)

i排版SVG编辑器

发布于:2025-08-12

摘要:

 

图片


你是i人还是e人?你是什么二次元人格……


现实生活中关于人设的讨论一直都在,人设是指人物形象的设定,第一个把人设和测试一起放在图文里的真是天才!


今天为大家整理了8篇人设相关SVG交互图文案例做参考,它们很巧妙得与自己的产品或活动结合起来,一起来看看吧!


以下8篇SVG交互图文分别来谷歌全球营销、康师傅饮用纯净水、长安汽车、国窖荟VP俱乐部、东风本田、不打烊画社、滴滴青桔服务号、老庙黄金公众号。

01

谷歌全球营销

图片

《你是什么出海人没卡?测测你和海外消费者的CP值》

图片

▲GIF演示

点此查看原文

「点击展开」进行测试,多个平级「点击翻转」展示正确答案,最后生成人设卡,借此吸引大家互动。

该交互需定制

定制SVG交互图文和获取编辑器使用教程联系二师兄(ID: playhudong004),点此查看策划、设计、定制开发流程和套餐,低至500元/篇

02

康师傅饮用纯净水

图片

《新学期立人设的好时机来了!》

图片

▲GIF演示

点此查看原文

「多组滑动拼接自定义海报」选择场景和道具,最终生成新学期人设,借此和大家互动并宣传康师傅包装饮用水。

交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合

组件:多组滑动拼接自定义海报(3组)

编号:11818(组件)

03

长安汽车

图片

《出门在外谁还不是演技派,新人设戳!》

图片

▲GIF演示

点此查看原文

多个平级「点击展开」展示职场新人设,借此宣传长安启源E07汽车细节,吸引大家互动选择。

交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合

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

编号:10051(组合)

04

国窖荟VP俱乐部

图片

《国窖户外测试加载中,pck你的人设卡》

图片

▲GIF演示

点此查看原文

「 点击无限选择切换图片」模拟作答国窖1573的问卷,最后根据分数「左滑」查看相应分数对应的户外身份卡,吸引读者分享最爱户外运动。

交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合

组件:点击-无限选择切换图片(带返回)

编号:11161(组件)

组合:左滑组合(自动对齐)

编号:10249(组合)

组件:点击-左右翻转切换图片

编号:10197(组件)

05

东风本田

图片

《太热了,热得人设邹要崩塌了!》

图片

▲GIF演示

点此查看原文

「点击向左擦除图片」介绍全新英仕派e:PHEV远程控双温区空调,舒适节能不焦虑,借此宣传东风本田。

交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合

组件:点击-擦除图片(由右向左)

编号:10384(组件)

06

不打烊画社

图片

《恭喜,她的「完美人设」彻底崩了》

图片

▲GIF演示

点此查看原文

多个平级「连续点击切换多张图片」查看对女性的刻板印象并打碎,最后提及3月8日国际妇女节,提前祝福女性生而自由、节日快乐。

交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合

组件:连续点击-切换多张GIF动图

编号:10089(组件)

07

滴滴青桔服务号

图片

《骑单车也要凹人设?快卷起来!》

图片

▲GIF演示

点此查看原文

「点击切换图片」模拟作答滴滴青桔发起的人设问卷,邀大家带「人设卡片」匹配对应单车,借此宣传滴滴青桔服务号。

交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合

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

编号:11514(组件)

08

老庙黄金

图片

《人设焕新!激活「一串好运」》

图片

▲GIF演示

点此查看原文

「点击顺时针旋转切换」模拟激活好运气,「自动轮播」展示老庙黄金的手串,推出老庙一串好运全新系列。

交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合

组件:连续点击-图片顺时针旋转切换(下、有触发区)

编号:11283(组件)

组件:自动-轮播Banner

编号:10207(组件)

定制SVG交互图文和获取编辑器使用教程联系二师兄(ID: playhudong004)。




更多人设图文案例(超8篇)点击小程序查看:


如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在首页中搜索「人设」查看更多相关案例。

图片


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


制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可注册,编辑器组件/组合现已全部支持免费试用了。

图片

● SVG 黑科技交互排版👇🏻

 









iPaiban 团队可提供运营服务、创意策划、多种风格设计、SVG交互开发等服务,如需定制,请添加玉兔微信(ID:playhudong15)沟通咨询。

 


图片

图片

                            
图片