节庆与专题 SVG 推荐
基于无限往返伸缩器结构开发而成的文件堆叠效果,将各个城市的冰箱贴设计组合堆放,用户可自主选择感兴趣的城市卡片点开并点击收起。
非常独特的「前景车体保持-背景风光移动」设计思路,并且点击后会看到车轮转动效果,形式充满沉浸感。
通过连续点击,以旋转的方式变化车体和背景,为读者带来了前所未有的 SVG 新交互体验模式。
户外长跑活动通过 SVG 直观呈现,基于路径动画并结合俯视视角的跑动人偶、车辆等设计,通过视觉遮挡和同位替换思路形成了分段的路线前进效果。
香港回顾 25 周年,人民日报公众号发表此文庆祝,点击香港地标,视角拉近放大弹出景物海报。
如何将大信息量的园区地图合理呈现?「多热区弹出式海报」既能科学展示空间位置,又便于罗列景区地标的详情信息。
动态人物在街区中不断穿行,既解决了现场图之间的品质矛盾,又生动展现了商场的地标活动。
用测试题方式引导在校生加强对学校地标和景观的认知,并提升校园归属感。
假日手机如何防丢?本文用丝般顺滑的 SVG 模拟手机端交互操作,直观指引了用户学习假日特别攻略。
本作基于 E2 黑科技编辑器「书法写字」SVG 组件制作而成,利用路径动画模拟出手写毛笔字的过程,十分生动地发布了一篇放假通知。
上下层滑动,夹层不动的三层滑动特效,表现了多场景下产品的假期应用指南。
通过位移动画,五一节日主题的 ColorOS 图文推送模拟了移动 UI 经典的开关按钮设计,让简单的伸长动画瞬间增加了拟态的趣味性。