iSVG

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

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

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

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

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

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

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

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

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

大疆发布 DJI OM 5 手机云台,你也很会拍!|快闪动画|大疆

新品发布自然是品牌在一年中的重头戏,大疆此次采用最耗时耗力但效果炸裂的快闪动画,同步彰显产品和运营强大实力,着实在圈中秀了一把。

@你,请查收来自霍格沃茨的成绩单|互动游戏|网易王三三

提到游戏类交互图文,网易王三三在此方面的探索可谓是花样百出。此月发布的霍格沃茨成绩单使用切换和长按效果,并配合大量的编组行为使用户自定义生成专属人设。同样以哈利波特为题材,网易网三三在去年发布了大富翁版的《微信版〈哈利波特〉中文游戏首次上线!点开即玩!》,及测试类的《恋爱时的你是〈哈利波特〉里的谁?一测便知!点开即玩!》。此类图文开发并不复杂,只需搭配基础的交互模型,如点击渐现、顶层滑动、抽签等,就可以实现多种多样的创意形式。

来,一起抓星星🤩|互动游戏|腾讯微信派

本月 GL 为微信派交付的此篇文章展示了丰富的 SVG 互动游戏,将孩童时期的游戏贯穿始终。开篇以抓星星开启读者互动,新颖的翻页动画配合生成读者的专属书单,展现形式妙趣横生,建议点开原文体验一下。

号外,臻浓发现神秘星际信号!错层滑动|伊利

以星际为主题,臻浓牛奶发布了此篇横版长卷,由荒村制作开发。配合恰当的设计,错层滑动总能做到出其不意的效果。伴随着读者滑动,飞船从星球下方跃然而出,直至文章结尾实现跃迁隐匿于星云之下。

你相信光吗?|拟态游戏|爱范儿

由爱范儿为 ColorOS 策划的此篇漫画长卷,无疑是本月最出彩的交互图文。发挥狂野的想象力在图文中上演了一出精彩的外太空故事。该作利用多级展开结构,在故事的关键节点增添互动能力,强调展示了手机系统丰富的功能点。

又一个成年人被安检气哭了|无限选择器|GQ实验室

开发者小杨操刀的此篇应用了一种多热区浮窗(可关闭)的效果,为了避免点击浮窗后误触其他选项,开发者利用零高容器堆叠数层盒子,并在每一层中都添加了 11 组选项浮窗,具有良好的体验效果。该效果的进阶版可实现无限次点击可关闭的效果,企业用户可在 E2 编辑器的「企业级专区(多热区)」中选择「多热区无限浮现-可关闭」组件实现无限次点击关闭的效果。

燥眠夜|手绘视差滑动|Marshall

本作由计老师开发 JZ 交付至 Marshall,是首篇具有景深的漫画大型视差作品,黑白线条勾勒出躁动的夜晚,分层差速滑动打造强大的视觉张力,配合画面嵌入的音乐组合出十分震撼的感官体验,不妨点开原文一同沉浸其中。

1024小鹏汽车科技日编年史.gif|轨迹描摹动画|小鹏汽车

经典永不过时,由 GL 制作开发的本篇采用优美的描边动画将小鹏汽车的发展历程娓娓道来,仿佛一条时间线串联起品牌技术的发展。该结构也可在编辑器中使用「轨迹动画」和「渐现」等相关组件编排而成。

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

沪ICP备2022011523号