网站助手与配色方案
通过简短的访谈规划网站,获得页面和区块建议,批准蓝图,并根据您的徽标选择配色方案。
本页面由英文翻译而来。如有任何差异,以英文版本为准。 阅读英文版
用助手规划网站
Section titled “用助手规划网站”打开 Design → Website helper。顶部的徽章会说明建议使用的是 Claude suggestions 还是 Matching without AI。
-
开始一个方案。 在 Plans 下为其命名,然后点击 Start plan。
-
回答访谈(1. Discovery)。第 1 轮有 8 个问题,其中 5 个为必答:行业、主要目标、受众、地区和品牌依据。对于必答问题,您可以 Save answer 或 Let Atlas assume。第 2 轮最多会提出 7 个可选的后续问题(线索收集、产品或服务页面、语言、合规、佐证材料、动效程度、内容负责人),每个问题都附有提问的原因。
-
添加简报(2. Briefs),可选。上传不超过 256 kB 的文本、Markdown 或 JSON 文件。简报仅作为普通信息读取:其中的指令会被标记,且绝不会被执行。
-
获取建议(3. Recommendations)。Atlas 会建议页面类型、您的网站已有的区块以及已获批的库内项目,并列出其 Assumptions。
-
批准蓝图(4. Blueprint)。调整每个 Page title 和 Address (slug),然后点击 Approve blueprint。已批准的蓝图不会再改变;如需改变方向,请开始新的方案。
-
创建草稿页面。 点击 Create draft pages,然后点击 Open draft 在页面编辑器中填写内容。不会发布任何内容。
AI 和额度。 开启 AI 建议后,每条建议都会使用您组织的 AI 额度。如果未设置 AI、额度已用完或 AI 不可用,Atlas 会回退到不使用 AI 的匹配方式,且不收取费用。
限制。 每个站点最多 50 个方案,每个方案最多 10 份简报。草稿页面按其页面类型创建为空白页面;推荐的库内项目会被列出,但不会放置到页面上。
根据您的徽标选择配色方案
Section titled “根据您的徽标选择配色方案”打开 Design → Brand 和卡片 Palettes from your logo(站点需要有生效的站点契约)。
-
选择 Sample colours from 的取色来源(您的徽标或媒体图片;PNG、JPEG、WebP 或 GIF),然后点击 Suggest palettes。
-
比较六套配色方案:三套 From your logo,三套 Independent。每套都以 AA、AA large 或 Fails 显示 WCAG 对比度。在 Preview width 中切换 Phone 和 Desktop,并点击 Compare on a page 在真实页面上查看它们。
-
点击 Edit tokens 调整 12 种颜色中的任意一种(背景、表面、文字、次要文字、主要操作、主色上的文字、强调色、边框、成功、警告、错误、焦点环)。编辑时会重新测量对比度;Reset to suggested 可撤销您的更改。
-
点击 Use this palette。文字对比度低于 4.5:1 的配色方案不会被提供。
使用配色方案会提议一项站点设置更改;它不会改变您的网站。站点管理员在 Site setup 下审阅并激活它,然后由您的开发人员把颜色令牌映射到您的 CSS。Atlas 会在提议中附上给开发人员的任务。
模板。 Save as template 会把配色方案保存下来,供您组织中的每个站点使用(最多 100 个模板)。在另一个站点上用 Use template 使用它。
面向 AI 编程智能体
Section titled “面向 AI 编程智能体”具有 Read website plans 权限的编程智能体连接,可以通过 MCP 以只读方式读取已批准的蓝图、配色方案和设计令牌。请参阅 AI 智能体(MCP)。