iSVG

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

【优秀作品】爱马仕公众号SVG案例合集

iSVG 专题研究系列:爱马仕公众号借 SVG 交互打造内容新亮点,丰富效果提升品牌数字化表达质感。

【优秀作品】Tiffany公众号SVG案例合集

iSVG 专题研究系列:蒂芙尼公众号玩转 SVG 交互黑科技,让奢侈品表达兼具精致质感与趣味体验,重塑高端品牌数字化内容新形态。

【热点新闻】问卷调查:SVG 交互设计行业用户习惯调研

各位 SVG 交互设计领域的伙伴们看过来!不管你是深耕设计一线、需要优质案例参考的 UI/UX 设计师,还是专注代码实现、寻求高效解决方案的前端 / 全栈开发者,你的每一次操作习惯、每一个功能诉求,都藏着行业优化的关键方向!

【热点新闻】E2编辑器持续创新,无惧抄袭的源动力是什么?

在当今数字化内容创作尤其 SVG 交互设计领域,E2 编辑器无疑是一颗耀眼的明星。它以其卓越的功能和独特的设计,赢得了众多用户的青睐。然而,在竞争激烈的市场环境中,抄袭现象屡见不鲜,E2 编辑器却能持续创新,无惧跟随,其背后的源动力值得深入探究。

好想爱这个世界啊|互动游戏|链家&贝壳

图文内文本自定义还能怎么花式应用?来看这篇!链家&贝壳的 CSR 部门在 5 月向「善吟创益」定制了一份纯 CSS 互动图文,主题为 520 要做的 9 件事。

智慧屏/平板/笔记本/路由器,荣耀智慧生活,五大维度全面升级!|多重伸长|荣耀手机

上个月我们向华为系交付了大量 SVG 互动图文作品,本文全场景发布会采用了“多重伸长”的创新结构,让信息量爆炸的超长图文张弛有度。

史上最全|中国历代葡萄酒带货博主图鉴|画卷伸长|张裕葡萄酒

张裕葡萄酒是酒业中和泸州老窖一样,一直在尝试 SVG 黑科技排版研发的品牌之一。本期入榜的作品是一则画卷打开效果的伸长式图文,与当下泛滥成灾的苹果式伸长图文不同,它更回归这一交互模型早期的设计思维,精细构建出横版长卷。通过本作,我们也行告诉各位开发者跟风开发应当适度,寻找与众不同且匹配自己品牌调性的交互模型,让内容最得当地呈现,才是 SVG 开发思维的精髓。

费家寻人之旅 | 最美劳动者图鉴|横版长卷|费森尤斯卡比中国

医疗品牌内包括百时美施贵宝、强生、西门子医疗等都已经涉足过最顶级的长卷 SVG 推送,上个月 GL 则为费森尤斯卡比开发了一套长篇 SVG 设计,其中通过人物缩放模拟近大远小特性,是本作中非常值得各位开发者学习的亮点。

如何在微信上打一把王者荣耀|横版长卷|王者荣耀

最强一图流条漫遇见 SVG 交互!王者荣耀团队在上个月通过 @局部气候调查组 发布了一条令人眼前一亮的黑科技条漫排版,将若干最简单的类动画发挥到了极致。这一场景 JZ 认为最值得一提。一般来说,开发者会尽可能避免渐进式交互中的重影问题,让每个序列都尽可能保持清晰。但在以上场景中@局部气候调查组 的设计师反其道而行之,让重影成为了交互亮点,主动让用户超高频点击屏幕形成打斗效果,不愧是局气!

一图看懂真爱梦想2019年报|数据可视化|真爱梦想

SVG 一直都是数据可视化中的常客,各类网页 Data Visualization 作品中,JS 混合 SVG 形成的作品占到 70% 以上。现在,JZ 将纯内联式 SVG 的数据可视化能力带入新领域,让公益项目数据更清晰更透明。真爱梦想公益基金会 4 月发布的这篇年报,数据详实,交互丰富。多种可视化图表结构在动态作用下呈现出了多而不杂的信息表达,该作也引起了公益圈中一股围观小高潮。

快上车!一起去追风~|收缩伸长|法拉利

豪车新媒体标配 SVG,这一模式在宝马、奔驰、奥迪、玛莎拉蒂等品牌上屡见不鲜。4月中,法拉利为大家演绎了两篇 SVG 黑科技排版,其中的《快上车!一起去追风~》(GL 操刀)也是一则创造性的伸长式图文设计,图文的收缩过程与车辆行进方向一致,这与前文滴滴公众号不明所以的设定形成鲜明对比。永远不要为了交互而交互,而是要为内容而交互。

春光正好,跃马邀您云赏花|弹出式海报|法拉利

此篇为了保证樱花动画的清晰度,此处鼈臑使用了双层 GIF 模式,为高端和低端机型均提供了合适的 GIF 清晰度浏览效果。

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

沪ICP备2022011523号