Skip to content

Open Design,UI 设计能力的本地 agent 应用

DESIGN.md 在项目内的作用

  • 制订并约束项目的长期视觉规范

提取通用设计元素要注意的范畴

在通用的 vite 项目内设计 DESIGN.md 来约束项目的 UI 设计细节时,该文件能够参与约束的范围如下:

定义颜色、字体、间距、布局、组件、动效、品牌语气和禁止模式。

  • 色彩角色与使用比例
  • 字体层级
  • 间距网格
  • 页面构图
  • 组件样式
  • 动效规范
  • 品牌语气
  • 禁止出现的 AI 默认设计模式
  1. 页面整体布局和视觉层级
  2. X/Y 对齐、宽高和比例
  3. Padding、Margin、Gap
  4. 字体、字号、字重、行高
  5. 颜色、渐变、边框、阴影
  6. 圆角、图标和图片裁切
  7. 文本换行和截断

贡献者

The avatar of contributor named as ruan-cat ruan-cat

页面历史

最近更新