iSVG

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

我想开了????|收缩伸长|爱范儿

品牌 in-house 开发的此篇为我们带来了多重惊喜。开屏提示「请不要走开,我快开了……」,为文章的大量图片加载预留时间,同时与花开主题相呼应,结合的十分到位。滑动组件中采用上下两层装置,上层滑块覆盖白色半透明过渡图层,操作过程相当流畅。最值得一提的是,此篇文章尾部藏入了读屏文本,为视障人士进行阅读提供极大的便利,体现出品牌方和作者的企业社会责任意识和人文关怀精神。

嫦娥五号怎么去月球挖土?手机横过来你就看懂了|轨迹伸长|果壳

果壳此篇结合伸长动画与路径动画,同时控制元素的消失和缩放,营造由远及近的视觉效果,可谓是细节之处见真章。

「王牌」对「王牌」,来电!|遮罩视频|沃尔沃汽车

开发者可乐在本篇中展示了视频遮罩+视频封面+视频缩放组合的不凡魅力,设计理念与开发效果巧妙结合,生动演绎了歌手华晨宇来电的场景。另外值得一提的是,本作在该组件的基础上更新迭代了触发效果,实现视频遮罩和视频控件的双重触发。

收到红包,请在手机上查看|横版长卷|共青团中央

党政媒体在创作轻量级交互图文方面已经取得不小的进展,但重型长卷仍然是为数不多的题材。本篇由小杨开发交付至共青团中央,以场景为主线、人物作为贯穿,灵活地将十九届五中全会的公报要点融入到画面之中,趣味性和可读性大大增强。

一起云上「听」展|伸长套伸长|积家JaegerLeCoultre

标签的应用,使音频播放器可以嵌入在 SVG 画布中,与其他组件联动触发。本作由 ZER0N Studio 的 Wanna Sleep 操刀,在伸长图文中再次嵌套多段伸长,多组音频播放器联动伸长动画一齐触发。

“开创工业之未来”,GE首次携双展台连续三年参展进博会|快闪动画|GE中国

在 GE 该次的 campaign 中,本作纯代码动画快闪用高超的技术为进博会结束做了完美谢幕,由计老师亲自操刀设计及开发!

还有2天 | 看“哥”精彩出圈,进博会我们准备好了!|轨迹动画|GE中国

在 11 月进博会期间,我们为 GE 中国交付了从前期预热到结束期间的系列发布。首篇预热由计老师亲自设计并主持开发,设计上采用描边元素作为背景,技术上配合使用描边动画同时利用时间差结合伸长动画实现遮罩效果,细节满分。

听,这是你最熟悉的声音吗?|音频互动|华为终端

音频播放器改造最近在圈内掀起一股热潮,通过将音频组件嵌入在 svg 画布之中,利用双重触发同时控制音频播放和切换图片。

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

沪ICP备2022011523号