iSVG

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

圆月遇险,向你紧急求助!|视差滑动|华帝

以月为主体,将遮挡光芒的云雾与厨房的油烟类比,巧妙融合了品牌产品油烟机,通过分段巧妙而有趣的动画交互呈现了产品的多个卖点。

明月花灯,臻享中秋|多叉树选择|劳斯莱斯汽车

劳斯莱斯公众号以多叉树选择逻辑,设计了一款中秋贺卡 DIY 互动形式的祝福图文,将品牌的「定制体验」辐射到线上新媒体,结合精美的画面设计与贺卡设计,赢得了去年中秋用户的广泛好评。

最适合i人和e人旅行的城市,再也不用为i做e了|多叉树选择|城市漫游计划

如果说多叉树是 SVG 交互中的桂冠,那么对多叉树的优化策略就是桂冠上的明珠,网易团队这次在公众号体系内,打造了 12 层的穷举式多叉树,理论上形成了超过 4000 种结果的分布,但通过巧妙的优化实现了敏捷的加载的丝滑的操作体验。

今天,我们用一条线,讲述一位老师的故事|轨迹动画|中国教育报

教师节,一条线连接一位普通教师的职业生涯,平凡而伟大的画面随意线条的进度和图文的展开逐步呈现。作品基于 E2.COOL 黑科技 SVG 编辑器排版实现。

🦻老师的话|朗读功能|微信派

教师节主题下,利用微信的朗读功能,结合经典的 EMOJI 符号猜句子的游戏思路,结合了细节 SVG 小动画,构建出了一套妙趣横生的朗读式图文。

第9年了,看清这朵花!|缩放效果|腾讯

通过预先制作的 GIF 一镜到底片段连续组合,形成了基于缩放效果的 SVG 连续画面递进。

心愿签掉落时刻:期盼「隅」你一起,实现「新」愿|错层滑动|新养道

错层滑动如何做出新意?本文开场模拟笔迹效果,手书文字开始剧情,让「生成」的幸运签随后穿插在画面中,构思巧妙让人眼前一亮。

新色登场丨色彩控们,圈粉了|旋转连续变化|Dyson戴森

多产品组合展示,通过小角度(15°)旋转连续变化,这对于长条型结构产品来说显得尤其合适,动作干净利落又充满创意。

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

沪ICP备2022011523号