各位 SVG 交互设计领域的伙伴们看过来!不管你是深耕设计一线、需要优质案例参考的 UI/UX 设计师,还是专注代码实现、寻求高效解决方案的前端 / 全栈开发者,你的每一次操作习惯、每一个功能诉求,都藏着行业优化的关键方向!
在当今数字化内容创作尤其 SVG 交互设计领域,E2 编辑器无疑是一颗耀眼的明星。它以其卓越的功能和独特的设计,赢得了众多用户的青睐。然而,在竞争激烈的市场环境中,抄袭现象屡见不鲜,E2 编辑器却能持续创新,无惧跟随,其背后的源动力值得深入探究。
华为云的本篇魔都游记系顶级的横版人物交互剧情长卷,由我们从设计到交互完成全部工作,鼈臑主导了代码开发。对人物的步态设计,我们依然采用了序列帧模式(5帧),不过近期我们正在推进基于关节组件的柔顺人物步态 SVG 套件开发,敬请期待。
4月,华为 · 荣耀系掀起了一股 SVG 快闪+暴力伸缩式的交互特效浪潮。本文的前序列快闪登峰造极,可以说是整个行业图文内纯代码动画的顶点标杆,而后序列的暴力伸缩效果富有极大的视觉张力。
由 JZ 的一位课程学员所开发的 GE 超声影像图文,采用复合方法结合描边动画、透明度动画和序列帧等技术,给本文增加了多元化的动画效果。平常对「黑科技图文」接触较少的工业医疗领域也逐渐开始对 SVG 技术有所关注和青睐。
本质上内联式 SVG 并不能形成循环逻辑,而本篇的亮点在于通过叠加多层交互内容,从而实现反复点击的视觉效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「渐进效果」实现。
网易王三三呈现出一如既往在设计方面的高水平,此篇更是将 SVG 透明度动画嵌入到精致细腻的插画中,效果也是十分和谐。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「长按出现-松开消失」实现。