由 GL 操刀的此作品巧妙地选取两张褪色前后对比的照片,通过长按感受时间流动的操作,恰当地表达了呼吁年轻人环境保护的主题。技术上利用位移动画实现长按图片滚动,同时配合高度动画,实现图片切换前后的滤色效果。
本月图文复杂结构作品之最,由小杨负责开发制作,JZ 交付至 GQ 实验室。开篇由李易峰的音频引入主题,音频播放精准配合图片切换。继而采用弹窗式互动结构引导用户层层递进,进入发布会现场。最后伸长展开,利用视差滑动展现全文内容。全文一气呵成,实现了一套令人叹为观止的交互效果。
本作由 GL 大神开发,创新应用了滑动技术,利用零高容器将滑动组件重叠,实现了层层滑动的技术效果。用户在层层剥开前景的过程中,也无意间给全文增加了神秘感。
该作是 Apple 4 月在发布会结束后所发布的新品推文,通过长图横滑介绍了 4 款产品的特性,将每个产品的画幅控制在一屏之内,有效地控制了全文的长度。顶部的轮播图也令人耳目一新,巧妙的将位移动画和缩放动画配合使用,实现逐张弹跳展示的动态效果,我们将其命名为「宫格弹跳」。
爱范儿针对 vivo 新款降噪耳机发布推出了此篇交互图文,结合音频播放器美化和 GIF 控制器,利用声波展示出降噪前后的对比,继而精彩地呈现了一场小鸟对话的场面,由此引出「降噪」的主题,本篇也是近期来音频播放器美化中较为亮眼的佳作。
520 是各大品牌借势营销的热点节日,推送花样也层出不穷。GL 为英菲尼迪定制开发的密码解锁一文,无论在创意还是执行方面都较为出彩。大多数情况下,密码解锁的推文中密码的设置都缺乏和产品或主题的关联度。但本篇的密码设置暗藏玄机,将汽车型号隐藏在 520 的表白语中,融合度高。且交互部分为纯手工代码开发,防误触也精巧细致,值得推荐。
已经消失了一段时间的 2.5D 风长卷再次回归我们的视野,整篇文章设计风格清新脱俗。本篇由荒村操刀开发,巧妙运用了 2.5D 风格的场景穿插,结合上下层滑动中间层固定装置,形成丰富的场景互动效果。
最痴迷于 svg 长卷的党政新媒体共青团中央,设计了一篇交互式插画献礼建党一百周年。交互部分由小杨负责操刀,基于
CoolSITE360 提供 UI/UX 支持 Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」