鼎味肉市DESIGN ATELIER
← 资料目录docs/design/proof/experiments/fresh-market/STUDY-16-SUITE.md阅读原文

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与隔离模拟数据中执行,不等于全部入口可发现性、全量业务组合或真实设备验收。

仍然开放的边界

原版两项计划购买语义分歧、跨路由数量重置、toast跨页生命周期仍开放;截图可能带有上一操作的短暂提示。未为本轮视觉工作擅自改状态规则。真机微信、iOS字体、软键盘、大字体、完整读屏及对比度验收尚未完成。小字号辅助信息与横向菜品比较需要实际触感反馈。

颜色仍为隔离实验施工值,正式token迁移未完成。当前成果是可操作消费者原型,不是生产产品或Foundation发布。主设计会话负责后续反馈与验证组织,业务规则变更另行确认。

恢复

4300原版继续保留。撤回本轮时移除study-care.css的Study 16段、恢复StudyMine/StudyRootHeading及新增展示转换,重新构建实验即可;不迁移或清空浏览器数据。首页与详情自身实现文件未改,原版source只读。未提交或推送Git。