鼎味肉市DESIGN ATELIER
← 资料目录docs/design/brand/iteration-decisions.md阅读原文

从醒目到从容:设计迭代决策记录

日期:2026-09-23。范围:本次对话、首页实验、Study 10–15及详情页后续微调。按决策发生顺序整理,不为缺少独立时间戳的反馈虚构日期。

如何阅读证据

当前补充至f894dc7后的品牌整合。下表早期绿色研究是历史,不是当前配色;研究截图部分已按用户要求移除,可从清理清单对应的Git基线恢复。

用户感受是体验证据;设计原因是设计师的解释,不能混写为用户已经证明的心理规律。浏览器检查证明特定布局与操作,不能证明所有消费者觉得美。当前用户认可详情页达到满意水平,并授权沉淀品牌;没有正式发布 Foundation、变更业务规则或上线授权。

参考网站的方法来源沿用既有研究,本次未重新浏览;不是抄录其视觉,也不将过去观察声称为网站当前状态。

决策链

阶段 / 体验证据 设计判断与选择 放弃或修正了什么 可继承的认识 / 边界
旧方向被认为老土;高对比首页醒目却刺眼、生硬 从暖纸面肉铺和红黑对抗转向明亮餐桌、低饱和操作色 不以高对比等同品牌个性;保留清晰焦点 食物承担暖色与生命感,界面承担秩序
首页标题舒服,图上三层框边界费解 保留叠放,明确照片、切换工具、商品摘要各自的承托关系 曾过度拆散而失去凝聚力;不能用去掉层次解决边界 层叠可以有,但接触、遮挡和归属必须可解释
标题前配送正文出戏;不同段落去掉分割线后混淆 把日常浏览开场与下一段自主选购区分;有真实配送待办时另行优先 不将静态首页排版误作所有业务状态的固定排序 一段一个任务,已承诺事项有优先权
手机首屏露半张商品图像排版失误;底部留空显得未完成 引入真实导航占位,按可用视口编排首屏与向下入口 放弃无约束长画布思路,不以裁切假装引导 首屏必须说清当前任务与去向;小屏可滚动
“一餐一份”版本只有居中收尾出彩,其他不如完整开场 保留居中收尾的平衡感,恢复成熟开场与原版页面职责 不因一个局部成功推倒整套结构 局部佳作不是全局方向证明
推荐菜压过自主选肉,明确采购意图无法完成 恢复独立货架、搜索与选肉路径;首页/计划/我的三导航 拒绝只沿推荐菜购买的单一路径 灵感邀请与明确采购必须并存
品牌句和往下选肉入口像结束后补写,按钮太硬 将收尾与继续浏览协调为一条节奏;轻呼吸只用于有限邀请 不把首页动效复制到付款或截止时间 品牌表达应帮助继续,不额外制造任务
首页有气质但整套不统一 Study 10按职责配平:首页灵感、计划安排、我的待办、履约事实 不把每页都做成疏朗海报 统一关系和语气,允许密度不同
详情Meat ID占黄金位置、份数在屏下、选项笨重 Study 11缩小介绍图,来源与检验靠近商品,必要选择集中 放弃大证书卡;不把所有触控区等比缩小 证据容易发现但无需强制阅读
三行规格零散,像任选一行 Study 12将选择统一为一张配肉单 独立条目缺乏组合语义;封闭框后来也被修正 克重、切法共同定义一份,数量乘出总量
切法换行无序,做法角色过重 Study 13切法同排比较;做法改为可选建议 做法不是订单规格,不混入必选与摘要 信息层级由实际业务语义决定
口号与问句像教育用户;封闭圆角框老土 Study 14用克重/切法/数量短标签,开放式浅底分区 放弃“切成什么样”“买几份”的问答姿态 让选择发生,少要求用户解释自己
信息收起后空洞,尾部资料入口让人怀疑还没结束 Study 15提炼食材短句、资料回到介绍旁;数量→总价→加购收束 不增加品牌宣言填空,不在终点开启新阅读 温度在食材与服务里,结尾由任务完成
图标与文字失衡,随后立体图形又显幼稚 调整尺寸后,再去掉立体侧边、减细淡化轮廓、保留文字 不把一次称赞冻结成不可改动的方案 图形辅助辨认,不抢过食材或标签
只有两根线带阴影像不同次元 降低局部阴影,协调照片、选中项、操作面的光影 不给所有元素都补同等投影 层级有共同光感,文字和普通内容保持平面
希望细密磨砂与朴素外围相互中和 SKU细雾面、外围更淡纸纹;克重切法选中材质统一 不靠粗颗粒、强玻璃或叠效果制造高级 精细处集中在操作,背景让位;真机辨识待验证
留白必然存在,不希望硬挤 保持间距,增加居中短渐隐线;用户反馈“完美” 不再靠压缩间距填空 短线是此页的节奏解法,不是全局必用组件

我们修正过的设计假设

后续跨页与暖色收敛

用户感受 / 已知事实 设计取舍 可继承的判断
我的页身份松散,令人感到被轻视 头像、名字形成重心;订单与日常入口分层,允许更有表现力 统一不是平均用力,用户身份值得被认真呈现
绿色缺少食欲,换红后又缺层次 暖肉色环境、深暖墨正文、浅选中面与深胭脂主动作分工 色相不能代替信息层级
冷暖对比太强,计划矩形显笨重 低饱和陶粉/灰紫/燕麦组合,餐次图形微微探出悬浮栏 特色可以来自细微关系,不必靠大块强对比
手机底部留空像未装满 系统横条覆盖而非占位;导航轻微上移 原型必须模拟真实视窗机制,不以多留白掩饰尺寸错误
首页下方空泛,轻文字不足以传达预约 纸面便笺独立组织时间、公告与行动 公告应可辨认但不变促销警报
便笺偏金属;细噪声正常尺寸不可感知 去亮带,保留纸边与可辨纸纹 说明不能代替真实渲染效果
16px半粗宋体显大且锋利 保留衬线与圆底箭头,减至14px常规字重 反馈指向力度,不等于否定风格元素
halftone中心扩散一度合适,下落却像脏屏 撤掉颗粒,改文字中心雾面底色明暗呼吸 保留邀请的意图,允许舍弃表现手法
“提前安排”语气不够恳切 采用“预约后,我们将按需备货,不留隔夜。” 说明我们承担什么,比要求用户怎么做更有温度;上线须证据
当前版本令人舒适,要求固定和清理 f894dc7保存完整来路,活动入口收敛为一套 沉淀不是堆积候选;保留可追溯性,不让历史争夺当前权威
  1. 醒目不等于美,柔和也不等于有秩序。
  2. 来源可查不等于证书必须占据中心。
  3. “像朋友”不等于不停寒暄、提问或指导生活。
  4. 简化不等于删掉自主选购、数量或恢复路径。
  5. 同一品牌不等于每页同一种密度、同一种卡片。
  6. 高级感不能从堆叠纹理、阴影和装饰中直接获得。
  7. 当前得到认可不抹除小屏、对比度和跨路由状态保留的反证。

证据与可恢复性

主设计会话负责后续复核。4301为实验,4300及原版source保留作对照;本轮仅整理文档与复制已有证据,不改变原型、业务、运行时或正式token。