各位 SVG 交互设计领域的伙伴们看过来!不管你是深耕设计一线、需要优质案例参考的 UI/UX 设计师,还是专注代码实现、寻求高效解决方案的前端 / 全栈开发者,你的每一次操作习惯、每一个功能诉求,都藏着行业优化的关键方向!
在当今数字化内容创作尤其 SVG 交互设计领域,E2 编辑器无疑是一颗耀眼的明星。它以其卓越的功能和独特的设计,赢得了众多用户的青睐。然而,在竞争激烈的市场环境中,抄袭现象屡见不鲜,E2 编辑器却能持续创新,无惧跟随,其背后的源动力值得深入探究。
由科蚪研发的无限往返伸缩器近期登陆 Apple 公众号,点击触发热区可无限次伸长并收缩,合理分配了信息的展示方式。Apple 发布的此版本更为简化,只需上传两张图片,也同时增加了切换图片的效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「无限往返伸缩器(简单版)」实现。
本篇的出彩之处并非在于背后的技术,而是设计与交互恰到好处的融合。精美的画面设计,配合选用了最为基础的交互模型,既不被喧宾夺主,又能够将效果发挥至极致。本篇开发由 E2.COOL 编辑器制作而成,建议点开原文欣赏一下。
这篇使用无限弹窗的作品由小杨制作,转动的轮盘上载有多张可被点击的卡片,与 GL 开发的此篇《年夜饭开饭了!进来选一道你爱吃的菜》有异曲同工之妙,本作在技术上则更为保险。关于此技术的更多用法还在被不断发掘,欢迎你有好的作品向我们投稿。目前部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「多热区无限浮现-消失」等实现。
品牌特别打造了一场生日宴会,读者通过「一键直击」即可了解所有信息,巧妙地使用点击触发配合位移动画,应用出多种滑动操作,实现了层层滑动、滑动换装等特效,该作由荒村开发。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「换装式点击切换」实现。
手机新品发布推送无疑是各大品牌的兵家必争之地,小米手机在其中脱颖而出。以小杨主导的《小米MIX 4 正式发布:未来CUP全面屏,艺术品般的陶瓷机身》为代表,驾轻就熟地使用视差滑动技术,合理分配各层元素及间距。细节上更是奇思妙想,利用向上滑动的蒙版手机壳配合底层背景下落,叠加形成双倍流畅的视觉效果。
密码解锁,一种经久不衰的开发模型,任何热点发布都可以搭配合适的口令呈现出品牌的创意,其严密的逻辑结构和丰富的细节动效无一不展现着开发者深厚的基础功底。本作由 yutu 主持开发,通过查看线索输入华夏航空的客服热线,强化用户对于新上线的客服号码的认知,再设计多条语音内容传达品牌温度,为读者带来较强的互动体验。
此篇特别选取了挤压伸长结构分别介绍三款单品,由品牌方使用 E2.COOL 编辑器制作而成。并在此基础上,计老师又全新开发了双系统视频号布局,分别克服安卓和 ios 系统嵌入视频号漂移的问题。