iSVG

基于开源共享精神的SVG交互图文搜索引擎·无偿使用·公益助力疫情下数字经济复苏

有些产品,需要展开说说|折叠+展开| 爱范儿

以「折叠」和「展开」为主题,并结合它们对应的 SVG 效果,将一个与折叠有关的物品博物馆徐徐展开,合理引导至折叠屏的产品广告,可以说是创意、文案、交互、设计的完满结合。

确认了,龚俊的腹肌是8块|3D 视差滑动|GQ实验室

GQ实验室再次以摄影展览为主题,采用 3D 视差滑动结构打造出展馆的深度和立体感,让读者得以沉浸式地欣赏作品。通过进一步点击进入正文的采访内容,用文字展示对谈,使得整篇文章层级分明。

今日热搜:2023创新数据基础设施论坛(IDI Forum)|无限往返伸缩器|华为数据存储

本作创意采用了微博热搜界面的拟态设计,呈现对多个关键信息的分层展示。连续堆叠的无限往返伸缩器模型,实现了对大量内容的动态调整和布局优化,大大提高了用户信息的检索能力,还增加了用户探索的趣味性。

安慕希 X 超级马力欧兄弟大电影丨Let's-a go!我们出发吧!|多段伸长+连续点击|安慕希

多段伸长结合每个局部的连续点击小互动,充分介绍了安慕希与马里欧大电影联名款的产品玩法。

一张“脑图”看清腾讯2022年重要事项|标签抽拉+移动进场+内部二次展开|腾讯

由 GL 研发的标签抽拉又出现了进一步的演化形式,结合思维导图的设计框架,引入了移动进场和内部二次展开的交互创意,让腾讯的这篇ESG报告生动活泼又条理清晰。

复旦人,在玩一种很新的环保|逆向画面伸长|复旦大学

高校是如何参与地球日的?来看复旦大学的手绘风长卷交互设计。以实物拼贴+手绘滤镜的方式,打造悬念,阅读到底部后点击画面反向刷新擦出,将学校的环保方方面面呈现出来,是基于 E2.COOL 黑科技编辑器逆向画面伸长组件开发的优秀作品。

终于,阿喜冰箱贴被文旅局“盯”上了🤩|无限往返伸缩器|HEYTEA喜茶

基于无限往返伸缩器结构开发而成的文件堆叠效果,将各个城市的冰箱贴设计组合堆放,用户可自主选择感兴趣的城市卡片点开并点击收起,这是一种大信息量分类图文的极佳呈现方式。

最新危险人设:留守男友|层层嵌套+推出式效果|GQ实验室

悬疑感十足的创意 SVG 超长剧情图文设计,每一步点击都层层营造神秘而些许恐怖氛围,将普通的「脏物」转化为故弄玄虚的剧情线索,最终通过一个突如其来的吸尘器推进将整个画面擦亮,解释男主人正在清扫房屋的实际情况,让人意料之外又情理之中地接受了戴森吸尘器广告的内容。全文线索代码层层嵌套关联制作十分精妙,推出式效果则直截而震撼。

CoolSITE360 提供 UI/UX 支持  Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」

沪ICP备2022011523号