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