iSVG

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

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

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

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

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

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

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

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

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

假如大唐通网了,好City啊!|GIF 控制|OriginOS

通过连续的 GIF 控制播放,形成在大唐漫画场景中不断穿梭的效果,提前感受了 AI 产品文生图能力的高超表现,最后简洁利落地指向产品介绍,用户自然心动。

在鼓楼!你好,2024!|按钮矩阵|鼓楼微讯

线性交互顺序的 SVG 设计,但通过按钮矩阵的结构设计营造了多选的场景体验,这既营造了操作的自由感又提升了动画的丰富性。

一“键”穿越百年,看看TA的古韵今风!|数据可视化|学习强国

新闻数据可视化与 SVG 的精彩结合,以老照片修复为操作意象,结合了各类精巧的 SVG 微动画。

进球了!|错层滑动|抖音集团

细腻的动态图开场,以照相机闪光自然切换到胶片框中,接续经典的错层滑动使得足球在不同前后景中穿梭。

这一句,该如何翻译?|逆向擦出伸长|旦复旦的校史

以电影《望道》为宣传客体,通过陈望道老校长在翻译《共产党宣言》过程中的非凡经历为线索,结合逆向上色擦出伸长的方式呈现了两个章节的漫画故事。且漫画构思极其巧妙,采用了相同构图的复用化设计进行切换,使得刷新效果更为惊艳。

终于 我全敲完了!|连续切换|美团外卖

每块冰块处放置了三层互动,用户第一次进行点击时,冰块碎开,同时触发了爆裂的音效,第二次点击后,冰块进一步碎裂,第三次点击时触发位图弹窗,对冰块内所藏物品进行了揭秘;音效与局部切换的完美配合,有效模拟了真实的敲击过程,让用户在“嘭”“嘭”的声音中体验到一场砸冰块游戏,解压又畅快。

浪漫时刻|无限选择器|GRAFF格拉夫

将无限选择器作为整体引入滑动模块是一个大胆的设计挑战,本作有意在用户点击某个滑动界面是营造出其他界面变暗的效果,强化产品落地页的操作聚焦,不过视觉体验上仍具有一定争议性。

「海岛假期」DAY 1|地图游走缩放|JoMaloneLondon祖玛珑

本作熟练地组合应用了 E2 编辑器的点击伸长、地图游走缩放、零高容器等组件,共同搭建出此篇夏日海岛地图,效果丝滑流畅。

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

沪ICP备2022011523号