Always Pink

LUMI 预览

请输入访问密码查看
Always Pink — 动效与高级感 · 全演示

你说的每一个,我全做出来了。点点看 ✿

下面每一块都是能动、能点的真效果,旁边写着"为什么这样显贵"。又粉、又可爱、又高级——一个个看。

心法:一致 + 克制 + 缓。每个元素"轻轻落地",全套守同一套规矩,该空就空。

① 动效的高级,90% 藏在「缓 + 错」

缓动软着陆、交错入场、微反馈——这三样做对,廉价感立刻消失一半。

看差别
缓动 · 软着陆

上=机械直线(廉价),下=快进慢停(高级)。一直在跑,盯着看。

linear 直线
ease-out 软着陆
交错入场 stagger

一个接一个浮上来,不齐刷刷。这种"被编排过"的入场,最贵。

🎀
微反馈

每次点击都"轻轻压一下再回弹"。没反馈=廉价,有细反馈=讲究。

(真机上再配一下轻震动)

② 几个「一看就贵」的动效

挑着上就行。共享元素转场是其中最显贵的。

最显贵
共享元素转场

点商品 → 那张图"飞"着放大进详情,图是连续的、不是硬切。Skyline 原生支持。

Chanel 经典口盖包孤品 · 95 新 · ¥16,500 — 点我
骨架屏 + 微光

加载时用粉色"骨架"+一道柔光扫过,别用转圈圈。

Chanel Vintage
鱼子酱牛皮 · 金扣 · 95 新
¥ 16,500
数字轻轻滚动

价格、积分 count-up 滚上去,细节见讲究。

¥ 0
Hero 视差

大图比前景动得慢,出"深度"。把鼠标移进去试试。

移动鼠标 →
下拉刷新 = 你们的招牌动作

别用系统默认那条灰圈圈。冒粉泡 + 丝带转,刷一下都是品牌。

③ 视觉上再提一档

不靠动,靠"规矩"。这些静态选择,决定了贵不贵。

暖粉阴影 vs 灰黑

黑阴影压在奶油底上会显"脏";换成暖粉调,立刻干净贵气。

灰黑 ✕
暖粉 ✓
强调色,克制用

莓粉只点在"最该点的那一下"。满屏高亮=不高级。

商品
规格
立即拥有 ✓
超值!
限时!
抢! ✕
一套"规矩"(tokens)

间距、圆角、字号都用固定档位,全程不破例——On 那种高级的底层秘密。

8
16
24
40
图片统一处理

同一种背景、同一种光、同一种裁切。一致本身就显贵。

↓ 反面:杂乱

空状态也要美

心愿单空了,给张粉色小插画 + 暖话,别甩"暂无数据"。

心愿单还空着呢
把心动的它收进来,到货我第一个偷偷告诉你 🤫

④ LUMI 专属「签名动作」

让它不是"通用高级",是你们的。

丝带 · 系一个结

加入成功时丝带"系上"——当成贯穿全年的招牌动作(像 Dior 的蝴蝶)。

邮局 / 邮票 / 机票转场

转场做成"寄信"那种感觉——你们有这套世界观。

已寄出 ✿ 你的粉色信
娃娃微动 (不用真人脸)

吉祥物娃娃轻轻晃 + 眨眼,给温度。

开箱仪式

下单成功 = 丝带解开、盒子打开、包和娃娃升起来。对应你们真实的尘袋+丝带开箱。

⑤ 全部用上:一整屏二奢商品页

糖水粉 vs 高级粉的对比,加上把以上都放进去的样板页。

露怯 ✕
🔥新品超值⚡限时!!

【正品保证】Chanel香奈儿经典口盖包二手真皮链条

¥16500 ¥19800
立即抢购 →
显贵 ✓
孤品 · 仅此一件

Chanel Vintage 经典口盖包

鱼子酱牛皮 · 金扣 · 95 新
¥ 16,500 含双重鉴定
9:41
● ● ●
孤品 · 仅此一件
经典口盖包 · Caviar
CHANEL VINTAGE · 金扣 · 编号 LV·2207
¥ 16,500 含双重鉴定
95 新
中检 · 中溯 双重鉴定 · 报告可查
假一赔四 · 5 年老店 · 抖音官方
原盒 · 防尘袋 · Always Pink 缎袋齐全
她的命定娃娃kitty 俏咪为这只包挑的 · +¥129 一起带走
连线验货
立即拥有

这一屏的"高级点"↓

1
大量留白

空着,才显贵。

2
高级粉,不是糖水粉

奶油底 + 带灰玫瑰点缀。

3
衬线轻字

价格品名用纤细衬线,杂志感。

4
信任组件钉在价格旁

鉴定/假一赔贴着购买区——敢点那一下。

5
命定娃娃

包+娃娃的招牌温度,娃娃在轻轻晃。

6
点「立即拥有」试试

会锁定孤品 + 🎀 丝带提示。

⑦ 更多细节 · vol.2(滚动 / 手势 / 转场 / 质感)

你问"还有多少"——这里又是 13 个,范围放宽到"滚动"那类。往下滚,这些卡片自己浮上来,就是在演示「滚动揭示」

