《浓人or淡人SVG交互图文案例合集》

原创 收藏 评论
举报 2024-04-03



浓人,如夏日的阳光,热烈而奔放。他们的情绪如同彩虹般绚烂,喜怒哀乐都写在脸上,每一刻都充满了活力与激情。


淡人,则如清风拂面,如细雨润物,他们总是以平和的心态面对生活中的点点滴滴。

今天为大家精心挑选了8篇浓人or淡人SVG图文案例,分别来自睿蓝汽车、康师傅红烧牛肉面 、Origins悦木之源、雪中飞、东呈酒店、上汽MG名爵汽车、Melissa梅丽莎官方、李佳琦Austin这些案例不仅具有极高的创意性和趣味性,更是将淡人与浓人的特点巧妙融合,让人眼前一亮。


01

睿蓝汽车

《仅“浓人”可见》

▲GIF演示

点此查看原文

「点击切换后展开」模拟照相机按快门的方式开启“浓人”模式,带大家一一打卡浓人的春天,从而宣传睿蓝汽车,吸引大家前往订购。

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

组合:点击消失+展开(可嵌套展开,有触发区,固宽)

编号:11848(组合)

02

康师傅红烧牛肉面

《浓人vs淡人?带上美味做个快乐的人》

▲GIF演示

点此查看原文

「点击展开」人格图鉴的探索之旅,依次点击查看各种状态下的人物,从而宣传康师傅红烧牛肉面,吸引大家前往购买。

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

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

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

编号:10043(组件)

03

Origins悦木之源

《如果薄脸皮,想做淡人....》

3.gif

▲GIF演示

点此查看原文

「点击弹出」模拟打开春敏文件夹查看各种皮肤糟糕问题,多个平级「点击展开」植愈成分方案的介绍,以此宣传悦木之源护肤套装。

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

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

编号:10057(组合)
组件:双层滑动-前景左滑(自动对齐)
编号:10270(组件)
组件:点击弹出-弹出图片(设置多个触发区)

编号:10100(组件)

04

雪中飞

《仅淡人可见.jpg》

▲GIF演示

点此查看原文

「点击展开」专属于淡人的OOTD,「视差左滑」查看雪中飞系列服装,吸引大家前往旗舰店购买。

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

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

编号:10051(组合)
组件:视差滑动-左滑(七组)-Apple同款
编号:11259(组件)

05

东呈酒店

《免费测:你旅游属于浓人还是淡人?》

▲GIF演示

点此查看原文

东呈酒店通过「点击消失后展开」的方式模拟答题,引导大家测试自己的浓淡含量究竟是多少,从而吸引大家传播和分享测试结果。

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

组合:点击消失+展开(设置触发区域)

编号:11186(组合)
组件:视频号-图片

编号:10228(组件)

06

上汽MG名爵汽车

《正式确诊为:100%浓车》

▲GIF演示

点此查看原文

「点击切换选择」查看Cyberster不同浓度相应的介绍,吸引大家了解上汽MG名爵汽车细节并购买。

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

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

编号:11765(组件)

07

Melissa梅丽莎官方

《浓淡测试题|你是哪种时髦精?》

▲GIF演示

点此查看原文

「左滑」查看为淡人推荐的产品,「右滑」查看为浓人推荐的产品,借此介绍MeIissa果冻罗马鞋各个细节,从而吸引大家前往小程序购买。

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

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

编号:10249(组合)
组件:单层滑动-右滑(自动对齐、超链接、默认角标)
编号:10954(组件)

08

李佳琦Austin

《购物还分「淡人」or「浓人」?!快来查收你的购物行为确诊图鉴!超有梗~还有回血福利送!》

8.gif

点此查看原文

「左滑」查看购物时的浓人行为,「右滑」查看淡人行为,通过漫画引起大家的共鸣,从而宣传李佳琦直播间3.8大促销回血福利,吸引大家前往。

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

组件:单层滑动-左滑

编号:10020(组件)

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)