首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

SVG微信交互图文|这篇图文不需要驾照

点击切换位图效果在微信交互图文中司空常见,甚至在交互图文中出现同质化设计。但是今天给大家带来的这篇推是「小编备用」交付小鹏汽车《小鹏汽车NGP是什么?3分钟带你云体验!》基于连续触发效果的创意推送,实现流畅的驾驶效果,其视觉和交互的设计段十分值得一提,大家不妨体验看看。

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

小鹏这篇推送是基于一屏连续触发,从技术效果上并不新颖。全篇通过局部触发实现位图变化配合图片逐帧上的切换效果,绘制出驾驶汽车的真是场景,构建流畅的驾驶状态。回想一下我们常见的连续触发,引导用户点-点-点将一屏信息分层展示,在内容上不断深入介绍或者是多角度展开叙述,视觉效果一般类似PPT的切换效果。

但是在小鹏这篇推文连续触发和场景设计联用,不单单是为了交互而交互,更多的是在寻求视觉和交互操作之间的契合点,完美模拟真实的驶情景并且契合驾驶行为的动作交互,再加上切换减少卡顿的优化,整体丝滑流畅直接给用户最高效的反馈。除此之外内容上合情合理的交代小鹏汽车出色性能和车载系统,整个图文不仅视觉动态一流,在信息输出上也十分自然流畅。

区别于同质化的连续触发,这里提供了点击切换内容联动的新思路,在一屏连续触发将视觉设计和交互有效联动共同构成的创意,使图文过度和谐内容连贯,不得不说小鹏这一篇推送确实是出色的交互案例。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20210120A0BMGN00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

相关快讯

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券