奢侈品品牌一向以干净利落的交互策略表现高格调的产品特性,这则 SVG 图文主要基于 E2.COOL 黑科技 SVG 编辑器的无限往返伸缩器组件能力,以时间为线索刻画了产品的应用逻辑,高级感中兼容了一定的阅读生动性。
多叉树作为 SVG 交互设计中的顶峰技术,一直是承载逻辑测试题的专业选择。结合局部气候调查组出众的视觉设计能力,这则妙趣横生的问答互动充满了阅读带入感,让人忍不住分享最终结果。
舷窗外五彩斑斓或近或远的产品以视差方式通过滑动一次飞跃呈现,充分体现了 perspective 裸眼 3D 排版技术的景深设计思想。滑动到底后点击视频号并可展开图文,独特的交互架构令人啧啧称奇,也让特效动画与产品广告详略得当有机结合。
滑动对齐密码,方能点击逆向推动并展开伸长,这一神奇效果被应用在 E2.COOL 黑科技 SVG 编辑器周年庆推送中,想必你一定能猜出密码是什么吧!
使用「GIF 控制器」构建一个观影厅的场景,读者点击“开始观影”按钮,便可触发播放滚动字幕的效果,紧接着浮现出的“大屏幕”上便开始循环播放我们倾心制作动画片片段,“播放按钮”就是视频号跳转的入口,点击即可欣赏完整影片,为读者带来了一次极为逼真的观影体验。
顺丰在地球日主题推出了可爱的选择答题互动,选中正确答案或选中所有正确答案将进一步引导出现浮窗 tips,体现了精巧的 SVG 图层关系布局。
E2 平台不仅是一款编辑器,也是业内少有的乡村互联网企业。本期推送展示的是他们与湖北和云南两地合作的咖啡藤茶联名周边,采用了纵向滑动内画布不断延展的交互框架,同时兼容了错层滑动的精彩效果,内部还衔接了大量精彩互动,是滑动交互的极品设计。