iSVG

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

【优秀作品】爱马仕公众号SVG案例合集

iSVG 专题研究系列:爱马仕公众号借 SVG 交互打造内容新亮点,丰富效果提升品牌数字化表达质感。

【优秀作品】Tiffany公众号SVG案例合集

iSVG 专题研究系列:蒂芙尼公众号玩转 SVG 交互黑科技,让奢侈品表达兼具精致质感与趣味体验,重塑高端品牌数字化内容新形态。

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

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

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

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

点击这里!『 1 』起出发|描线动画|清华大学经济管理学院

经管学院的 41 周年庆以动画为笔,通过点击控制的逐步伸长、渐现动画和描线动画,讲各方各面的成就娓娓道来,勾勒出发展脉络。

一双够速度的跑鞋,能让小孩多来劲?|视差滑动|NIKE

本作采用横向视差技术,通过极具视觉张力的动态背景设计和差速移动的图层,把跑鞋助力奔跑的特性展现得淋漓尽致,将激情氛围渲染到极致。

文末福利 | 解锁春日「视」界新姿势|连续镜头放大|汤臣倍健

汤臣倍健新作以瓶身为核心元素贯穿全片,瓶身幻化为白云、草地、沙滩等,层层放大的过程中串联起 “穿越春天” 的意象。相关效果可以通过 E2.COOL 黑科技编辑器(https://www.e2.cool/)的零高容器、任意点放大-消失等组件配合实现。

vivo 和 iPhone ,通了!|视差吸附滑动|OriginOS原系统

OriginOS 发布的 vivo 与 iPhone 双机互联功能的推文中,以内容先行的思路,创新采用了半格视差吸附滑动设计。通过精准控制元素景深调整两部手机元素的滑动速度,形成独特视差效果。该设计将双机互通功能可视化,不禁叫人拍案叫绝。

SVG 影 神 图|重置式连续切换器|E2平台

这篇 SVG 影神图巧妙地融合技术与创意,以互动地图形式串联起各区域,点开地标即可查看各路人才。基于mouseover/mouseout 指令实现重置式连续切换器,可反复点击并无限重置于组件的初始状态,让用户可随时回溯探索起点。

预备…………上天!!!|雷电战机|JZCreative

E2.COOL 和 JZCreative 强强联合,在中国航天日前夕共同推出了此篇科普作品。通过 SVG 同位替换法位移,实现了主体在不同行进过程中的切换,层层递进地展现了火箭发射、分离、环月等全过程,让大众轻松了解航天知识。目前该效果可以通过 E2.COOL 黑科技编辑器(https://www.e2.cool/)的零高容器、相对位移-消失等组件配合实现。

藏不住了🧧|扑克出牌|Boucheron宝诗龙

以「藏」为核心,当我们点击任意宝诗龙珠宝卡牌时,目标卡牌即刻向上飞出,同时其余卡牌同步执行收回动作,形成「单卡突出 × 多卡藏匿」的独特视觉层级,该效果源自 E2 编辑器独家发明的 SVG「扑克出牌」组件,效果丝滑高级,十分适合奢侈品品牌应用。

气泡美式清爽上新|这一口,拥抱一夏天的风|视差卡片|星巴克中国

叹为观止的复合视差设计,以 E2.COOL 黑科技 SVG 编辑器的「视差卡片」为核心自由布局每个独立元素,并在其中嵌套音乐播放、橱窗滑动等交互和微动效,更巧妙的一点在于其整体嵌套在了「全屏上浮任意内容」组件中,以气泡覆盖整个画面,SVG 设计功力可见一斑。

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

沪ICP备2022011523号