微信小程序 • 补充页原型规范

创建 / 编辑穿搭 · 全场景状态画板

严格遵循 375×812pt 原生小程序规范、iOS 设计语言与交互反馈体系

系统强调色 #007AFF
删除危险色 #FF3B30
底色 #F2F2F7
State 01

创建穿搭 · 初始空态

无衣物预览占位、保存按钮置灰禁用

9:41
创建穿搭

还没有选择衣物

点击下方「选择衣物」添加你的单品
0/32
0/500
最多3个
如:通勤、约会、旅行
选择衣橱单品
选择 1~10 件衣物合成画报
未选择
State 02

编辑穿搭 · 预填状态

顶部多图抠图拼贴错落摆放、含删除红色按钮

9:41
编辑穿搭
穿搭画报拼图 已组合 4 件单品
羊毛西装 外套
高领打底 上装
垂坠阔腿裤 下装
复古乐福 鞋履
7/32
28/500
已选 2 个
通勤 商务会谈
选择衣橱单品
点击调整当前穿搭包含的衣物
已选 4 件
State 03

衣橱多选网格

两列卡片、系统蓝选中描边、右上蓝对勾、最多10件

9:41
选择衣橱单品
黑色双排扣西装
外套 · 秋冬 羊毛
米白高领羊绒衫
上装 · 秋冬 羊绒
垂感高腰阔腿西裤
下装 · 四季 西装面料
复古厚底乐福鞋
鞋履 · 四季 牛皮
金属细框墨镜
配饰 · 夏季 合金
焦糖色托特手袋
包袋 · 四季 植鞣皮
已选 4 件
最多可选择 10 件单品
State 04

异常提示 & 确认删除

毛玻璃轻提示浮层、iOS 原生系统级确认对话框

9:41
编辑穿搭
未选衣物点击保存触发:
至少选择 1 件衣物
名称为空触发:
请填写穿搭名称
多选超过10件触发:
最多选择 10 件衣物
保存成功反馈:
已保存
确认删除这套穿搭?
删除后不可恢复,但不会影响衣橱内的单品。