设计系统
设计系统用于让生成结果保持统一的品牌风格。对公司内部同事来说,它最大的价值是:不用每次都重新解释颜色、字体、按钮样式和页面气质。
什么时候需要设计系统
Section titled “什么时候需要设计系统”以下场景建议使用设计系统:
- 生成官网、落地页、产品页面,希望看起来符合公司品牌。
- 生成多张图片、多页 PPT 或多个页面,希望风格一致。
- 根据已有产品界面继续扩展新页面。
- 团队多人一起使用 Open Design,希望产出不要各自风格不同。
如果只是临时尝试,也可以先跳过设计系统,后续再补。
设计系统能影响什么
Section titled “设计系统能影响什么”设计系统会影响生成结果的整体视觉风格,包括:
- 颜色:例如主色、辅助色、背景色。
- 字体:例如标题和正文的风格。
- 间距:例如页面留白、卡片间距、按钮大小。
- 组件:例如按钮、输入框、卡片、导航栏等常见元素。
- 品牌感:例如整体是科技感、商务感、年轻化,还是更克制稳重。
它不会替你决定具体业务内容。你仍然需要告诉 Open Design 要生成什么、给谁看、重点是什么。
创建或导入设计系统
Section titled “创建或导入设计系统”在欢迎页第三步,或左侧导航的“设计体系”页面中,可以创建或导入设计系统。
常见方式包括:
- 从 GitHub 或本地代码仓库导入已有前端项目。
- 上传截图、CSS、文档或素材。
- 用一句话描述品牌或产品,让 Open Design 生成一个初始版本。
对于非技术同事,最容易开始的方式是上传截图或用一句话描述品牌。如果团队已经有前端仓库,可以让熟悉项目的同事协助导入。
在生成内容时使用设计系统
Section titled “在生成内容时使用设计系统”创建项目时,如果界面提供“风格”或“设计系统”选项,可以选择对应设计系统。选择后,Open Design 会在生成内容时参考它。
例如你可以这样写需求:
按照公司的设计系统,做一个面向企业客户的产品介绍页。整体要简洁、可信,突出效率提升和团队协作。多个设计系统怎么选
Section titled “多个设计系统怎么选”如果团队有多个品牌、产品线或活动风格,可以创建多个设计系统。
选择时可以按下面方式判断:
- 做公司官网或品牌内容:选择公司主设计系统。
- 做某条产品线:选择对应产品线的设计系统。
- 做临时活动:选择活动专用设计系统。
- 不确定时:选择默认设计系统,或让 Open Design 自动匹配。
什么时候需要更新设计系统
Section titled “什么时候需要更新设计系统”以下情况建议更新设计系统:
- 公司品牌色、字体或 Logo 更新了。
- 产品界面改版了。
- 生成结果经常和真实产品风格不一致。
- 新增了重要组件或页面样式。
设计系统越接近真实产品,后续生成结果越稳定。