iSVG

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

劳动人民,月彭月长了?|点击放大|谷粒多

画面设计随着点击逐步放大,场景步步深入,缩放中心层层变化,妙趣横生。

今晚月色真美|游走位移|小米公司

极具创意的月亮主题设计,巧妙将多个小米摄影作品内的月亮抠出后,通过游走位移进行关联,并且借助云层的遮挡进行月亮的变化切换,使得整个交互流程丝滑而顺畅,组件开发者深厚的布局功力。

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

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

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

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

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

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

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

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

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

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

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

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

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

沪ICP备2022011523号