Study 16|同一张餐桌,完整的一套体验
2026-09-23。用户授权延续现有设计风格,调整首页及商品详情以外的消费者页面,形成整体作品。不是Foundation正式发布或生产上线授权。
范围与不变量
首页和商品详情保留为视觉锚点。新增样式限定在AppShell按路由标记的.suite-other内;弹层只在非锚点页面激活时继承。未修改原版数据、定价、订单、支付、库存、配送及计划算法,未改正式token。
使用design-foundation方法继承LAW-CC-01至06:按任务分配注意力、统一选择状态、补充资料可查询、材质解释层级、钱款状态准确、返回与错误有后续。没有把详情五列切法、短线或细雾面推广为全站装饰。
页面覆盖与设计分工
| 路由 | 首要任务 | 本轮处理 |
|---|---|---|
| search、favorites | 找到想买的食材 | 搜索与分类稳定,食材图和价格直接;浅底细边与轻影一致 |
| plan | 安排一餐,明确采购 | 日期与餐次选中轻浮起,采购带承接到菜品;常见手机高度收敛页头/图幅,保留操作完整 |
| add-meal | 选择日期与菜谱来源 | 减少提问式标题,三个选择用开放行分隔,不堆三张封闭卡 |
| recommendations、why、balance | 查看建议及依据 | 食物优先,解释用开放区域;周汇总弱化海报式容器,不改估算口径 |
| recipe | 理解做法与所需食材 | 成菜图片、描述与清单分工;正文保持阅读精度,不推广磨砂 |
| basket | 核对商品、规格与小计 | 清单式编排、安静来源标签、清楚修改入口;删除和数量可操作 |
| checkout | 地址、时间、确认规则和费用 | 配送波次成为轻分区;选中时段与其他选择统一;开关显式区分状态 |
| success、order、orders | 看结果与下一次履约 | 待确认保留暖色时钟;订单记录轻承托,当前配送事实优先 |
| mine | 找订单与服务 | 开放服务区、收敛家庭块、移除重复家庭入口;家庭卡仍可直接编辑 |
| family、address | 编辑偏好或选择地址 | 简短标题、克制说明、同款选中状态;真实影响说明保留 |
| subscription、benefits | 理解可选服务与权益 | 缩小宣言,提前露出服务内容;保留免费模拟、未开放兑换等边界 |
| meat-id、history | 查询食材记录 | 档案由巨幅证书转为紧凑索引与完整时间线;示例声明保留 |
| after-sale、after-success | 提交问题与查看后续 | 表单、订单关联与结果明确,弱化多余框体,保留模拟声明 |
| demo、state | 体验设置与加载/异常 | 沿用共同标题、按钮、注释和状态层级;不伪装成正式服务 |
| market、product | 已认可的锚点 | 不参与本轮样式覆盖,仅回归检查 |
自评与修正
第一轮发现计划页菜品操作过于贴近底部导航,第二轮调整常见高度下的页头、日历与图幅,在393×715默认状态完整露出菜品和操作。窄矮屏、订阅提示或展开日历仍允许自然滚动,不承诺所有状态一屏。
我的页家庭摘要与设置列表重复;保留家庭摘要的点击入口、去除重复行,让服务列表更简洁。预约开关在原配色下不够明显,补充轨道、滑块及选中状态;不改变开关的默认值与确认规则。
画面形成三种密度:餐桌计划有节奏,资料服务留余地,核对履约更紧凑。统一来自边界、字重、选中与操作语义,不要求每页相同布局。设计与自评由主会话完成,不宣称独立设计评审。
验证入口
最终轮记录:26路由、43页面/状态、98张分段截图;8项路径/首页履约检查全部通过,无页面脚本错误。9项隔离异常恢复通过;26路由×3视口共78项观测无横向溢出。已查看首屏分组、计划/我的/预约重点单页及四组长页续图。验证在本机Chromium与隔离模拟数据中执行,不等于全部入口可发现性、全量业务组合或真实设备验收。
- 最终图录:全路由、分段长页和控件文本;诊断直达与真实操作路径分别记录。
- 路径和页面证据、异常恢复、多视口。以实际结果为准;先前
suite-16-proof是第一轮,不当作最终证据。 - 详情回归:四视口、八商品,以及计价、资料、加购和售罄。
- 原版源比对:93文件与35c0d16一致;首页稳定解码后像素差为0,默认详情截图字节一致。比较只覆盖393×715默认锚点,其他状态用行为检查补充,不扩大为所有像素一致。
仍然开放的边界
原版两项计划购买语义分歧、跨路由数量重置、toast跨页生命周期仍开放;截图可能带有上一操作的短暂提示。未为本轮视觉工作擅自改状态规则。真机微信、iOS字体、软键盘、大字体、完整读屏及对比度验收尚未完成。小字号辅助信息与横向菜品比较需要实际触感反馈。
颜色仍为隔离实验施工值,正式token迁移未完成。当前成果是可操作消费者原型,不是生产产品或Foundation发布。主设计会话负责后续反馈与验证组织,业务规则变更另行确认。
恢复
4300原版继续保留。撤回本轮时移除study-care.css的Study 16段、恢复StudyMine/StudyRootHeading及新增展示转换,重新构建实验即可;不迁移或清空浏览器数据。首页与详情自身实现文件未改,原版source只读。未提交或推送Git。