以「折叠」和「展开」为主题,并结合它们对应的 SVG 效果,将一个与折叠有关的物品博物馆徐徐展开,合理引导至折叠屏的产品广告,可以说是创意、文案、交互、设计的完满结合。
GQ实验室再次以摄影展览为主题,采用 3D 视差滑动结构打造出展馆的深度和立体感,让读者得以沉浸式地欣赏作品。通过进一步点击进入正文的采访内容,用文字展示对谈,使得整篇文章层级分明。
本作创意采用了微博热搜界面的拟态设计,呈现对多个关键信息的分层展示。连续堆叠的无限往返伸缩器模型,实现了对大量内容的动态调整和布局优化,大大提高了用户信息的检索能力,还增加了用户探索的趣味性。
由 GL 研发的标签抽拉又出现了进一步的演化形式,结合思维导图的设计框架,引入了移动进场和内部二次展开的交互创意,让腾讯的这篇ESG报告生动活泼又条理清晰。
高校是如何参与地球日的?来看复旦大学的手绘风长卷交互设计。以实物拼贴+手绘滤镜的方式,打造悬念,阅读到底部后点击画面反向刷新擦出,将学校的环保方方面面呈现出来,是基于 E2.COOL 黑科技编辑器逆向画面伸长组件开发的优秀作品。
基于无限往返伸缩器结构开发而成的文件堆叠效果,将各个城市的冰箱贴设计组合堆放,用户可自主选择感兴趣的城市卡片点开并点击收起,这是一种大信息量分类图文的极佳呈现方式。
悬疑感十足的创意 SVG 超长剧情图文设计,每一步点击都层层营造神秘而些许恐怖氛围,将普通的「脏物」转化为故弄玄虚的剧情线索,最终通过一个突如其来的吸尘器推进将整个画面擦亮,解释男主人正在清扫房屋的实际情况,让人意料之外又情理之中地接受了戴森吸尘器广告的内容。全文线索代码层层嵌套关联制作十分精妙,推出式效果则直截而震撼。