鼎味的设计立场:把认真留给我们,把从容留给用户
v0.3.0 · provisional。依据:对话中的连续反馈、当前作品及固定版本f894dc7;不是对所有消费者的心理学结论。
不是一间催促成交的货架,而是一份准备好的日常
“一餐的松弛,每一步的认真”不是每页都要出现的口号,而是服务分工:用户说需要什么,我们让食材、份量、切配、费用与交付清楚可选。可以从一道菜获得灵感,也可以直接买心里想好的肉。规划值得支持,临时改变也不应被责备。
品牌的核心意象是被好好准备过的一餐。它有食欲、有秩序、有照顾,也留有余地。温暖不是甜腻,清爽不是冷淡,责任不是把证明文件摆满屏幕。
三组张力
| 张力 | 取舍 | 失衡信号 |
|---|---|---|
| 温和 / 专业 | 关系亲近,规格、金额和状态准确 | 寒暄变成盘问,安慰遮住限制 |
| 精细 / 朴素 | 关键操作有层次,环境安静 | 先看到材质或光效,再找到商品 |
| 自由 / 引导 | 给清晰下一步,也保留自主路径 | 推荐菜成为唯一购买方式 |
色彩:同一空气里的不同颜色
消费者主调从叶绿转向暖骨白、肉色、陶红与深胭脂,使界面更接近食物。不是把所有按钮、图标、辅助文字刷成同一种红:正文用深暖墨色,辅助信息降低强度,选中区域有浅底与明确边界,主行动才集中力量。
计划图形借陶粉、灰紫、燕麦的低饱和组合常驻一点颜色。相近的明度和饱和度让不同色相能共处;不再依靠突兀的冷暖对撞。常驻彩色只是“值得发现”,选中状态仍须独立表达。红色不等于错误,绿色不等于已付款;业务状态有文字、图标与事实依据。
材质:纸的承托,不是玻璃的炫耀
纸面给内容一个落脚处,细雾面给操作空间一个轻微层次,阴影解释哪一层承托哪一层。磨砂不等于强噪声,高级也不等于高光。边缘强反光容易变成玻璃或塑料;方向性亮带容易变成金属。
首页便笺用纸色、短纸纹和薄下沿呈现“认真留下的公告”,而非促销贴纸。详情规格用开放分区与同源边界协同组织选项。两者不是必须共用一张卡片。材质若在正常手机尺度不可辨,就不能靠设计说明宣布它有效。
字体与节奏:感受可以停顿,操作必须明白
少量生活短句用衬线,带来人的语气;商品、规格、数量、钱款和时间保持常规阅读字体。邀请最终保留14px常规字重衬线,而非16px半粗宋体:减轻的是力度,不是抹掉字符性格。此数值是首页解法,不是全站排印标准。
长分割线区分任务,短渐隐线调节局部空白,留白让关系清楚。不要把所有边界都画成封闭圆角框,也不要为了“通透”让浮层侵蚀照片、边界无法理解。小屏首屏必须经过编排;不能让半张无上下文的商品图像漏排一样卡在底部。
动效:邀请,而不是追逐
首页自主选肉入口采用文字中心的柔散暖陶底色,4.8秒缓慢明暗变化;文字、箭头与两侧短线保持清楚稳定,减少动态时静止。 halftone曾有好的材质探索,但连续下落像灰尘,中心点阵也开始分走注意力,因此当前撤掉。保留“有生命力的邀请”,舍弃实现它的特定颗粒手法。雾面呼吸仅用于探索入口,不能复制到付款、金额、异常、截止提示或后台表格。
每页有自己的主角
| 页面 | 第一眼要回答 | 表达力度与退让 |
|---|---|---|
| 首页 | 有什么可买,我如何开始 | 食物和开场舒展;预约便笺独立成组;自主选肉持续可达 |
| 商品详情 | 这一份最终是什么、几份、多少钱 | 克重/切法/数量协同;来源检验安静可查,不占黄金位置 |
| 计划 | 吃什么、是否已付、明天是否会送、何时送 | 餐次优先;菜卡复用;汇总有收尾感;不靠长段说明教用户操作 |
| 我的 | 这是属于我的信息,我能处理什么 | 头像名字有完整重心;订单与日常入口分层;允许更浓的色面与表达,不冷落用户 |
| 肉篮/付款 | 本次确认什么、将发生什么 | 金额和动作稳定,去掉不必要的情绪表达 |
| 付款后/次日确认 | 接下来谁做什么,我还需做什么 | 用状态、时间、恢复路径延续关怀;不以付款成功作为服务终点 |
| 运营后台 | 哪件事要处理、依据是什么、结果归谁 | 密度可以高,风险不能淡;继承准确与责任,不搬入雾面呼吸或大幅食物 |
“我的”可以比首页更有表现力,因为用户已经走进服务;但热情不能挤掉订单、售后与身份信息。后台和消费者可以不同色调,整体性来自同一套事实、行动和责任关系,不是所有页面一个皮肤。
语气:恳切的说明,不索取回答
“克重 / 切法 / 数量”比“你想买几份?”更尊重操作边界。“预约后,我们将按需备货,不留隔夜。”是本轮用户选定的服务表述,不需再叠加三句劝导。 文字简短不意味着省略费用、时间、异常或承诺条件。来源、检验、库存、退款必须有事实;亲切不能替代履约证据。
如何判断新的设计
先问任务是否完整,再问关系是否清楚、注意力是否顺畅、情绪是否合适,最后才看细节。 允许用用户第一眼感受推翻自己的解释;但不要把“字太硬”机械翻译成“删掉衬线”,把“想要明显”翻译成“无限加大”。 以截图、真实点击和压力状态反证设计。当前认可的是关系与体验,不是每个像素永久正确;字体、低性能设备、真机和正式业务合同仍待验证。