滚动揭示

元素进入视野才优雅浮现。下面三条在循环演示给你看。

页面滚动进度条

告诉用户"看到哪了"。下面就是它的样子(循环演示);真的那条在整页最顶部。

吸顶变形头

在框里往下滚,标题自己缩小变紧凑。

经典口盖包
滚动视差

框里滚动时,背景比前景动得慢,出"深度"。

横向吸附轮播

左右滑,每张"咔"地吸到正中。一屏一品。

Chanel
Dior
LV
Prada
滚动转包 360°

滚动 = 把包转一圈看(Apple 产品页那种)。这里自动转给你看;真机里跟着手指滚。

吸底 CTA 智能显隐

下滚购买键让位、上滚立刻回来。

立即拥有 ¥16,500
高光扫过

"正品保障"角标上有道光在扫——像真证书。

✓ 正品保障 · 双重鉴定
弥散渐变背景

柔色光团慢慢游动,比纯色高级、有呼吸。

磁吸按钮

鼠标靠近,按钮"被吸"过去一点点。

按钮变身成功

加入购物车 → 转圈 → 打勾,一个键讲完全程。

乐观收藏(秒反馈)

点一下立刻变心、数字 +1,网络后台慢慢同步。

238 人想要
侧滑操作

心愿单的东西,手指一拨(或点一下)露出操作。

移入购物车
Chanel 经典口盖包 · ←拨我

⑧ 补全:之前只用嘴说的,也都演示进来了

页面转场、触感反馈、毛玻璃、颗粒质感——全做成能点的。

页面 / 标签转场

切「包 / 娃娃」——指示丸顺滑滑过去 + 内容柔顺交叉淡入。现代 View Transitions 那套。

Chanel 孤品
kitty 俏咪
触感反馈 (haptics)

关键动作配一下轻震。浏览器看不到震动,给你个"抖一下"示意——真机用 wx.vibrateShort。

毛玻璃 / 动态模糊

导航条是半透磨砂的,彩色内容从下面滚过,实时透出朦胧。在框里往下滚

LUMI VINTAGE · Always Pink
往下滚 ↓
🎀
颗粒 / 噪点质感

加一层极淡的"胶片颗粒",瞬间像高级印刷品,不再是廉价纯色。

高级粉

⑨ 灵动:自己会动的"细腻高级"款(已筛选)

这些一打开就在动,不用你动手。全是慢、柔、克制的——我把吵闹的(霓虹爆闪、闪粉雨、夸张弹跳)都筛掉了。

流光文字

一道暖金的光,慢慢从字里扫过。最适合 "Always Pink" 这种招牌字。

Always Pink
逐字柔入标题

字一个一个轻轻浮现,温柔、有节奏(动态文字)。

保持 可爱
呼吸光晕

主角包后面有圈柔光在轻轻"呼吸",高级、聚焦。

悬浮漂浮 + 呼吸阴影

包轻轻浮起、影子跟着收放,像被托在手心。

流光描边

一缕光顺着边框慢慢绕,卡片像"活着",又不吵。

限量 · 孤品
金属高光流转

"正品"金印上有道反光在流转,像真金属、像真证书。

正品
优雅呼吸加载点

等待时不用转圈圈——三个点温柔地一呼一吸。

稀疏花瓣飘落

几片花瓣慢慢飘下,氛围感拉满——克制是关键,绝不能多。

卡片 3D 微倾

卡片像被托着轻轻晃,有"呼吸般"的立体感。

缎带持续飘动

你们的招牌丝带,像真绸缎一样一直在轻轻飘。

⑩ 五感之外:真做进来了,点 / 听 / 看

眼睛之外的颗粒度——声音、文案、仪式、记忆。🔊 声音那张,点了真能听见(记得开声音)。

🔊 声音(点了能听见)

极克制地用一点声,瞬间高级 + 治愈。点点看 ↓

✍️ 文案 before / after

同一个功能,换一套话,质感天差地别。

普通

加载中…

暂无数据

网络错误

提交成功

LUMI

正在为你翻箱底…

还空着呢,收一个进来呀

网络打了个盹,再试下嘛

收到啦宝,这就打包 🎀

⏳ 仪式感 · 峰值时刻

该慢的地方要慢。买一只孤品要有"分量感"。点一下感受。

已为你郑重收下 ✿
📜 货品前世今生

信息越具体越可信、越高级——直接喂信任。

  • 2019 · 法国出生Chanel 经典口盖包
  • 跟过两任主人被好好爱过的痕迹
  • 回到 LUMI双重鉴定 · 深度养护
  • 等你下一段故事由你写 ✿
🗂️ 我的收藏册

把"她的东西"做成珍藏,带时间线。

Chanel 25在一起 287 天
kitty 俏咪在一起 154 天
💗 个性化问候

让她"被记得"——被看见,就是高级。

欢迎回来,菲菲 ✿

你收藏的那只 Dior 还在哦,悄悄降了 ¥800 💗

🎀 惊喜彩蛋(峰值)

