本文减少了用户点击的交互层级,在微信图文中利用基础的滑动组件打造出了高级 H5 换装效果。同时巧具匠心的在左下角加入二维码,在读者截图发朋友圈时,让此篇文章的传播更为高效。而且透明图片的滑动部分做的更是严丝合缝,细微之处更见功底,足见优秀设计师的扎实基本功。
基于穿透触发的点 A 见 B 效果我们之前也是多次提及,是品牌方非常青睐的一种简洁而优雅的交互效果。由 GL 操刀的此篇通过点击影院座位进入专场的互动,更是给读者以身临其境的参与感。
苹果对设计与技术的把控同样做到了极致,再次用旧瓶装新酒的方式,利用 GIF 控制器和图文扩展动画的技术,掀起一波新的风潮,成为其他品牌效仿的对象。
针对需要撰写严谨理工科研内容进行图文内公式编辑的用户需求,JZ 的一位课程学员倪豪独立开发了一套微信公众号编辑器插件。其中大量数据公式均通过插件在编辑器内直接生成 SVG 格式,可以说是业内对公式展示效果最佳的一篇图文排版,所采用的背景技术和黑科技互动技术一致。
同样是防疫主题,微软科技在二月模仿了 GQ 一作《硬汉的家里都藏着哪些宝贝?》,形成密室解谜式互动游戏。而这类互动的开发办法,我们在《教程|让华为、微软争相效仿的创意排版》中已做了详细介绍,不妨点击此教程学习。
本篇较为少见的全英文一图流,通过 SVG 互动模式让易读性提升了不少。GL 为本作设计了典型的情景式长卷互动,横屏后西文的排版因而比竖屏要自由得多。所以,本作也可以视为西文排版的一图流典范。
医疗概念在当下必然成为全民关注的焦点,医疗品牌在此时顺势宣传,自然也可以通过 SVG 互动式黑科技排版赢得用户的更多信任。荒村主持的平安医保一作,互动形式主要依托最基本的透明度动画。但得益于巧妙的构图,能形成“前后景共同淡入”的错觉,因而是一篇互动与设计两相宜的佳作。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击渐现」实现。