iSVG

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

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

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

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

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

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

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

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

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

这届年轻人的口味:越老越妙|逆向画面伸长+双层触发|GQ实验室

逆向画面伸长结合双层触发,实现了老虎机动画+打印内容的合并效果,趣味十足。

对这件事,iPhone 是动真格的。|视差型容器吸附滑动|Apple

这是视差型容器吸附滑动的精彩应用案例,视差特性主要用于表现滑块的进度点顺序效果,内部则嵌套了双层触发型的无限往返开关效果,形式简洁的背后是深度而专业的技术支持。

沉浸式体验 vivo X Flip 魔镜大外屏|无限选择器|OriginOS

本作采用无限选择器组件,使读者良好地体验到了不同配色下的屏幕样式。在滑动的第一屏内,再次嵌套吸附滑动达到小屏切换效果,且合理优化了两组滑动热区及顺序。

成年男女的520:好花|顶层填色滑动|GQ实验室

以物为花,将内容线索以花店为载体,趣味的插画环节后是此前 GQ 层在 crush 专题中应用过的顶层填色滑动,巧妙融合了鲜花美妆广告。

当AI带我坠入Gucci的百年平行宇宙|连续密码解锁+滑动|世界时装之苑ELLE

数字化与时尚设计的巧妙融合,结合了 label 选择、ChatGPT 会话等当下 AI 生成界面特性交互,构建了类似于连续密码解锁的滑动嵌套框架,也体现了开发者三千喵卓越的技术水平。

荣耀60 Pro|流光瞬间 匠心工艺|雪碧图+高速序列帧|荣耀手机

本作是雪碧图在SVG图文中的首次尝试,大量机型渲染的GIF均采用Sprite图的方式,不仅提高动图的清晰度,同时优化了图片的加载速度,将细节做至极致。

踏青指南 | 邂逅春日臻礼|层叠横向卡片|GRAFF格拉夫

Apple 层叠横向卡片的升级迭代,以卡片连续飞入飞出运行给用户以画面大观,随后重新聚合在画面中同位替换结构,支持后续展开交互,构思独到布局巧妙。

妳也一起,KO焦虑|位移效果+自主滑动|威尔胜Wilson

创造性地将滑动内容通过位移效果提前亮相展示,进一步诱导用户自主滑动查看细节。切换过程采用同位替换思路,无缝衔接的设计甚是巧妙。

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

沪ICP备2022011523号