节庆与专题 SVG 推荐

大促优惠 - 商贾云集财富聚,盛世繁华映人间

平台宣传设计

淘宝 - 层等滑动

点击了解

本作是公众号中为数不多的三维场景图文,由意符互动执行开发。三维建模和层层滑动结构共同打造 3D 空间场景,将读者置身其中。后文接续抽签海报,且可自定义用户名称。

淘宝 - 纵向滑动

点击了解

虽说是简单的三层滑动结构,但通过中间层图标的镂空设计,透出了下方绿色色块,形成如进度反馈式的阅读体验。

TikTok - 横版情景互动长卷

点击了解

典型的人物横版步态情景长卷,人物采用序列帧形式从一个场景前往下一个场景,期间穿插幻灯式的页面展示,将信息罗列和插画设计巧妙结合。

京东 - 互动游戏

点击了解

小游戏模式热度不减。短平快的小游戏依然可以在今年的 618 中运用,而本作是眼力、手速、选择三套模型的拼接结构,以“年终考试”的话术进行了复合。

产品广告设计

NIKE - 无限选择器

点击了解

流畅的开场动画与柔顺的轮播架构,得益于序列帧播放的应用和卡片、放大图案的分层动画管理,内部基于 SVG 无限选择器结构,融入纵向与横向的滑动模块,承载了高密度的信息内容,让设计的绚烂感与广告内容的详尽性有机平衡。

蕉内 - 视差滑动

点击了解

由 JZCreative 主导开发的又一「地平线」模式视差图文力作,以哈利波特四大学院徽章的地砖为空间分割,悬浮大量具有悬疑感的交互模块并合理穿插商品链接,使得这次蕉内的联名产品发布广告备受行业好评。

ColorOS - 连续打印机伸长

点击了解

利用 Flex 布局特性形成的堆叠并列伸长叠加效果,模拟了小票连续打印的生动场景,非常贴合 618 主题。

Jordan中国 - 无限选择器

点击了解

基于无限选择器SVG基础的进阶开发设计,模拟了所谓上下左右的镜头位移,空间感跃然纸上。

促销节日设计

万达集团 - 位图弹窗

点击了解

本文利用弹窗交互巧妙地将九个福利内容与九个星球相结合,兼之无限往返的交互逻辑加持,既激发了用户的探索欲与好奇心,又保证了用户不会错过心仪内容。

大地艺术节 - 自由滑动&无限选择

点击了解

通过「自由滑动」使页面中的每个元素都可以查看,极大丰富了页面承载内容;通过「无限选择器」结合八个重点艺术装置的风格和特性,共置入了八款小游戏。

华为 - 密码解锁

点击了解

多模块伸长组件使用了有趣的填词答题互动(密码解锁)形式,构思巧妙,切合主题。

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

沪ICP备2022011523号