视觉表现扁平化设计看腻了?瑞幸用这个立体折叠弹窗教你做引流

产品: 瑞幸咖啡猎人: 龙爪槐守望者观众: 1.6w人 时间: 2026-01-03

瑞幸咖啡

与「瑞幸咖啡」有关的细节还有 4查看全部

我也有新发现 我要投稿
扁平化设计看腻了?瑞幸用这个立体折叠弹窗教你做引流扁平化设计看腻了?瑞幸用这个立体折叠弹窗教你做引流

细节描述

龙爪槐守望者: App弹窗越来越「扁」,扁到让人视觉疲劳?当所有品牌都在追求极简主义的时候,瑞幸却反其道而行之。 瑞幸咖啡小程序「下单成功」页面的营销弹窗。它的核心逻辑是利用高视觉权重的 UI 形式,引导用户扫码添加企业微信,本质上是一个私域流量的引流入口。 不同于常规的矩形图层叠加,这个弹窗完全模拟了「立体折叠贺卡」的物理形态。设计师巧妙地在卡片中间绘制了一条「折痕」,并配合底部的投影,营造出一种纸张微微翘起、悬浮于屏幕之上的错觉。顶部的 IP 形象(鹿角吉祥物)打破了卡片的上边缘,呈现出一种「破格」的视觉张力。 这种「伪 3D」的透视关系给手指带来了一种心理上的「厚重感」。背景做了深色的高斯模糊处理,进一步推远了底层页面,让这张「贺卡」直接怼到了用户眼前。

650人评分
收藏 4
分享细节海报

发表评论 为下方 7 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

JetBrains弹窗:让技术宅心动的交互设计!
JetBrains

设计彩蛋JetBrains弹窗:让技术宅心动的交互设计!

猎人 - 龙爪槐守望者9.5

在浏览网页时,我们常常会被各种弹窗打扰,大多数时候,我们会选择忽略它们。然而,JetBrains网站上的一个弹窗却成功地吸引了我们的注意。这个弹窗采用了类似于命令行的界面设计...

查看详情

#Cookies#JetBrains#命令行

把流水号变成金榜题名,瑞幸微交互里的温情设计学
瑞幸咖啡

营销活动设计把流水号变成金榜题名,瑞幸微交互里的温情设计学

猎人 - 龙爪槐守望者6.0

高考期间在瑞幸下单,原本随机的流水取餐码被替换成了「211」这种带有名校特殊寓意的数字,二维码下方还附带了一句「愿你金榜题名」。按钮也顺势改成了「分享好运气」,给日常订单塞进...

查看详情

#UX文案#仪式感#彩蛋

支付宝用细腻微交互,赋予AI产品长久的陪伴感
支付宝

IP形象设计支付宝用细腻微交互,赋予AI产品长久的陪伴感

猎人 - 龙爪槐守望者9.0

支付宝把 AI 助手阿宝做成了一个有情绪、会招手的拟人形象。在刚进入首页时会主动发送打招呼的表情包,甚至在思考时会通过头像展示搜索状态。这种设计不仅是好看,更是为了拉近用户和...

查看详情

#AI#AI Agent#IP形象