iSVG

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

有心事的人,请进。|无限选择器|JZCreative

通过无限选择器接伸长结构,模拟出类似答案之书的应用效果。这是由星巴克发起的阅读助学公益项目,读者可以像翻开一本魔法书一样,获取预言家的答案。实际上则是小朋友们从书本摘抄的经典语录,以此来展示他们的阅读与思考。

全新Flex「丝柏绿」隆重登场|推出式封面+错层滑动|Bose

本作品以 E2.COOL 黑科技 SVG 编辑器的推出式封面和错层滑动结构为基础,在此之上巧妙地将结构重新组合手工搭建,实现主元素固定图层错层进场的效果,妙哉妙哉。

这个夏天怎么了?|特殊手势|虎嗅APP

这是一篇以酷暑为题材的创意开发,长按即可降温,与夏天有关的各种元素差速上移,并伴随背景颜色温度变化,同时待元素覆盖至画面中央后,人物状态发生瞬时的切换,开发和动效细节丰富至极。

打开张震|层层滑动接伸长|GQ实验室

通过三个长滑动的叠加,以结尾击穿的方式实现交互的接续,是「层层滑动接伸长」模型的一种巧妙升级。

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

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

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

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

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

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

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

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

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

沪ICP备2022011523号