iSVG

基于135编辑器制作的互动效果，将点击切换-播放音频-伸长的组件，巧妙应用在闹钟设置场景上。并且全文运用了「反复」的设计思路，又埋下独特的彩蛋区域，进一步加强了图文阅读的趣味性。

融合了大量精妙技术结构的综合数据可视化 SVG 项目，是非常值得在包括年报、发展史等主题设计中借鉴学习的佳作。其主体结构为多段伸长，结合了各类轮播和擦出伸长等内层互动，将大量数据有条不紊地向读者娓娓道来。

近期 GL 新研发的顺序弹窗关闭模型，在微信支付官方号上得到了商业交付转化，巧妙地把反诈防骗主题移植到了其中。只有按正确的顺序关闭所有诈骗窗口，图文才能进一步展开，露出视频号直播预告等内层信息。

同样是由 E2.COOL 主编小杨操刀的全局 3D 视差特效，通过鳞次栉比的空间布局挂画打造了面向上海用户的美妙虚拟画展。

本作基于 E2.COOL 黑科技 SVG 编辑器完成，亮点在于 GIF 动画与 SVG 动画的柔顺衔接。且作为喜茶周年庆的关键图文，充分体现了交互设计中「形式服务内容」的宗旨。

艺术来源于生活而又高于生活，疫情之下，JZ 的计老师策划并开发了此款抢菜手速训练器小游戏，还原了上海人民使用 APP 抢菜的真实场景。目前该效果也上架至 SVG 黑科技编辑器（https://www.e2.cool/），通过「手速测试」组件即可实现。

VOGUE 在此期中模拟一个十分有趣的采访环节，使用 JZ 定制的伸长套伸长结构，让用户可任意查看自己感兴趣的问题。在文末结尾处还隐藏了一个彩蛋，采用三层内嵌伸长结构，扫码查看原文体验一下吧～

本篇使用了开发难度较大的 Zoom 缩放式镜头，通过多次的缩放和定位切换镜头视角，一一展示人民币的防伪黑科技，其中又搭配了多段伸长、描摹动画等效果，可见开发者功底深厚。