iSVG

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

春光正好,跃马邀您云赏花|弹出式海报|法拉利

此篇为了保证樱花动画的清晰度,此处鼈臑使用了双层 GIF 模式,为高端和低端机型均提供了合适的 GIF 清晰度浏览效果。

今天,发条微信一起点亮武汉|动态设计|人民日报

4月,武汉重启。对此,党政机关也积极引入高级图文新媒体,将优秀的摄影作品与 SVG 充分结合,瞬间成为了朋友圈爆款。实际上该作的技术背景十分简单,135 编辑器中包含相应模板(id97481)可直接使用。由此可见,SVG 交互开发并非代码层面越复杂越好。如果视觉本身足够出彩,轻交互也足以形成大作品。如上图,景物的夜景色彩版取景专业且修图精细,黑白版降低了亮度、饱和度,调整了黑白渐变映射关系,所以使得这组黑白-彩色的变化绝不仅仅是色彩变化,而是多项图片参数的渐进变化。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击渐现」实现。

嘘,这里偷藏了一台 OnePlus 8 新品手机|序列帧长按|一加手机

本作在 GL 操刀下有着出其不意的亮点——“iOS 长按震动反馈的触发时间,恰好和正确开锁的时间吻合,形成游戏中的交互反馈”,快去亲自体验一下吧!

你是有多久,没静下心来“翻一页”?|图书翻页|华为云

本文是业内非常少见的 SVG 参数动画,并且鼈臑结合了近期流行的位图引入法,从此告别了的翻车问题,因而具有里程碑式的意义。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「图书翻页」实现。

“走着瞧”!带你打卡 ོོ云ོོ端ོོ上ོོ的ོོ 数字魔都|横版长卷|华为云

华为云的本篇魔都游记系顶级的横版人物交互剧情长卷,由我们从设计到交互完成全部工作,鼈臑主导了代码开发。对人物的步态设计,我们依然采用了序列帧模式(5帧),不过近期我们正在推进基于关节组件的柔顺人物步态 SVG 套件开发,敬请期待。

光影之美,一瞬倾心|快闪动画|荣耀手机

4月,华为 · 荣耀系掀起了一股 SVG 快闪+暴力伸缩式的交互特效浪潮。本文的前序列快闪登峰造极,可以说是整个行业图文内纯代码动画的顶点标杆,而后序列的暴力伸缩效果富有极大的视觉张力。

我心澎湃,有迹可循:BSI“真艺术”,心超新视野|轨迹动画|GE 超声影像

由 JZ 的一位课程学员所开发的 GE 超声影像图文,采用复合方法结合描边动画、透明度动画和序列帧等技术,给本文增加了多元化的动画效果。平常对「黑科技图文」接触较少的工业医疗领域也逐渐开始对 SVG 技术有所关注和青睐。

1959年,MINI退出汽车群......|循环切换|绝对MINI

本质上内联式 SVG 并不能形成循环逻辑,而本篇的亮点在于通过叠加多层交互内容,从而实现反复点击的视觉效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「渐进效果」实现。

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

沪ICP备2022011523号