iSVG

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

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

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

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

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

小鸟什么都知道|音频互动|爱范儿

爱范儿针对 vivo 新款降噪耳机发布推出了此篇交互图文,结合音频播放器美化和 GIF 控制器,利用声波展示出降噪前后的对比,继而精彩地呈现了一场小鸟对话的场面,由此引出「降噪」的主题,本篇也是近期来音频播放器美化中较为亮眼的佳作。

_ _ 2 _ _OVE|密码解锁伸长|英菲尼迪

520 是各大品牌借势营销的热点节日,推送花样也层出不穷。GL 为英菲尼迪定制开发的密码解锁一文,无论在创意还是执行方面都较为出彩。大多数情况下,密码解锁的推文中密码的设置都缺乏和产品或主题的关联度。但本篇的密码设置暗藏玄机,将汽车型号隐藏在 520 的表白语中,融合度高。且交互部分为纯手工代码开发,防误触也精巧细致,值得推荐。

探索世界的旅程,来自这个房间|2.5D设计| OriginOS(VIVO手机)

已经消失了一段时间的 2.5D 风长卷再次回归我们的视野,整篇文章设计风格清新脱俗。本篇由荒村操刀开发,巧妙运用了 2.5D 风格的场景穿插,结合上下层滑动中间层固定装置,形成丰富的场景互动效果。

我从哪来?这里有答案——|轨迹描摹动画+音频交互|共青团中央

最痴迷于 svg 长卷的党政新媒体共青团中央,设计了一篇交互式插画献礼建党一百周年。交互部分由小杨负责操刀,基于描边动画,将共产党的发展历程分段呈现,生动活泼。此外,本篇内的音频播放并非一般的播放器美化,而是采用「视频伪装音频」技术,将带有音频的视频定位于交互区域下方,再通过双层触发控制播放。

心之所至,无上巅峰|标签抽拉|颂拓

本期推送中 yutu 操刀开发的一套无限抽拉式卡片设计让不少运营人眼前一亮,由无限伸缩器延展出的该模型可以不限点击顺序,且设置了无限点击触发的能力,为弹窗式卡片又增添新的范式。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「标签抽拉」实现。

520 特别惊喜,已上新|轨迹描摹动画|大疆

本作由 yutu 特别指导,得益于新颖的互动形式使其在 5 月榜单里脱颖而出。此篇将画幅长度控制在一屏之内,配合无人机路径运动和背景滚动从而实现视差效果。

一桌饭的来处|互动游戏|局部气候调查组

此作由鼈臑大佬负责开发,交互技术复杂至极,利用多段伸长结构划分场景时代,又嵌入结合多款烧脑游戏装置。既有开发者的基操答题卡,又有高难度开发限时挑战、逻辑判断等,让作品的趣味性大大提升。

王,榨,油,柑,BANG!|层层滑动接伸长|喜茶

层层滑动 4 月由 GL 首创开发,计老师在此技术基础上创新融合了伸长动画,实现层层滑动后点击伸长的交互效果,并将此应用于喜茶发布的《王,榨,油,柑,BANG!》。本作将多层前景遮挡与层层滑动装置结合,形成一种极具神秘感的互动效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「层层滑动接伸长」实现。

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

沪ICP备2022011523号