iSVG

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

施耐德电气发布2019品牌故事|GIF控制器|施耐德

本篇 JZ 亦应用了 GIF 控制器,具体由 GL 操刀开发。目前在工业领域,包括施耐德电气、道达尔、惠生工程等都已有交互大作问世,可见 SVG 黑科技排版的行业通用性极强。目前该效果可以在SVG 黑科技编辑器(https://www.e2.cool/)中通过「GIF控制器」实现。

我俩锁了!|伸长动画|安慕希

延展式长卷现在已经成为了一个 SVG 领域的经典模型,本篇的延展交互装置由我们 JZ 完成开发。而这一类开发中需要注意的是:由于 SVG 画布使用绝对单位控制,因为不同机型的长度不同,对于过长的机型要预留约 1000-2000 像素的尾部。

DigiX数字生活节到底有多好玩?|横版长卷|华为

屡试不爽的人物式情景长卷,本月被华为终端云服务选中。该作亦由 JZ 交付,荒村具体操刀技术并统筹视觉设计工作。

年末爆品,轻薄强大的双模 5G 手机 Reno3 系列今日发布|OPPO

12月 OPPO 的新款手机盛大发布,我们 JZ 的开发者鼈臑大神也有幸亲临现场,协同完成了发布会主题的互动推送。在该推送中,设置了手机换色、滚动视频、无 ICON 超链接等一系列高阶开发。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「渐进效果」、「等分容器滑动」、「无图标超链接」等实现。

对不起,你可能对当代人的畏惧一无所知……|动态设计|伊利

本篇技术部分的视觉设计与交互开发由我们 JZ 完成,呈现出了包括动态镜头控制播放、触摸屏幕文字碎裂等视觉效果。

谁离你最近,却能严守你的隐私?|创意滑动|Apple

若要评选一篇年度最佳的滑动式排版,非 Apple 的本文莫属。该作发布后,不少运营人对其原理丈二和尚摸不着头脑。实际上,苹果利用的是透明 PNG 上双色隐藏方法,白色前景内容在白色背景区域时不可见,在黑色背景区域时可见,而黑色前景内容则正相反。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「等分容器滑动」实现。

上海混圈图鉴|竖版长卷|Vogue

CSS 滑动+SVG 触发,Vogue 本期的一图流融合了最顶尖的两种黑科技互动技术,无缝绘制了一条上海滩潮人众生相。本文 SVG 交互技术由我们 JZ 支持。

2019 英孚英语熟练度指标报告发布|数据可视化|英孚教育

SVG 其实在前端领域中,常被用于数据可视化项目,但在新媒体领域尤其图文范畴内,鲜有得力大作。本月,我们 JZ 的赵阳主导了一篇 InfoGraphic 的互动式图文技术,将数据报告通过 SVG 交互动画可视化展现。

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

沪ICP备2022011523号