iSVG

基于开源共享精神的SVG交互图文搜索引擎·无偿使用·公益助力疫情下数字经济复苏

你们是哪一种「动物恋人」?|顶层滑动|铂金

关于“滑动”,本月另有一篇荒村主持技术的作品值得一提,因为其中透明度层次极度复杂的滑动前景是通过 CSS 混合模式实现的。否则以传统方式处理,这样的前景 PNG 很难顺利在微信图文中展现出来。目前该效果可以在SVG 黑科技编辑器(https://www.e2.cool/)中通过「顶层滑动」实现。

绝 对 の 无 聊 挑 战|互动游戏|网易

九月,网易的此篇 SVG 黑科技排版刷爆朋友圈。本篇则印证了一种简单可行的创意方法——只要把一个局部重复地足够多,就有机会把看似无意义的东西变成创意。而在技术面,使用的都是最简单的动画,可见创意本身比代码会更有决定性意义。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击切换」实现。

从一张白纸,到一幅画卷|画卷伸长|奔驰

奔驰也来献礼!本作应用的是对 SVG 画板整体的控制,在微信图文中打开了一幅精心制作的长卷。

“医”路征程70载,这些回忆值得铭记|竖版长卷|西门子

有了中秋场景的传播,自然月底还有献礼祖国生日的创意。西门子医疗由我们 JZ 的鼈臑主持技术交互,基于 Agency(艾德曼) 的 2.5D 画风设计,形成了无限式长卷互动图文。将 H5 通过 SVG 直接植入到微信图文中,是当下黑科技排版的一个显著传播优势,因而广受品牌主青睐。另外,本作中还有一个音频播放的特效制作,在 GL 的建议下通过进行了纵向拉伸,确保了多设备的触控可行性。

塞勒涅之眼|快闪动画|宝马

中秋节时,各大品牌都卯足劲筹备了特别的微信图文消息。而宝马依然由 GL 主持技术,推送了一篇令人叹为观止的 SVG 互动。而这篇与本月苹果的发布有异曲同工之妙,但控制权交给了用户。结合 Agency 优异的设计表现,把“快闪”的视觉逻辑转化成了“穿梭”的互动体验,一定要打开原文感受一下!而这种互动逻辑,其实最早源自包括手速挑战、新年鞭炮等行业早期作品。虽然代码的模式和细节在迭代,但相信“连续触发”式 SVG 互动,一定还有更多可能性。

独家定制|和月亮撞衫,约不约?|顶层滑动|杰克琼斯

大家都爱的“滑动”,总有品牌能实现新创意突破。本月,我们 JZ 就为杰克琼斯微信公众号设计了“滑动”的新应用场景。一方面是结合中秋,将月相的天文原理与滑动结合,形成了滑动月牙切换到圆月的设计。另一方面,我们 JZ 为杰克琼斯的服装图案定制活动设计了滑动预览模型,帮助用户更快了解图案的多样性和印制后的直观效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「顶层滑动」实现。

好的!窖主听你的!|互动测试|泸州老窖

荒村大神本月联手泸州老窖把答题卡模式玩成了花,发布了这篇古风感十足的答题卡,让一个传统品牌和一个传统 SVG 交互焕然新生。答题卡本身因其互动性强,加之逻辑闭环严密,可以衍生出大量公众号与用户的互动模式,因此是黑科技排版领域的常青树交互模型。而本作第一是画风上形成了突破,另外结合用户的选择,最后还能翻卡查看自己的的历史角色,游戏感十足。

Apple 新鲜出品,请慢用。|快闪动画|Apple

九月的科技圈头条,苹果必须有身影,而亮相新 iPhone 11 的微信图文,必然是苹果本月新媒体工作的重中之重。那么,苹果采用了什么形式发布这篇推送?正是 SVG 黑科技互动排版!并且形成了经典快闪效果!

CoolSITE360 提供 UI/UX 支持  Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」

沪ICP备2022011523号