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

鼎味的设计立场:把认真留给我们,把从容留给用户

v0.3.0 · provisional。依据:对话中的连续反馈、当前作品及固定版本f894dc7;不是对所有消费者的心理学结论。

不是一间催促成交的货架,而是一份准备好的日常

“一餐的松弛,每一步的认真”不是每页都要出现的口号,而是服务分工:用户说需要什么,我们让食材、份量、切配、费用与交付清楚可选。可以从一道菜获得灵感,也可以直接买心里想好的肉。规划值得支持,临时改变也不应被责备。

品牌的核心意象是被好好准备过的一餐。它有食欲、有秩序、有照顾,也留有余地。温暖不是甜腻,清爽不是冷淡,责任不是把证明文件摆满屏幕。

三组张力

张力 取舍 失衡信号
温和 / 专业 关系亲近,规格、金额和状态准确 寒暄变成盘问,安慰遮住限制
精细 / 朴素 关键操作有层次,环境安静 先看到材质或光效,再找到商品
自由 / 引导 给清晰下一步,也保留自主路径 推荐菜成为唯一购买方式

色彩:同一空气里的不同颜色

消费者主调从叶绿转向暖骨白、肉色、陶红与深胭脂,使界面更接近食物。不是把所有按钮、图标、辅助文字刷成同一种红:正文用深暖墨色,辅助信息降低强度,选中区域有浅底与明确边界,主行动才集中力量。

计划图形借陶粉、灰紫、燕麦的低饱和组合常驻一点颜色。相近的明度和饱和度让不同色相能共处;不再依靠突兀的冷暖对撞。常驻彩色只是“值得发现”,选中状态仍须独立表达。红色不等于错误,绿色不等于已付款;业务状态有文字、图标与事实依据。

材质:纸的承托,不是玻璃的炫耀

纸面给内容一个落脚处,细雾面给操作空间一个轻微层次,阴影解释哪一层承托哪一层。磨砂不等于强噪声,高级也不等于高光。边缘强反光容易变成玻璃或塑料;方向性亮带容易变成金属。

首页便笺用纸色、短纸纹和薄下沿呈现“认真留下的公告”,而非促销贴纸。详情规格用开放分区与同源边界协同组织选项。两者不是必须共用一张卡片。材质若在正常手机尺度不可辨,就不能靠设计说明宣布它有效。

字体与节奏:感受可以停顿,操作必须明白

少量生活短句用衬线,带来人的语气;商品、规格、数量、钱款和时间保持常规阅读字体。邀请最终保留14px常规字重衬线,而非16px半粗宋体:减轻的是力度,不是抹掉字符性格。此数值是首页解法,不是全站排印标准。

长分割线区分任务,短渐隐线调节局部空白,留白让关系清楚。不要把所有边界都画成封闭圆角框,也不要为了“通透”让浮层侵蚀照片、边界无法理解。小屏首屏必须经过编排;不能让半张无上下文的商品图像漏排一样卡在底部。

动效:邀请,而不是追逐

首页自主选肉入口采用文字中心的柔散暖陶底色,4.8秒缓慢明暗变化;文字、箭头与两侧短线保持清楚稳定,减少动态时静止。 halftone曾有好的材质探索,但连续下落像灰尘,中心点阵也开始分走注意力,因此当前撤掉。保留“有生命力的邀请”,舍弃实现它的特定颗粒手法。雾面呼吸仅用于探索入口,不能复制到付款、金额、异常、截止提示或后台表格。

每页有自己的主角

页面 第一眼要回答 表达力度与退让
首页 有什么可买,我如何开始 食物和开场舒展;预约便笺独立成组;自主选肉持续可达
商品详情 这一份最终是什么、几份、多少钱 克重/切法/数量协同;来源检验安静可查,不占黄金位置
计划 吃什么、是否已付、明天是否会送、何时送 餐次优先;菜卡复用;汇总有收尾感;不靠长段说明教用户操作
我的 这是属于我的信息,我能处理什么 头像名字有完整重心;订单与日常入口分层;允许更浓的色面与表达,不冷落用户
肉篮/付款 本次确认什么、将发生什么 金额和动作稳定,去掉不必要的情绪表达
付款后/次日确认 接下来谁做什么,我还需做什么 用状态、时间、恢复路径延续关怀;不以付款成功作为服务终点
运营后台 哪件事要处理、依据是什么、结果归谁 密度可以高,风险不能淡;继承准确与责任,不搬入雾面呼吸或大幅食物

“我的”可以比首页更有表现力,因为用户已经走进服务;但热情不能挤掉订单、售后与身份信息。后台和消费者可以不同色调,整体性来自同一套事实、行动和责任关系,不是所有页面一个皮肤。

语气:恳切的说明,不索取回答

“克重 / 切法 / 数量”比“你想买几份?”更尊重操作边界。“预约后,我们将按需备货,不留隔夜。”是本轮用户选定的服务表述,不需再叠加三句劝导。 文字简短不意味着省略费用、时间、异常或承诺条件。来源、检验、库存、退款必须有事实;亲切不能替代履约证据。

如何判断新的设计

先问任务是否完整,再问关系是否清楚、注意力是否顺畅、情绪是否合适,最后才看细节。 允许用用户第一眼感受推翻自己的解释;但不要把“字太硬”机械翻译成“删掉衬线”,把“想要明显”翻译成“无限加大”。 以截图、真实点击和压力状态反证设计。当前认可的是关系与体验,不是每个像素永久正确;字体、低性能设备、真机和正式业务合同仍待验证。