总览

这套规范有两种形态:下面这些页面给人读design.md 给编码 agent 读——同一套令牌、组件规格和设计意图,写成标准 DESIGN.md 格式的单个文件,直接交给它就行。

下载 design.md

这些是建议,不是审核门槛。 照着做,你的生成器会像平台原生的一部分,而不是嵌在里面的另一个网站——用户不用重新学一遍控件长什么样、点了会怎样。不照着做也能上架,视觉风格不影响审核结论。

真正强制的只有平台约束那一章:导出必须走平台按钮、生成器只能用平台分配给它的那块区域、导出物用 1:1 实际尺寸。那些不是审美问题,是能不能跑起来、能不能过审的问题——比如没有注册 export 钩子的提交会被自动拒绝。下面其余各章都属于建议。

生成器是一张工作台,不是店面。参照物是专业创作工具的属性面板——外框是单色的、不起眼的,好让正在被制造的东西成为屏幕上唯一有颜色的物体。

使用者正处在工作中途。他会在一个下午里把同一个生成器跑二十遍,每次只调一个值。界面的价值体现在这种重复频率下的可预期:控件永远在同一个位置,数值永远清晰可读,第二十次的动效和第一次一模一样。

调性是安静而通透的。层级靠减重做出来:标签退到细体次要色,只有取值、主按钮和产物本身是深的。一抹红留作储备,标记屏幕上后果最重的那一个操作。

画板14 / 500 · 主文本
mm
%
共 30 块,单块 33.33 × 30.00 mm。

字段名 14 / 400 / 7.56:1 → 取值 14 / 500 / 17.74:1。两者差的是字重加颜色两档,不是字号。 标签退后一步,取值站出来;同一个 14px 里还能排下分区标题(500 / 主文本)和说明(12px / 三级色)。 层级不清时减轻标签,不是加重标签——面板整体反而更轻。

它不是什么:不是营销页、不是仪表盘、不是消费级应用。没有首屏高光时刻,没有渐变,没有玻璃,没有光晕,没有胶囊按钮,没有替自己道歉的插画空态,页面加载时也没有入场动画。那些属于必须先说服你留下的产品。这一个已经拥有你的注意力了。

Esc
输入关键词搜索全部文档 · 切换 · 打开