简单的滑动可以做出什么奇思妙想吗?GQ 再次给到了我们答案……将多个超长的「等分容器滑动」堆叠在一起,高度逐步递减并在底部对齐,就实现了有趣的自定义海报设计逻辑。
精致的视觉设计搭配简单却贴切的交互,打造了这篇高级感满满的产品广告。整体展开的时间轴以 perspective 视差为排版核心要素,漂浮特性进一步加强了历史内容的深邃感。
爱马仕通过「视频会议」模拟的界面,让用户自由点击不同与会者头像浮出详情并关闭,设计出了这套内容趣味又些许离奇的 SVG 交互创意。作品开发通过 E2.COOL 黑科技编辑器(https://www.e2.cool/)实现,是「无限浮现-关闭」组件的一个精彩应用案例。
本作由 JZ Creative Studio 承载开发,是一篇非常优秀的时间轴故事图文设计。数字点击后向两侧缓缓展开,由黑白过渡到彩色的蒂芙尼奖杯制作故事映入眼帘,并可连续点击往返切换刷新,动效相当细腻。
本作是公众号中为数不多的三维场景图文,由意符互动执行开发。三维建模和层层滑动结构共同打造 3D 空间场景,将读者置身其中。后文接续抽签海报,且可自定义用户名称。目前本文的部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「层层滑动」、「幸运抽签」等组件实现。
本作由 yutu studio 工作室开发制作,采用三选一无限往返伸缩器结构折叠三位艺人的采访内容,展现了无限往返伸缩器的再一进阶版本。
连续 GIF 控制器、伪音频视频、视频切换……此作糅合了多种高难度开发技术,生动地搭建出放映室场景,打字音效、雪花屏、噪音等细节亦都十分到位,该作由 yiwebsite 的荒村老师操刀制作。
以宇宙探索为主题背景,结合「星际穿越」主题曲的音频控制和连续的缩放 SVG 以及 GIF 的控制,营造了神秘又精美的图文开场特效,使得普通的一图流感官大为提升。