节庆与专题 SVG 推荐

朝思暮想 - 盈盈一水间,脉脉不得语

产品特写设计

蒂芙尼 - 双层抽签

点击了解

“抽签”加“解签”,通过一次点击事件实现抽签停止和封面消失,有效地向小程序购买链接导流。

蕉内 - 星期选择

点击了解

通过 E2.COOL 编辑器的「无限选择器」生成,创意构思独特,设计色彩缤纷,电商转化直截,是多产品融合主题设计的佳作。

卡地亚 - 礼盒弹出

点击了解

漂浮在空中的红盒,任意点击均可呈现出产品浮层,并支持跳转页面以及关闭重选。

BOSE - 音频播放器美化

点击了解

结合音频播放,提升情人节主题图文的氛围感。

趣味游戏设计

Tommy - 心理测试题

点击了解

逻辑问答互动图文,搭配多段伸长结构支持,且用精巧的动画效果给读者在选择后以即时反馈。

巴黎世家 - 画布分段位移

点击了解

通过点击拖动分段画布位移和人物上下运动,形成了角色在花园中游玩的效果,并将落地页有机穿插其中。

格拉夫 - 卡片选择生成结果

点击了解

以有限次逻辑伪装的无限次多叉树选择 SVG 交互,增加了产品的故事性和选品的趣味性。

顾家家居 - 路径式游戏

点击了解

路径遮罩描摹动画+元素路径运动,精妙地配合人物停顿和前后景穿插,也是竖版长卷开发的上乘佳作。

大疆 - 飞行模拟

点击了解

此篇将画幅长度控制在一屏之内,配合无人机路径运动和背景滚动从而实现飞机模拟效果。

情绪专题设计

GQ 实验室 - 填色顶层滑动

点击了解

以物为花,将内容线索以花店为载体,趣味的插画环节后是此前 GQ 层在 crush 专题中应用过的顶层填色滑动,巧妙融合了鲜花美妆广告。

人民日报 - 层层伸长

点击了解

通过层层递进展开的形式,讲述「爱」与「年」的主题,在细节动效出来上下了比较大的开发投入,使得整体呈现的感官相对细腻。

民生银行 - 弹出式海报

点击了解

爱不会被隔离,近三年下的情人节,都会见到的背景渲染,而通过黑科技互动,让料峭的春天在此刻变得有爱。

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

沪ICP备2022011523号