各位 SVG 交互设计领域的伙伴们看过来!不管你是深耕设计一线、需要优质案例参考的 UI/UX 设计师,还是专注代码实现、寻求高效解决方案的前端 / 全栈开发者,你的每一次操作习惯、每一个功能诉求,都藏着行业优化的关键方向!
在当今数字化内容创作尤其 SVG 交互设计领域,E2 编辑器无疑是一颗耀眼的明星。它以其卓越的功能和独特的设计,赢得了众多用户的青睐。然而,在竞争激烈的市场环境中,抄袭现象屡见不鲜,E2 编辑器却能持续创新,无惧跟随,其背后的源动力值得深入探究。
最痴迷于 svg 长卷的党政新媒体共青团中央,设计了一篇交互式插画献礼建党一百周年。交互部分由小杨负责操刀,基于
本期推送中 yutu 操刀开发的一套无限抽拉式卡片设计让不少运营人眼前一亮,由无限伸缩器延展出的该模型可以不限点击顺序,且设置了无限点击触发的能力,为弹窗式卡片又增添新的范式。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「标签抽拉」实现。
此作由鼈臑大佬负责开发,交互技术复杂至极,利用多段伸长结构划分场景时代,又嵌入结合多款烧脑游戏装置。既有开发者的基操答题卡,又有高难度开发限时挑战、逻辑判断等,让作品的趣味性大大提升。
层层滑动 4 月由 GL 首创开发,计老师在此技术基础上创新融合了伸长动画,实现层层滑动后点击伸长的交互效果,并将此应用于喜茶发布的《王,榨,油,柑,BANG!》。本作将多层前景遮挡与层层滑动装置结合,形成一种极具神秘感的互动效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「层层滑动接伸长」实现。
Apple 于 5 月 18 日发布的《换 iPhone 12 的理由,一个个展开说。》中演示了一种内容同步下拉的伸长动态效果,我们将其命名为「逆向画面伸长」。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「逆向画面伸长」实现。
《鸿蒙操作系统正式揭晓前,想象一下它的模样》由开发者 Wannasleep 操刀,结合伸长动画、GIF 控制器和音频播放器美化等技术发布了三则视频预告。此篇在制作音频遮罩上别出心裁,既保证了音频区域的防误触,又能够在伸长后触发视频播放按钮。
5月,鸿蒙操作系统发布前夕 JZ 为其定制了系列预热发布。其中第一篇《鸿蒙操作系统,6月2日见!》发布会预告视频,为追求完美的用户操作体验,采用 6 组 GIF 串联器代替视频播放,保证其画质清晰、衔接流畅。