各位 SVG 交互设计领域的伙伴们看过来!不管你是深耕设计一线、需要优质案例参考的 UI/UX 设计师,还是专注代码实现、寻求高效解决方案的前端 / 全栈开发者,你的每一次操作习惯、每一个功能诉求,都藏着行业优化的关键方向!
在当今数字化内容创作尤其 SVG 交互设计领域,E2 编辑器无疑是一颗耀眼的明星。它以其卓越的功能和独特的设计,赢得了众多用户的青睐。然而,在竞争激烈的市场环境中,抄袭现象屡见不鲜,E2 编辑器却能持续创新,无惧跟随,其背后的源动力值得深入探究。
爱范儿针对 vivo 新款降噪耳机发布推出了此篇交互图文,结合音频播放器美化和 GIF 控制器,利用声波展示出降噪前后的对比,继而精彩地呈现了一场小鸟对话的场面,由此引出「降噪」的主题,本篇也是近期来音频播放器美化中较为亮眼的佳作。
520 是各大品牌借势营销的热点节日,推送花样也层出不穷。GL 为英菲尼迪定制开发的密码解锁一文,无论在创意还是执行方面都较为出彩。大多数情况下,密码解锁的推文中密码的设置都缺乏和产品或主题的关联度。但本篇的密码设置暗藏玄机,将汽车型号隐藏在 520 的表白语中,融合度高。且交互部分为纯手工代码开发,防误触也精巧细致,值得推荐。
已经消失了一段时间的 2.5D 风长卷再次回归我们的视野,整篇文章设计风格清新脱俗。本篇由荒村操刀开发,巧妙运用了 2.5D 风格的场景穿插,结合上下层滑动中间层固定装置,形成丰富的场景互动效果。
最痴迷于 svg 长卷的党政新媒体共青团中央,设计了一篇交互式插画献礼建党一百周年。交互部分由小杨负责操刀,基于
本期推送中 yutu 操刀开发的一套无限抽拉式卡片设计让不少运营人眼前一亮,由无限伸缩器延展出的该模型可以不限点击顺序,且设置了无限点击触发的能力,为弹窗式卡片又增添新的范式。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「标签抽拉」实现。
此作由鼈臑大佬负责开发,交互技术复杂至极,利用多段伸长结构划分场景时代,又嵌入结合多款烧脑游戏装置。既有开发者的基操答题卡,又有高难度开发限时挑战、逻辑判断等,让作品的趣味性大大提升。
层层滑动 4 月由 GL 首创开发,计老师在此技术基础上创新融合了伸长动画,实现层层滑动后点击伸长的交互效果,并将此应用于喜茶发布的《王,榨,油,柑,BANG!》。本作将多层前景遮挡与层层滑动装置结合,形成一种极具神秘感的互动效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「层层滑动接伸长」实现。