Open Design,UI 设计能力的本地 agent 应用
DESIGN.md 在项目内的作用
- 制订并约束项目的长期视觉规范
提取通用设计元素要注意的范畴
在通用的 vite 项目内设计 DESIGN.md 来约束项目的 UI 设计细节时,该文件能够参与约束的范围如下:
定义颜色、字体、间距、布局、组件、动效、品牌语气和禁止模式。
- 色彩角色与使用比例
- 字体层级
- 间距网格
- 页面构图
- 组件样式
- 动效规范
- 品牌语气
- 禁止出现的 AI 默认设计模式
- 页面整体布局和视觉层级
- X/Y 对齐、宽高和比例
- Padding、Margin、Gap
- 字体、字号、字重、行高
- 颜色、渐变、边框、阴影
- 圆角、图标和图片裁切
- 文本换行和截断