iSVG

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

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

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

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

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

为《小时代》来上海的人,过得怎么样了?|伪音频视频|GQ实验室

对同一画面形成两种不同速度的展开选择控制,是本作开发中最大的亮点,同时开场还兼容了伪音频视频的播放,将一个整体设计较为常规的展开型图文,注入了别具一格的创意感官。

前方「兔」袭,闹元宵!|弹出式海报|保时捷中国服务号

开场元宵节主题的保时捷动效设计相当细腻而精彩,播放完毕后自然过渡到浮动的灯笼阵列,通过弹出式海报支持点击获取主题海报。

一叶同舟知端阳,造福寰宇祈安康|音频+GIF 动画|药明生物

篇幅不长但动画精细入微,点击屏幕后播放音频,同时带动实现切分多段的 GIF 动画按序列连续播放,形成了如此连贯的丝滑效果,是今年端午节主题的惊艳之作。

今年端午,360智脑“复活”了屈原|双层触发+点击伸长|360安全卫士

AIGC 火爆的 2023 年,360 安全卫士在端午节通过模拟 AI 会话的 SVG 交互形式,展示 360 智脑数字人的问答能力。图文采用双层触发结构,点击伸长后带动另一层顺序排列的对话依次浮现。

微博 SVG 实例-电门逻辑|与或非门|逸轩

经典的电门逻辑,基于 id 可以在微博 SVG 实现更简洁的代码表达。

微博 SVG 实例-折叠菜单|跨菜单栏控制|意符

基于微博SVG生态完美的菜单栏特效实现,尤其跨菜单的点击后原菜单折叠体验更接近真正的 H5 开发效果。

微博 SVG 实例-爆炸图|大爆炸|黑科技编辑器

通过 use 参数的引用设计,和 touchstart & touchend 的指令组合,形成专属于微博的 SVG 爆炸图交互效果。

再见,李玟|双层触发指令|GQ实验室

以双层触发指令,在驱动专辑信息整体页面移动的基础上将触发传递到下方不可见的视频播放层进而实现声音传出。

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

沪ICP备2022011523号