iSVG

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

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

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

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

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

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

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

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

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

I WISH:GRAFF!|伸长+无限选择器|GRAFF格拉夫

多选互动开场,消解两个初始层后露出伸长热区并展开,内置无限选择器,如此繁杂的交互模型却在得当的设计和文案组合下妙趣横生。

让梦想成真|全屏下雪|Tiffany蒂芙尼

全屏下雪的浪漫 SVG 效果铺满整个长图,让原本优雅的奢侈品广告设计更添节日惊喜氛围,该结构通过 E2.COOL 黑科技 SVG 编辑器的「全屏下雪」组件实现。

穿越至华夏美学巅峰的宋朝,和 DEEBOT X2 做一日富贵闲人|横版长卷|科沃斯会员中心

如果扫地机器人穿越回古代,会发生什么呢?科沃斯公众号通过 SVG 演绎了不同时代角色与扫地机器人的对话故事,并结合场景使其展示运行的效果,在诗情画意间巧妙体现产品特点。

重庆门店「平行岭下」| FPA® IN CHONGQING|自动伸长+逆向画面擦出伸长|FPA LAB

自动伸长完成后,衔接逆向画面白色擦出伸长,并挂载了一个小小的缆车作为引导,充满高级感同时又生动有趣。

独树「艺」帜|层层滑动接伸长|RemyMartin人头马

基于CSS滑动设置标签让用户可以更自由回看每一层滑动,是「层层滑动接伸长」模型的进一步升级。

世界上最小规模的恶,是“什么都不做”|错层滑动| 新世相

本文将被霸凌者设定为固定图层,给了读者一个旁观者的角度,通过不断滑动的前景图层告知读者被霸凌者的遭遇、一步步阐释了主题"世界上最小规模的恶,是‘什么都不做’",结尾的开伞动效升华了主题,告知读者,面对霸凌,我们可以站出来成为保护者。

本文,凌晨4点可看|错层滑动|微信派

错层滑动,玩出新高度——图文首先以「局部气候调查组」神作《月亮看见了》为参考,随着用户对屏幕的滑动使得月球在不同场景中穿梭。而在尾部通过点击月亮下落旭日东升的夹层变化则令人眼前一亮,将上方内容结构全部坍缩,用户转而可继续滑动并切入更高的内容立意,在技术层面实现了飞跃式创新。

丝路行旅图,带你穿越千年|序列帧+视差滑动|人民日报

开场以序列帧将绝美视频特效高清载入,衔接巨量的视差分层滑动展现出了恢弘的丝绸之路图景,构成了形如清明上河图般高密度信息表达,但由得益于 3D 空间效果使得画面并不拥挤,反而充满灵动的穿插体验。

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

沪ICP备2022011523号