意料之外的温柔,最像"人"、最被记住。点礼盒试试。

🧩 状态也要美

真高级 = 没有一个"将就"的角落。同样是"空"——

📭
暂无数据
心愿单空着呢收一个心动的进来呀

⑪ 大布局方向(户型 · 9 个)

整个 app 是个什么"地方"?这是最大的决定。先给你两座详细的,再给 7 个方向。

💡 小镇美术馆 不是二选一——小镇是你进 app 看到的"世界",点进小镇里的「二奢馆」,里面就是美术馆。它们是嵌套的。
🏘️ 小镇 / 世界地图
进 app = 进 LUMI 小镇,逛"地点"不逛"货架"
9:41● ● ●
LUMI 小镇Always Pink
二奢馆
娃娃铺
粉色邮局
鉴真室
PINK COLLEGE
点不同的店,走进去逛 ✿

灵感来源

动森地图 · 迪士尼乐园导览 · POP MART 乐园 · 你们自己的小镇 / 邮局世界观。

最适合:差异化天花板,别人抄不走。治愈、归属、"逛"本身就有趣。

🖼️ 美术馆 / 典藏
一次只郑重看一件,大留白、聚光灯、孤品感
9:41● ● ●
01 / 07
LUMI VINTAGE今日典藏
孤品 · 仅此一件

Chanel Vintage 经典口盖包

鱼子酱牛皮 · 金扣 · 95 新
¥ 16,500
中检 · 中溯 双重鉴定 · 报告可查
↑ 上滑,看下一件典藏

灵感来源

苏富比 / 佳士得拍卖 app · 高奢精品店橱窗 · 私人珍藏室 · On 的克制。

最适合:万元孤品。把"买二手"抬成"收藏典藏",留白即奢侈即可信——直接喂信任

再给你 7 个方向

每个都点出"长什么样 + 适合干什么"。

ISSUE 01
为了 kitty
买了只 Chanel
本期封面故事 →
📖 杂志 / Lookbook
全屏大图 + 编辑故事。最会种草,接你们小红书的强项。
我的少女日记
📔 收藏日记 / 手账
"我的收藏"做成手账。私密、治愈,最适合"我的"页
↑ 上滑下一个
🎴 卡片流 / Story
一屏一件、上滑下一个。沉浸、上瘾,适合上新 / 抽赏
粉色夏威夷
PINK COLLEGE
今日上新
🗂️ 主题橱窗 / 策展
首页 = 一个个主题专题。编辑感、随季更新,你们本来就季季换主题。
粉色邮局 · 3 封新信
你的心愿到货啦 ♡
本周新到 5 只孤品
给你的生日悄悄话 🎀
💌 邮局 / 信件流
新货 / 到货当"信"来收。亲密、有仪式,正好用你们粉色邮局
你好呀宝~ 想找什么呢 ✿
想要粉色的小包
为你挑了这只 →
🛍️ 买手私聊 / 导购
像和虚拟买手 1:1 聊天选货。高触感、建信任,不用真人脸。
LUMI
经典口盖包
¥ 16,500
🧊 极简单品流
一列、一件、大留白。On / Aesop 那种极致克制

⑫ 参考标杆 · 真实截图

市面上质感 / 玩法最好的几个,真实界面 + 该抄什么。(完整版见「LUMI参考-真实截图」)

观夏 To Summer ⭐

✅ 真实界面观夏

你们的北极星。禅意大片开场 + 博物馆式留白 + 私域优先 = 「美术馆」布局的活样板。

泡泡玛特 抽盒机

✅ 真实界面泡泡玛特

娃娃那条腿。深色沉浸还原线下抽盒 + 收集驱动 = 你们娃娃抽赏的骨架。

Dior 金蝶漫舞

🎬 真实动图Dior

招牌蝴蝶贯穿全季 + 繁而不乱 = 给 LUMI 立一个招牌母题(蝴蝶结 / 邮票)。

Gucci ANCORA

✅ 真实界面Gucci

一个强色到底 + 策展式城市门户 = 强调色克制 + 主题橱窗入口。

LV · 爱马仕 · 娇兰

🎬 真实
LV爱马仕娇兰

小游戏 / DIY 定制 / 探险叙事 = 娃娃游戏、包+娃娃轻定制、鉴定做成探索。

野兽派 The Beast

🖥️ 官网野兽派

杂志式网格 + 艺术调性 + 吉祥物 = 你们的 Lookbook 方向,娃娃当吉祥物贯穿。

星巴克 用星说

📰 活动星巴克

把消费包成情感礼赠 = "为她 / 为娃娃买" + 祝福语转赠。

Aesop

❌ 无小程序

"没有"就是答案。Aesop 极简、不做花哨电商——克制本身就是奢侈。学它的态度:别把小程序塞满。

⑥ 高级感铁律

留白 > 填满大图 > 小图堆轻字 > 重字高级粉 > 糖水粉故事 > 参数减法 > 加法>一致 > 随意

Chanel Vintage 经典口盖包

鱼子酱牛皮 · 金扣 · 孤品 · 95 新
¥ 16,500