中秋主题公众号图文,通过综合化的 SVG 交互组件应用,南方周末基于 E2.COOL 黑科技 SVG 编辑器阐述了中秋的来源、诗词、月相、风俗、美食等节日传统。
中秋皓月图集如何展示?通过序列播放、视差相册等结构的穿插,小红书将「我和我的月亮搭子」活动通过公众号 SVG 交互巧妙展示,将冗长的信息有效通过交互时间重新分配。
音乐响起,主人公随着点击开始骑马前行穿梭,后下马徒步于亚运场馆之间,最后泛舟而去。全文视觉设计古色古香,将现代化的建筑设施毫无违和感地融合进山水画内,而在开发层仅通过一次触发,就复合了多种位移、缩放以及人物切换动画,形成了景深感极强的交互动画体验。
GQ探照灯的变体模式,不仅形成了探照灯-海报-探照灯-海报的交替效果,更增加了双层触发能力,使得探照灯点击同时下层元素同步缩放,显著提升了交互反馈。
SVG目录页打开同时音乐响起,探照灯滑动结构引导用户搜索按钮,随后画面亮起,衔接多个浮窗结构支持自选点击,内部还有滑动拉近人物、旋转切换专栏、长按浮现内容等创意小动画,构思缜密结构复杂,是亚运会主题的上乘之作。
好利来X瑞克和莫蒂的联名作品,采用了与宇宙感官高度匹配的视差 3D 设计进行排版,且承袭了计育韬老师的「地平线」理念立体设计,巧妙将动画中的时空穿梭门作为水平面抬升,形式与内容高度匹配。
通过无限选择器接伸长结构,模拟出类似答案之书的应用效果。这是由星巴克发起的阅读助学公益项目,读者可以像翻开一本魔法书一样,获取预言家的答案。实际上则是小朋友们从书本摘抄的经典语录,以此来展示他们的阅读与思考。
本作品以 E2.COOL 黑科技 SVG 编辑器的推出式封面和错层滑动结构为基础,在此之上巧妙地将结构重新组合手工搭建,实现主元素固定图层错层进场的效果,妙哉妙哉。