iSVG

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

你以为这只是一条线?|轨迹动画|宝马

宝马已经是图文 H5 的老玩家了,基本每次服务号发布时都会携带一篇由 GL 负责开发的互动式 SVG 图文作品。本期推送中一套基于的路径描摹设计使得不少小编惊叹。

展昭喊你来帮忙!金湾区扫黑除恶手游上线啦,音箱手环耳机等你来赢!|竖版长卷|珠海金湾区网宣中心

党政宣传也已经用上新锐的图文 H5 技术啦!珠海金湾区就扫黑除恶工作开发了手游,并通过 SVG 交互式图文 H5 进行推广,将抽奖密码隐藏在了图文长卷中。若正确点击到黑恶势力,一个牢笼就会从天而降,展昭将其抓捕。如果你能抓住全部黑恶势力,就能显示出完整抽奖密码——如此生动有趣的“扫黑除恶”工作阐述,赢得了当地读者的广泛认同和传播。赵阳同学在开发相关 SVG 代码时,当时也恰逢微信官方的调整期,后来通过路径优化成功发布。

2019 游戏出海期中考,Google 携手伽马数据帮你划重点|互动测试|谷歌

“测试题”是 H5 营销中经久不衰的类型,而它可以依托 SVG 直接在图文内实现。谷歌发布的这套测试题图文 H5,帮助游戏开发者检验了自己对海外市场的用户行为认知,为游戏文化“走出去”提供了干货支持。荒村开发的这篇图文 H5 测试题展示方式并非答题卡式,而是逐题显示对错并提供答案,因此对用户来说答题的氛围相对轻松和友好。

我们不如从头来……算了。|单次往返伸缩器|冈本

伸长展开式图文已是品牌方的基本操作,而本作是第一套加入二次收缩的商业作品应用。利用不同的口令分别控制图文伸长和收缩的动画,由开发者科蚪最先提出,JZ 首次应用于冈本的年终总结图文。前期运用伸长动画展开失望账单,后期串联位移动画和收缩动画打造碎纸机粉碎账单的效果。

2020年最后一场雪|轨迹动画|局部气候调查组

本作由孙悟喵和鼈臑共同开发,JZ 交付至局部气候调查组。推荐之处在于其恰到好处的动态设计,用简单而精致的交互技术加以点缀,用一片雪花的飘落串起文章的主线,最后巧妙的用父子赏雪动画作为结尾的点睛之笔。

叮咚 | 请查收你的专属浪漫圣诞节!|拟态 H5|来威漆

体量小、易传播,图文内轻量 H5 已渐渐成为主流趋势。同样由荒村大神主持开发的本篇全新「上色」主题图文,用户可自由定制小屋内家具的色彩,并设置二维码截图进行引流,最大程度还原了 H5 作品中自定义和分享等能力。

马上出发!送你一趟12·12环球旅行!|横版长卷|小鹅拼拼

荒村大佬再次操刀小鹅拼拼的长篇 SVG 设计,在小鹅旅行的游记中穿插展示多款产品,并为后文的密码解锁做下铺垫。在该推送中,设置了伸长动画、连续触发、密码锁等一系列高阶开发。

2021全球追光!一起来看新年的第一个日出???|排队入场|微信派

GL 主持开发的微信派一作,前景固定不动,背景依托最基本的位移动画,实现天空背景从繁星滚动到日出,巧妙地诠释出追光的理念。交互和内容配合精妙,别具匠心。

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

沪ICP备2022011523号