iSVG

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

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

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

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

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

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

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

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

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

B站2022年度弹幕,两个字!| dashoffset 动画|哔哩哔哩

难得一见涉及 dashoffset 动画的创新设计 SVG,弹幕起始暗藏文字,以「优雅」的描边从万千弹幕中揭晓「优雅」,优雅!非常优雅!

这个春天,他们想开了| 错层滑动| 局部气候调查组

典型的错层滑动设计,夹层采用透明的小蜜蜂 gif 图像,让整个阅读过程更为生动有趣,如蜜蜂穿越万千花丛,把科普与故事有机结合。

The Store Above The Clouds|云的三种姿态,都是最真实的自我| 挤压伸长|嘉人

挤压伸长的得当应用,让三个并列主题的展示收放自如。

我去,20___年。| 无限往返伸缩器| 嘉人

展开结构内,复合多个无限往返伸缩器,且通过精彩的设计构思形成了文件夹堆叠的视觉效果,让平铺直叙的图文排版画面有了故事性的同时确保了条理感。

快,追上去!| 限时效果+生成海报|虎嗅APP

将点击出现的阵列与 SVG 位移引起的限时效果结合,将这一传统交互动画转化为与众不同的海报生成设计,创意感十足!

你知道你最吸引我的是什么吗?| 错层滑动|追觅科技

旋转的苹果下落,经过错层滑动的场景在进入产品的互动环节……由此一个最简单的物体通过 SVG 开发制造了精妙的情人节交互设计。

今天最浪漫的事,都在你手机里了| 无限往返折叠|ColorOS

看似无限往返 SVG 结构,实际上通过推出和内部滑动,实现了长图文的更巧妙折叠,由此在收起是不会大幅拉动画面,而是控制屏幕留在原处。

这块健康神器,帮你各种比心。| 无限往返切换|Apple

基于 SVG 无限往返逻辑,对占位图层 width 宽度的拉扯实现页面的往返切换特性,也是 Apple 为业界带来的新互动形式设计。

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

沪ICP备2022011523号