iSVG

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

【热点新闻】问卷调查:SVG 交互设计行业用户习惯调研

各位 SVG 交互设计领域的伙伴们看过来!不管你是深耕设计一线、需要优质案例参考的 UI/UX 设计师,还是专注代码实现、寻求高效解决方案的前端 / 全栈开发者,你的每一次操作习惯、每一个功能诉求,都藏着行业优化的关键方向!

【热点新闻】E2编辑器持续创新,无惧抄袭的源动力是什么?

在当今数字化内容创作尤其 SVG 交互设计领域,E2 编辑器无疑是一颗耀眼的明星。它以其卓越的功能和独特的设计,赢得了众多用户的青睐。然而,在竞争激烈的市场环境中,抄袭现象屡见不鲜,E2 编辑器却能持续创新,无惧跟随,其背后的源动力值得深入探究。

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

奔驰也来献礼!本作应用的是对 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 黑科技互动排版!并且形成了经典快闪效果!

明明只是出了一款牛奶 看完我却哭成泪人|逆向伸长|伊利

JZ 在本作中,创新应用了一种反向图文缩进动画,并通过制作抖动效果,使得屏幕仿佛即将崩裂一般。

跑在路上,如何保护你的高性能轮胎?|横版长卷|奔驰

为了更好的教导驾驶员正确应对突发路况并保护轮胎,奔驰本月基于黑科技排版制作了这套教程。本作非常巧妙地应用了超级马里奥关卡设计风格,而且特别选取了难度较高的地下关卡模式,很好地烘托了主题氛围。

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

沪ICP备2022011523号