iSVG

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

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

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

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

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

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

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

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

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

仰望星空,跟着总书记看航天强国建设|视差滑动|新华社

细节丰富的宇宙纵向立体空间排版,各个宇宙要素和文案信息鳞次栉比随着滑动差速进场,透视感极强,是 perspective 3D 技术的成熟应用。

爱慕祝您龙腾新春,齐乐龙龙!|GIF 控制器|爱慕

使用「GIF 控制器」构建一个观影厅的场景,读者点击“开始观影”按钮,便可触发播放滚动字幕的效果,紧接着浮现出的“大屏幕”上便开始循环播放我们倾心制作动画片片段,“播放按钮”就是视频号跳转的入口,点击即可欣赏完整影片,为读者带来了一次极为逼真的观影体验。

《绿色大闯关|给地球宝宝可持续的宠爱》|选择答题互动|顺丰速运

顺丰在地球日主题推出了可爱的选择答题互动,选中正确答案或选中所有正确答案将进一步引导出现浮窗 tips,体现了精巧的 SVG 图层关系布局。

这一杯,是茶也是咖啡。|错层滑动|E2平台

E2 平台不仅是一款编辑器,也是业内少有的乡村互联网企业。本期推送展示的是他们与湖北和云南两地合作的咖啡藤茶联名周边,采用了纵向滑动内画布不断延展的交互框架,同时兼容了错层滑动的精彩效果,内部还衔接了大量精彩互动,是滑动交互的极品设计。

🪁 SVG 大 转 盘 启 动 🪁|抽奖互动|E2平台

抽签架构的精彩升级模型,传神表现出了点击后选项降速并停止的抽奖互动过程,由 JZ Creative Studio 计育韬老师创新推出并授权至 E2.COOL 黑科技 SVG 编辑器应用。

🤡 欢 迎 来 到「 SVG 鬼 市 」🤡|双重视差|E2平台

视差套视差,会发生什么效果?本文呈现出了一种双重视差的立体感官。长街上的卡通人物或可正立或可斜靠,内部穿插各类彩蛋互动,一展代码鬼市的奇思妙想。

奔跑吧“十二”的浪漫|裸眼 3D 排版|浙江卫视

奔跑吧新一季即将到来,嘉宾闪亮登场。通过 perspective 的 CSS 裸眼 3D 布局,人物以极具真实感的视角张力依次罗列在云雾缭绕的新街区,随着滑动而产生差速变化。内部融合了精彩的伪音频视频 SVG 混合交互,让综艺推广更具亲和力。

刷到就“刷道”|CSS 混合模式|奥迪

基于 CSS 混合模式实现滚动页面时下方的进度条同步效果,本质为利用一个长斜边遮罩在滚动时不断增加露出底边部分,这也是 GL 老师的一款独特交互模型发明,巧思而实用。

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

沪ICP备2022011523号