以星际为主题,臻浓牛奶发布了此篇横版长卷,由荒村制作开发。配合恰当的设计,错层滑动总能做到出其不意的效果。伴随着读者滑动,飞船从星球下方跃然而出,直至文章结尾实现跃迁隐匿于星云之下。
由爱范儿为 ColorOS 策划的此篇漫画长卷,无疑是本月最出彩的交互图文。发挥狂野的想象力在图文中上演了一出精彩的外太空故事。该作利用多级展开结构,在故事的关键节点增添互动能力,强调展示了手机系统丰富的功能点。
开发者小杨操刀的此篇应用了一种多热区浮窗(可关闭)的效果,为了避免点击浮窗后误触其他选项,开发者利用零高容器堆叠数层盒子,并在每一层中都添加了 11 组选项浮窗,具有良好的体验效果。该效果的进阶版可实现无限次点击可关闭的效果,企业用户可在 E2 编辑器的「企业级专区(多热区)」中选择「多热区无限浮现-可关闭」组件实现无限次点击关闭的效果。
本作由计老师开发 JZ 交付至 Marshall,是首篇具有景深的漫画大型视差作品,黑白线条勾勒出躁动的夜晚,分层差速滑动打造强大的视觉张力,配合画面嵌入的音乐组合出十分震撼的感官体验,不妨点开原文一同沉浸其中。
经典永不过时,由 GL 制作开发的本篇采用优美的描边动画将小鹏汽车的发展历程娓娓道来,仿佛一条时间线串联起品牌技术的发展。该结构也可在编辑器中使用「轨迹动画」和「渐现」等相关组件编排而成。
GL 出品的每篇文章都十分讲究标新立异,配合优秀的创意设计往往能将基础的组件焕然一新,本篇基于连续切换放大结构打造出一镜到底的视觉特效,辅以高斯模糊、镜头遮罩等方法使画面之间衔接连贯。虽是在不断重复同一操作,但每一次点击都能带来全新的体验。
同样为新品发布,开发者小杨交付至红米的此篇采用了多段伸长逐级显示信息,配合横版视差滑动,将精致做到了极致。最值得一提的是错层滑动结构的巧妙应用,CSS 结构打造 4 层错层效果,使用渐变蒙版让其过渡自然不生硬,信息游刃有余的穿梭其中,生动形象地展示了产品的关键卖点。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「等分容器滑动」、「置顶图片」等实现。
新品发布自然少不了高级炫酷的 SVG 交互来作加持,大疆此次发布运动相机 Action 2 采用了全自动动画加载,开屏图片快闪,切换流畅的序列帧动画,继而自动伸长伸展出产品介绍,产品恰时的淡入淡出增加了几分高级感,全文行云流水一气呵成,由 yutu studio 操刀开发。