枯燥而冗长的图文内容转化为神奇的 SVG 整体画幅交互,启动后飞机飞向不同的内容场景将营销知识娓娓道来,与大疆曾经的情人节之作异曲同工。
卡通感的视差空间设计,搭配可弹出-收回的信息浮窗,将视觉设计与商品信息有机平衡,并极大增强了漫画涂鸦的阅读纵深感。
一张图片太大,屏幕空间不够怎么办?通过「自由滑动」使页面中的每个元素都可以查看,极大丰富了页面承载内容。小游戏太多,都想要呈现怎么办?通过「无限选择器」结合八个重点艺术装置的风格和特性,共置入了八款小游戏,创意和交互都非常值得参考。
游戏化的SVG推文不少见,怎么让简单的点击交互也可以做到和游戏相似的趣味体验才是更值得琢磨。在阅读这篇推文的时候能发现,点击相同人物的图片就会被归纳在一起,进而可以消除,从而吸引读者继续阅读下去。
细心的读者应该会发现,在每一屏誓言的背景上,开发者都预藏了「三个一」的局部浅色块。读者读完每一屏后,色块从浅色变为深色,从而浮现硕大的「三个一」。通过局部文案的拼接,最后形成总体文案,是这篇推文的特色之处。
合成又打开汉堡包时动画非常丝滑,这是SVG动画相较于GIF动画的显著优势——既大大减少了加载推文的时间,更重要是提升了动画的清晰度。而其中每一个元素、配件、图层都需要单独代码控制位移。