iSVG

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

地球日|做个「少塑派」,很简单|点击擦除|Purcotton全棉时代

以棉花为运行主体,点击后优雅地擦除遮挡上方元素并「合成」露出主海报,可爱的动画效果让人倍感亲切。

70年前的今天,我们胜利了!|滑动框架+高度坍缩+位移动画|新华网

来自新华网·宝藏青年工作室的抗美援朝战争胜利70周年纪念交互图文设计,在滑动框架内通过高度坍缩和位移动画实现了画面的全屏更新效果。

一次“跨时代”的旅行?|错层滑动|微软科技

每一组效果由错层滑动形成,点击后画面擦除,再擦除新的一组错层滑动,得益于精美的设计和错层的巧妙构思,形成了科技感与文化感的强烈碰撞和与融合。

一键开启「真果粒仲夏夜」模式|深色模式|真果粒

这是目前对微信「深色模式」应用最出彩的SVG案例之一,利用了SVG节点在深色模式下的特殊响应能力实现了切换后浏览全文的设计。

确诊为S之后,爽了|横版长卷|GQ实验室

趣味的广告等走字效果,点击后文案从左右两侧弹性进入,妙趣横生的背后意味着错综复杂的代码编组逻辑。

Keep Station 体感运动主机,今日创新首发!|视差滑动+弹出式海报+gif 控制器音频美化|Keep服务号

由JZ 开发交付至Keep 的运动主机新品发布图文,以精细的3D 渲染视频作为开篇,全文采用高级优雅的视差滑动结构,结合长按序列帧可弹出式海报、gif 控制器音频美化等结构生动形象地展示出产品特点。

广州这座小岛彻底火了!!!|横向运动|中国广州发布

官媒发布如何通过SVG打造令人叹为观止的体验?这期对琶洲的的介绍,以列车为线索,点击运行并自上而下将图文排版模块横向运动引入,看似中规中矩的一图流设计瞬间充满了科技感和创造力。

@所有人,快上线,刷新运动新玩法|天猫超品周|序列帧播放+无限选择器 | NIKE

流畅的开场动画与柔顺的轮播架构,得益于序列帧播放的应用和卡片、放大图案的分层动画管理,内部基于 SVG 无限选择器结构,融入纵向与横向的滑动模块,承载了高密度的信息内容,让设计的绚烂感与广告内容的详尽性有机平衡。

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

沪ICP备2022011523号