iSVG

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

要开心起来哦。|互动视频|不会画出版社

不会画出版社在 6 月以黑马姿态杀入 SVG 交互领域,并且反复运用 SVG+视频双击结构进行互动条漫创作。不少运营人第一次看到这份作品时完全不明白其中的技术原理,但其实早在 19 年初计老师就已提出该交互范式的技术模型,遗憾的是一直来没有优质的对应商业应用作品问世。不会画出版社的这两份作品很好地演绎了该装置的升级版——将视频透明度调整为 0 后,双击的二次击发行为实际命中了视频播放按钮。

英特尔中国2021校园招聘全面启动|竖版长卷|英特尔

说到招聘工作,值得一提的还有英特尔官方公众号。该作为竖构图复合情景,体现了开发者 GL 高超的代码编组技巧,也体现了英特尔对技术理念的追求。

青春集结,TOTAL与你一起塑造未来能源!|横版长卷|道达尔

毕业招聘季,各大行业的顶尖品牌在新媒体端纷纷使出浑身解数招揽人才。本作由 GL 操刀开发,也是典型的高强度重型长卷作品,配合 Agency 的精良平面设计,让招聘信息从枯燥直白的启事格式转变为生动的剧情故事,展现了品牌方对人才培养的高度重视。

全国寻找秒杀高手,通过的人可享京东618超级百亿补贴!|互动游戏|京东

小游戏模式热度不减。短平快的小游戏依然可以在今年的 618 中运用,而本作是眼力、手速、选择三套模型的拼接结构,以“年终考试”的话术进行了复合。Agency 「你说的都对」则以优质的视觉设计让互动细节变得生动、直观,当然对应的开发难点就落到了如 GIF、滑动结构与 SVG 复合时,需要复杂的引用支撑。

618闯关夺宝 | 上百个福利接稳了!|横版长卷|SKG

6月的各大特色案例,主要集中在 618 主题和端午节主题。其中 618 中 JZCreative 向 SKG 交付了 SVG 关节动画套件的首个重型巨幅长卷案例,丝滑的人物动态与渐进式交互装置结合,形成丰富的情景互动效果,赶紧点击链接体验这一由鼈臑操刀的黑科技排版效果吧!

←→↑↓-+XYBA|遮罩上色|动物森友会

本作是遮罩特效的重大创新应用,由计老师全栈完成(设计、校谱、开发)。点击第一小节,你就可以驱动琴谱进度,并同步听到琴谱的演奏特效。

这张图里有你|横版长卷|支付宝

将丰子恺漫画巧妙拼接,该作的设计初衷与效果堪称一绝。但对于这篇作品我们既要入选本期十佳,也要指出其严重的翻车问题——标签在大量机型内无效——你可以简单的认为,有很多用户其实根本看不见这篇 SVG 图文的互动内容!至于其严重翻车问题我们会在下一篇推送中详解,但撇开技术硬伤,它所呈现的阿里巴巴对近年来中国经济社会变迁的巨大贡献,是充满创意且诚意满满的。

本次推送长度210厘米|画卷伸长|人民网

你方唱罢我登场。为了让人大代表履职信息发布更为出彩,人民网也同样采用了最新三代伸长的 SVG 技术,将横版的 infographic 卷轴徐徐拉开。

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

沪ICP备2022011523号