iSVG

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

_ _ 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/)中通过「层层滑动接伸长」实现。

换 iPhone 12 的理由,一个个展开说。|逆向画面伸长|Apple苹果手机

Apple 于 5 月 18 日发布的《换 iPhone 12 的理由,一个个展开说。》中演示了一种内容同步下拉的伸长动态效果,我们将其命名为「逆向画面伸长」。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「逆向画面伸长」实现。

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

沪ICP备2022011523号