SVG微信交互图文|一周汇总,精彩持续上映

小编带着上一周的案例汇总奔你而来啦,本周汇总虽然晚点但绝不缺席。话不多说,下面一起来看看上周「小编备用」交付了哪些有趣的图文推送吧~

1. 多组展开

三段旅程 无数可能--梅赛德斯-奔驰

梅赛德斯奔驰这篇图文中,通过使用多组高度展开效果将信息半折叠隐藏,自然引导用户点击触发。在展开效果里,将横版视频精准定位到图文之中,配合优秀的设计协调整体画面感。同时分层展示不同车型信息,使整篇图文条理清晰阅读流畅。


2.创意交互- BUG弹窗效果

别问,问就是想-宝马中国

宝马中国这次一如既往的输出高水平推送图文,开头<animate>属性生成bug弹窗逐个出现效果,通过多个弹窗抛出问题和信息引导用户逐一点击,最后利用一次高度展开将信息完全带出。在一步一引导的过程里,逐步揭开折叠的信息,通过触发获取反馈,加深品牌印象同时配合优秀设计展现品牌个性。

3. 连续点击切换+左右滑动+动态banner

雷神2021旗舰游戏本 P1 搭载RTX30系显卡全球首发!-雷神科技

雷神科技该篇炫酷推送得益于精妙的设计之外同时配合交互的动态效果,共同完成了符合调性的科技感视效。交互技术明显运用「点击切换」、「左右滑动」两种效果,另外依托高级感的设计和点击切换闪频小巧思,诠释科技带来的炫酷观感。当然最值得一提的是用代码生成的banner设计,视觉效果令人眼前一亮,有形信息流的形态优化信息传递效率,只需用户触发实现定向页面跳转,营造别具匠心的出色图文。

4.创意交互-选择后生成对应结果

带谁回家?讯飞官方在线发对象!-科大讯飞

如何在交互中实现轻量级H5效果,不如看看GL设计开发的这篇图文。选择分支容纳在高度展开的效果里,展开后自行选择进入对应界面,选择生成最终结果结果,通过层叠的技术逻辑嵌套实现最后生成你的专属“对象”。通过SVG交互技术,实现推文中类H5选择测试类效果,大家不妨体验一下。

5.连续点击切换

小鹏汽车NGP是什么?3分钟带你云体验!-小鹏汽车

连续点击切效果在业内十分常见,但优秀的创意依旧能让简单效果拥有出色玩法。在小鹏汽车此篇图文中,通过局部触发实现位图变化配合图片逐帧上的切换效果,绘制出驾驶汽车的真是场景,呈现出流畅的驾驶状态。同时完美交代小鹏汽车出色性能和车载系统,整个内容不仅视觉动态一流,在信息输出上也十分自然流畅。

关注「小编备用」了解更多业内前沿技术和优秀案例,带你领略交互魅力~

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,907评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,987评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,298评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,586评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,633评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,488评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,275评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,176评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,619评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,819评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,932评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,655评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,265评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,871评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,994评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,095评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,884评论 2 354

推荐阅读更多精彩内容