iSVG

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

你有多久没睡过一个好觉了?|动态设计|人民日报

互动式漫画是党政新媒体在节日热点专题中的一种十分出彩的呈现方式,人民日报发布的这篇 SVG 插画作品值得一看,其交互部分由开发者赵阳(乙木互动)完成。结合世界睡眠日主题,巧妙设置了一步关灯操作,关灯-变暗-月亮升起一系列操作丝滑流畅,同时全篇也包含了丰富的局部动效。

你收到了一张游园会入场券,点击入场|互动游戏|喜马拉雅

三千喵操刀,JZ 交付的场景式主题交互图文与 GQ 实验室的《烦死了,烦死了,我真的烦死了》有异曲同工之妙,将整篇作品的主题设定为游园会,得益于其优秀的画面设计,利用滑动、切换等基础的交互效果就可还原出游乐场中的多种娱乐设施,趣味性十足。目前部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「底层滑动」、「点击渐现」等实现。

好利来 × POP MART,Pucky的蛋糕魔法|多段伸长|好利来

连续 GIF 控制器+多段伸长,本篇由 GL 开发完成。连续点击切换为我们介绍了每一款产品的多种卖点特性,多段伸长又为读者展示了若干款产品。两种结构组合,既规整了信息的排布、缩短文章的篇幅,又能够减少读者的阅读压力,十分适用于多款产品的发布。

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

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

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

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

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

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

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

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

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

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

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

沪ICP备2022011523号