各位 SVG 交互设计领域的伙伴们看过来!不管你是深耕设计一线、需要优质案例参考的 UI/UX 设计师,还是专注代码实现、寻求高效解决方案的前端 / 全栈开发者,你的每一次操作习惯、每一个功能诉求,都藏着行业优化的关键方向!
在当今数字化内容创作尤其 SVG 交互设计领域,E2 编辑器无疑是一颗耀眼的明星。它以其卓越的功能和独特的设计,赢得了众多用户的青睐。然而,在竞争激烈的市场环境中,抄袭现象屡见不鲜,E2 编辑器却能持续创新,无惧跟随,其背后的源动力值得深入探究。
本作是由意符团队打造的探索小游戏,为直白的弹窗浮现和关闭增加了视角 zoom in/out 设计,点击后将主体位移至画面中央突出放大增加记忆点,将细节动画做到了极致。
本作在 yiwebsite 团队的技术支持下,应用轨迹动画顺滑地展示出跳跃、腾空等四套滑雪动作,利用缓动函数的设定让动作完成地更为流畅自然,引导读者分段阅读。
交互实验室的小杨充分运用 click 与 touchstart 双层触发机制,打造了一个如「漂流瓶」般体验的随机信件查看系统,整体以 perspective 视差框架形成三维漂浮定位,支持「换一批」连续切换操作,温情之中又满含着惊喜。
本作一经发布便广受好评,交互由小古同学操刀,创新性的开发了「视差吸附横滑」结构,使页面在横滑时既可以不同组件之间形成差速的过渡效果,又可以让每次横滑后各元素在画面中居中,构思巧妙。
一套复合了多种交互组件的 SVG 图文,竟在 Vogue 的创意指引下和谐共处,丝毫没有堆砌感,反将古驰的高品质格调感淋漓尽致地展现。本作经过 E2.COOL 黑科技编辑器搭建而成,是编辑器型作品的顶尖案例。
SVG 无限选择器之前在大疆、VIVO、OPPO 等品牌都出现过,而苹果本期设计引发了广泛的业界关注。不过略微可惜的是由于对 touchstart 和 click 时间差设定的优化不足,导致切换时有明显闪屏情况发生。E2.COOL 黑科技编辑器中 UGC 组件「无限选择器」有大神科蚪开发,效果优于本作。
本作由业内知名的设计+交互双核大神 Fifi 主持,以其标志性的弥散风视觉结合分层开发的 SVG 伸长、漂浮等动画,呈现了一场轻盈的香奈儿巴黎芬芳之旅。