小编带着上一周的案例汇总奔你而来啦,本周汇总虽然晚点但绝不缺席。话不多说,下面一起来看看上周「小编备用」交付了哪些有趣的图文推送吧~
1. 多组展开
梅赛德斯奔驰这篇图文中,通过使用多组高度展开效果将信息半折叠隐藏,自然引导用户点击触发。在展开效果里,将横版视频精准定位到图文之中,配合优秀的设计协调整体画面感。同时分层展示不同车型信息,使整篇图文条理清晰阅读流畅。
2.创意交互- BUG弹窗效果
宝马中国这次一如既往的输出高水平推送图文,开头<animate>属性生成bug弹窗逐个出现效果,通过多个弹窗抛出问题和信息引导用户逐一点击,最后利用一次高度展开将信息完全带出。在一步一引导的过程里,逐步揭开折叠的信息,通过触发获取反馈,加深品牌印象同时配合优秀设计展现品牌个性。
3. 连续点击切换+左右滑动+动态banner
雷神科技该篇炫酷推送得益于精妙的设计之外同时配合交互的动态效果,共同完成了符合调性的科技感视效。交互技术明显运用「点击切换」、「左右滑动」两种效果,另外依托高级感的设计和点击切换闪频小巧思,诠释科技带来的炫酷观感。当然最值得一提的是用代码生成的banner设计,视觉效果令人眼前一亮,有形信息流的形态优化信息传递效率,只需用户触发实现定向页面跳转,营造别具匠心的出色图文。
4.创意交互-选择后生成对应结果
如何在交互中实现轻量级H5效果,不如看看GL设计开发的这篇图文。选择分支容纳在高度展开的效果里,展开后自行选择进入对应界面,选择生成最终结果结果,通过层叠的技术逻辑嵌套实现最后生成你的专属“对象”。通过SVG交互技术,实现推文中类H5选择测试类效果,大家不妨体验一下。
5.连续点击切换
连续点击切效果在业内十分常见,但优秀的创意依旧能让简单效果拥有出色玩法。在小鹏汽车此篇图文中,通过局部触发实现位图变化配合图片逐帧上的切换效果,绘制出驾驶汽车的真是场景,呈现出流畅的驾驶状态。同时完美交代小鹏汽车出色性能和车载系统,整个内容不仅视觉动态一流,在信息输出上也十分自然流畅。
关注「小编备用」了解更多业内前沿技术和优秀案例,带你领略交互魅力~