临近各大峰会召开,科技企业也自然要使出浑身解数展现自身的产品实力。本作由 yutu 操刀开发,引入 VLOG 主人公的视角,利用移步换景的人物步态长卷将晦涩的产品信息具像化。同时搭配使用渐进动画,逐步释放出产品信息。
本作由 Fifi 主创,交互部分使用 E2.COOL 编辑器搭建而成。在 Fifi 强大的设计功底下,SVG 只需作为小小点缀,运用简单基础的模型就足以起到锦上添花的作用。目前部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击伸长」实现。
由小杨操刀开发的小米新品发布图文,几乎每篇都倾注了时下最顶尖的交互技术。该作值得一提的是文中伪无限选择器的运用,突破了 id 选择器的技术限制,采用更为保险的多层套娃以实现同样的效果,同时搭配使用逐帧动画,使切换的过程更加生动。
本作同样为渐进式剧情的多段伸长,由荒村开发制作。多段伸长的作品层出不穷,该作的亮点在于文章伊始假按钮的设定,虽然终是殊途同归,但是这一互动环节的增加却大大增强了文章的趣味性。
提到游戏类交互图文,网易王三三在此方面的探索可谓是花样百出。此月发布的霍格沃茨成绩单使用切换和长按效果,并配合大量的编组行为使用户自定义生成专属人设。同样以哈利波特为题材,网易网三三在去年发布了大富翁版的《微信版〈哈利波特〉中文游戏首次上线!点开即玩!》,及测试类的《恋爱时的你是〈哈利波特〉里的谁?一测便知!点开即玩!》。此类图文开发并不复杂,只需搭配基础的交互模型,如点击渐现、顶层滑动、抽签等,就可以实现多种多样的创意形式。
本月 GL 为微信派交付的此篇文章展示了丰富的 SVG 互动游戏,将孩童时期的游戏贯穿始终。开篇以抓星星开启读者互动,新颖的翻页动画配合生成读者的专属书单,展现形式妙趣横生,建议点开原文体验一下。
以星际为主题,臻浓牛奶发布了此篇横版长卷,由荒村制作开发。配合恰当的设计,错层滑动总能做到出其不意的效果。伴随着读者滑动,飞船从星球下方跃然而出,直至文章结尾实现跃迁隐匿于星云之下。