iSVG

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

沪ICP备2022011523号