iSVG

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

新年第一天,我们收到从太空发来的2024个心愿|打印动画|人民日报

一架小小的纸飞机随着触发而开启飞行之旅,经过不同的信箱后带动纸条的打印动画,其背后技术逻辑在于精妙的多层抵消运动设计布局,是政务融媒体的上乘定制开发佳作。

这才是爱情里最恐怖的一瞬间|层层伸长|新世相

层层伸长目前已是一种相对普及的 SVG 全文交互形式,但本作在此基础上于图文结尾形成了逆向刷新向上变化,将「怕」和「敢」的对立与转化表达得不仅更鲜明也更自然,是设计与交互相得益彰的典范作品。

年度“亮”点:2023年的发光故事|连续缩放|科大讯飞

连续缩放的交互衔接起年度的不同事件回顾场景,通过主图标由实色到透明的变化,实现了镜头穿梭般的体验。

用一幅画,打开清华经管的2023|错层滑动|清华大学经济管理学院

纸飞机动画运行切换纵向错层滑动结构,搭配细腻的插画设计串联了所有清华经济管理学院的年度事件。

年底了,讲个心头大事|无限画面全文切换|局部气候调查组

真正的无限画面全文切换 SVG 效果,较之于常见的有限次叠加切换既节省了图像资源加载又提升了交互逻辑的闭环。

寻 找 身 份 证 上 有 龙 的 人|追光灯|Bananain蕉内

在龙年寻找有龙字姓名的人,通过 SVG 追光灯结构实现画面滑动搜索的交互流程,与项目主题高度贴合。

小卡片太「耐撕」,怎么办?|GIF 动画|腾讯

GIF 动画与 SVG 的巧妙衔接组合,再次展现了腾讯在信息公益事业上的「科技狠活」,也不由得让人想起此前诈骗广告选题交互异曲同工之妙的弹窗式动画设计。

有我,罩你。|GIF 控制|华为终端

新款华为汽车如何保证用户的隐私安全?通过这篇自上而下多模块的 SVG 互动,基于最常见的点击指令搭配恰如其分微动态交互,如闪烁、位移、GIF 控制等准确清晰地呈现了产品的多方面特征。

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

沪ICP备2022011523号