iSVG

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

青春,是什么?|差速运行+伪无限切换|人民网

五四青年节,人民网基于知名开发者三千喵的「旋转式切换」SVG 结构,迭代为差速运行的伪无限切换结构,实现了青年人物介绍的创新形式。

什么是青春?|层层伸长|人民日报

五四青年节,人民日报公众号以常见的层层伸长为 SVG 核心效果,以「可青春只是如此吗?」为起承转合,通过点击融合了两次伸长效果,简洁但直截了当地传递了文字的力量。

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

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

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

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

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

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

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

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

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

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

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

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

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

沪ICP备2022011523号