iSVG

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

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

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

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

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

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

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

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

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

进园有惊喜 | 小宝生日游园会正式开始~请进|地图游走|宝矿力水特FansClub

开屏用点击交互展示进园效果,随后采用多热区 SVG 弹层的交互展示关键词相关的场景,同时还有缩放过渡的转场动效,接着点击按钮伸长剩余图文,继续拼图游戏以及点亮蜡烛的游戏,用趣味的 SVG 交互和动效呈现了生日会主题。

秋浓酒半酣,月满人团圆|图文伸长|水井坊 高端浓香

图文伸长伴随明月在场景间游走,正所谓「莫使金樽空对月」,细节的图层顺序布局考究,时隐时现的动画过程更添意境。

🦈 鲨 鱼 玩 具.svg|双层触发|JZCreative

以 SVG 结合音效模拟了儿童时代的经典鲨鱼牙齿玩具,表面为随机组,下层通过双层触发结构激活 8 个视频响应,每次打开结果都有惊喜!

久久久久久久久久久久做好事,能改变什么?|路径动画|腾讯公益

小红花沿自动路径运行,并在不同场景暂停留下身影,成为腾讯99公益的回顾线索,结尾合理引出新年度的活动入口。

承认吧,没人能笑着收拾完行李|弹出式海报|新世相

每个行李箱都隐藏着不同的故事,点击传送带上动态运转的行李箱,即可弹出隐藏的故事内容,行李箱在传送带上循环运转,可无限次重复点击,拉满读者好奇心的同时,也能避免读者错过重要内容。

天命人,为何挤满山西?|轨迹动画|JZCreative

静态长图如何通过 SVG 锦上添花?山西文旅的「跟着悟空游山西」主题路线发布,结合轨迹动画、路径动画和位移动画,形成了孙悟空乘坐筋斗云在青云间穿梭,推开云雾看到山西古建的特效,既丰富了画面动态又进一步增加了用户的阅读停留时间。

进来测测,你需要补充哪种维生素?|双面翻牌|央视网

本文为一篇有趣的科普文章,小卡片中放入了各种维生素的“种草”文案,用户点击后卡片翻转,出现正确的科普知识,帮助用户识破所谓的“健康小知识”,告诉大众“其实对于大多数无痛无病的人来说,补充维生素最好的方式就是:好好吃饭”“。

跟真果粒一起,寻找仲夏夜的开关|错层滑动|真果粒

本文使用了夹层滑动的交互,以仲夏夜的满月为固定图层,前景与背景图层随着滑动不断变幻,形成了月亮在图层间不停穿梭的视觉效果;有些场景中还设计了有趣的卡位效果,让月亮成为路灯、橙子等,点睛之笔让图文变得更加生动活泼。

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

沪ICP备2022011523号