传统非遗技艺配合当代 SVG 交互技术,人民网用大气的一图流设计,呈现了泸州老窖的近 700 年的岁月力量。其中音频连带图片切换的效果虽然并不复杂,但显著提升了阅读的沉浸感。其效果可以通过 E2.COOL 黑科技编辑器的「切换图片+播放音频」组件实现。
IP 形象怎么玩?科沃斯的这篇放大镜互动给了我们一个不错的创意示范。该作由行业大佬荒村主持开发,融合了 touchmove 指令触发,衔接预先制作好的放大镜动画 GIF 控制,构建了一个趣味的 IP 场景探索互动,让读者们对这个可爱的公仔心向往之。
设计便利店与 JZ Creative Studio——设计圈两大顶尖厂牌强强联手,为一批美术方向毕业生策划了线上虚拟数字展。在第一期中,他们采用了 perspective 视差技术在三维空间内布局了一个仿佛失重的展览空间,将公众号艺术展的表现形式又推向了新的美学高度。
静谧的森林中,正在举办一场神秘的音乐会!通过 flex 布局下伪音频视频的应用,和创造性的触发带动结构挤压,这篇由小杨操刀的 SVG 互动排版作品让用户在探索中获得视觉和听觉的双重熏陶,轻松趣味又感官丰富。
由 E2.COOL 黑科技编辑器提供技术支持的 GQ 实验室 6 月封面刊主题发布,开场为编辑器内「多图展示」的「连续撕纸」,经过与伸长结构的复合形成了整体推送效果。
一颗星星伴随着点击出发,通过 path 标签动画沿特定轨迹不断飞行并展开整体图文,使得积家的七夕主题推文尤其浪漫。另外这个颗星星是以「滤色」混合模式叠加到画面中的,足见开发工作之细腻。
高级感十足的交互效果如何轻松实现?不妨尝试大型竖版视差结构,本作采用像素设计搭配视差效果,将科技感直接点满。本作亦为 E2.COOL 黑科技编辑器制作的优秀作品!