iSVG

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

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

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

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

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

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

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

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

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

自由驰骋于清风中 | 爱马仕2026春夏女装秀|吸附滑动+点击浮现|HERMES

点击模特图后,原页面提示符平滑隐去,爱马仕 2026 春夏女装大图以淡入效果渐显,伴随轻微放大动态,让服装细节如面料纹理、剪裁线条逐步清晰。整体动效轻盈不拖沓,贴合 「自由驰骋于清风中」的秀场主题,自然聚焦服装本身,提升视觉沉浸感。目前该效果可通过 E2.COOL 黑科技 SVG 编辑器的「等分容器吸附滑动」搭配「点击浮现」等组件搭建完成。

非遗代表作 | 仪式感拉满,主打一个接地气!端午节可一点都不"端"着|相对位移|泸州老窖1952订阅号

解锁端午非遗新体验!以相对位移 + 内容同位替换的创意形式,让龙舟在场景中模拟连续位移,串联起端午各色民俗活动。画面转场流畅生动,既拉满节日仪式感,又尽显接地气的民俗韵味,沉浸式呈现端午的热闹氛围与文化底蕴~目前该效果可通过 E2.COOL 黑科技 SVG 编辑器的「相对位移」等组件搭建完成。

糟了...敲上头了|连续敲敲模型|腾讯技术工程

由 SVG 交互设计知名开发者计育韬老师主持的连续敲敲模型互动,本次作品结合了玩偶 IP 弹性形变的特性,以 scale 为核心构建了双层触发的玩偶反复挤压变形和文案连续打击弹出,打造了腾讯 1024 节技术范儿的创意宣传。

非遗代表作 | 中国书法,刻在中国人DNA里的"文化自信"|上色滑动|泸州老窖1952订阅号

本作以毛笔为核,金色墨水逐步晕染,解锁非遗书法的文化魅力,前景镂空背景上色的设计让体验更具沉浸感。目前该效果可通过 E2.COOL 黑科技 SVG 编辑器的「零高图片​」和「纵向滑动(自定义)​」等组件搭建完成。

今天的“太阳”,记得签收|游走位移|快手

借鉴小米《今晚月色真美》的互动作品,只是主角变为了“太阳”的连续场景穿梭效果。

腾讯27岁,生日快乐!|视差卡片|腾讯文化

基于E2编辑器强大的视差卡片模板,以不同深度的水平元素和部分视效强烈的地平线元素穿插排列,将腾讯27年前的至今不为人知的一些「冷知识」娓娓道来,纵深空间感极好匹配了周年庆的创意主旨。同时,本文吸收了业内知名交互设计师计育韬的内容加载优化技术,极大提升了此类多图多画面的图文启动效率。

开幕啦!|收缩伸长|大地艺术节ARTFIELD

收缩伸长的一种 SVG 巧思布局方式,以 vw 设定宽与高,并以 max-height 限定极限高度,故实现绝对值模式的伸长互动,内部使用全局滑动、点击渐变、动态图控制播放等形式,简洁直观带来艺术节活动开幕信息。

双节漫游攻略——三得利全球烈酒与你同行|弹性收缩伸长|三得利烈酒

弹性化的小幅度收缩伸长后,展示了一组鳞次栉比的漂浮标签,点击后可从对应位置浮现放大弹窗,点击指定位置关闭,交互细腻,动画精巧。

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

沪ICP备2022011523号