各位 SVG 交互设计领域的伙伴们看过来!不管你是深耕设计一线、需要优质案例参考的 UI/UX 设计师,还是专注代码实现、寻求高效解决方案的前端 / 全栈开发者,你的每一次操作习惯、每一个功能诉求,都藏着行业优化的关键方向!
在当今数字化内容创作尤其 SVG 交互设计领域,E2 编辑器无疑是一颗耀眼的明星。它以其卓越的功能和独特的设计,赢得了众多用户的青睐。然而,在竞争激烈的市场环境中,抄袭现象屡见不鲜,E2 编辑器却能持续创新,无惧跟随,其背后的源动力值得深入探究。
一篇 SVG 互动 + CSS 滑动的混合排版,将目前最流行的互动黑科技融合展现,尤其值得一提的是滑动前景图边缘细腻,没有任何毛刺和白边产生。顶部 SVG 互动区由我们 JZ 提供技术支持。GQ 无论内容还是形式,一直是媒体属性微信公众号中的弄潮儿。其实远不止这篇,他们总会在“一图流-交互-一图流-交互”的高难度排版中游刃有余。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「顶层滑动」实现。
苹果微信公众号的运营团队,擅长以最简单的交互技术结合最顶尖的平面设计能力,给用户带来拍案叫绝的交互体验。本文通过 GIF 结合 SVG,又引起了很多运营人的羡慕嫉妒恨。不过若是仔细分析,其中包含的 SVG 仅仅是淡入动画而已,真正的难点在于——把代码高亮排版技法运用到图文排版中。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「GIF控制器」实现。
本月的长卷式和科技交互排版中,荒村主持开发的平安集团作品也值得一提。图文中一辆监测车缓缓开动,在一气呵成的卡通背景上将原本枯燥的“功勋墙”变成了有趣的漫画故事。
一个酝酿已久的灵感,终于在本月实现——交互式多格漫画排版。本文是我们 JZCreative 为线下课程微信顶尖排版术推广而设计的黑科技排版,前所未有的新创意设计引起了全行业的围观。漫画+交互的一图流,瞬间将两种新媒体行业最硬核的排版技术结合。
药企入场黑科技排版领域!该作将人体结构与三维弹球的游戏逻辑结合,设计与交互结合度上佳,触发类型和动画类型也极其多样,属于长卷复杂剧情交互的典型作品。而这类作品在制作过程中,背景位图和 SVG 交互前景矢量图结合已经成为了黑科技排版的共识性操作。
炎炎夏日,国产电动车品牌 WEY 通过 SVG 黑科技排版向用户介绍了其“防暑降温”的能力。本文由 GL 操刀,采用了 Prezi 式的 ZOOM IN 动画效果,基于
黑科技排版榜单可以说是月月有宝马,毕竟全行业中该品牌是最痴迷于 SVG 交互排版的企业。加之主要由 GL 操刀交互设计,更可谓如虎添翼。本期的伪键盘游戏,是 GL 较早前已经开发的原型迭代版,融入了更好的视觉设计,逐步露出二维码引导用户长按识别,使得用户误以为乐曲由自己制作完成,可谓是一个“心机满满”的作品。