iSVG

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

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

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

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

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

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

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

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

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

大瓜爆料!没想到奶茶这么戏精!|多段伸长|古茗茶饮

消失已久的多段伸长再次回归到我们的视野之中,三千喵为古茗奶茶交付的此篇交互开发、画面设计和文章内容配合得当,通过多段伸长的布局结构,使得剧情沿时间线层层递进,逐步带领读者深入其中,上演了一场奶茶间的戏精之战。

速来观潮|标签抽拉|宝马中国

本作是基于无限往返伸缩技术的一大创新应用,由 GL 开发并交付至宝马。此作将信息折叠部署在同一空间内,用户可任选标签并查看详细信息。该结构在提高空间利用率的同时也增加了用户的互动感。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「标签抽拉」实现。

线上走路机|纵向逆向滑动|局部气候调查组

我们与局气合作的此篇是典型的纵向底层滑动结构,开发部分由计老师负责。本作非常巧妙地利用手指下滑的操作状态模拟出走步的场景,滑动素材中也穿插了许多奇思妙想的设计,为原本枯燥的交互过程添加了无穷乐趣,形成丰富的场景互动效果。

大疆发布 DJI FPV,带你飞临其境|底层变色滑动|大疆

同样为滑动组件的设计开发,计老师则是选择利用底层滑动的交互原理配合独特的色彩渐变设计,以实现变色滑动的效果,恰与标题内容相互呼应。在用户滑动时的连续操作下,色彩的不断变化能够给予用户更加直观的同步反馈。

与众不同的好望云服务正式上线!|吸附滑动|华为机器视觉

3 月,我们为华为机器视觉交付了多次产品发布的互动作品。本作采用了吸附滑动式的创新结构,由开发者蝌蚪提出并首次商业应用。通过写入属性,允许用户在滑动的过程中停止在特定的位置,确保设计元素完整且准确地定位在视觉范围内。

MIX FOLD,小米首款折叠屏,9999元起!|视差滑动|小米手机

由小杨主持的业内首个视差 2.5D 模式 CSS 图文排版案例,惊艳亮相炸圈手机厂商领域,并一举突破了 Apple 苹果的新媒体水平天花板。

用S9自拍有多美?今天就可以体验了|挤压伸长|VIVO手机

由鼈臑大佬主持开发的 vivo 本作为我们展示了无限往返伸缩器的进阶玩法。此作特别处理了画面伸长和回缩时的挤压效果,初始画面伴随伸展方向缓缓延伸和收回,对交互细节的把控做到了极致,巧具匠心。

小米两款超高端新机:一部安卓之光,一部安卓机皇|视差滑动+无限往返伸缩器|小米手机

由小杨在微信内首创提出视差滚动技术,利用独立滚动的背景层、遮罩层和前景层制造了一个三维展示空间,静止时融合为一体,是展示信息的二维空间;滚动时又是相互独立的个体,形成 3D 效果。一静一动达到出色的视觉效果,令人耳目一新。

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

沪ICP备2022011523号