200元做网站：AI多轮生成28张统一风格设计稿实战

低预算也能交付专业设计稿

200元能做一个完整的网站吗？听起来像天方夜谭，但借助AI工具的组合使用，这个挑战正在被一步步实现。本文是200元建站系列的第二期，聚焦一个关键环节——如何快速生成一套风格统一的网站设计稿。

核心思路很简单：用ChatGPT批量生成提示词，再用AI设计工具逐页生成设计稿，最终产出了28张风格一致的页面设计。

核心难题：28个页面如何保持风格统一

设计一个包含28个页面的网站，最大的挑战不是生成单张页面，而是让所有页面保持统一的视觉风格。

现阶段的AI设计工具还做不到"一句提示词生成整套网站"。如果直接让AI一次性生成20多个页面，每个页面的配色、布局、图标风格很可能各不相同，拼在一起会显得杂乱无章。

解决方案是一个务实的策略：将整个设计任务拆解为多轮单页生成任务，每一轮只生成一张页面，并在提示词中明确要求"延续上一轮的设计风格"。

多轮提示词策略：从风格锚定到批量生成

第一轮：锚定整体视觉风格

第一轮只生成一张页面，但这张页面至关重要——它是整个网站的"风格锚点"。

在第一轮的提示词中，需要详细描述期望的设计风格，包括：

• 配色方案（主色、辅助色、背景色）
• 布局结构（侧边栏、顶部导航、内容区域）
• 字体风格和整体视觉调性

这张页面一旦确定，后续所有页面都以它为基准。

第二轮起：逐页扩展功能模块

从第二轮开始，每一轮的提示词都包含两个关键要素：

1. 风格延续指令：明确要求"在上一轮设计风格的基础上，使用同样的风格来设计"
2. 功能描述：详细说明当前页面需要展示的具体功能和内容

每一轮的提示词都相当长，因为需要精确描述页面的功能细节。如果全靠人工撰写，时间成本会非常高。

用ChatGPT批量生成设计提示词

这里引入了关键的效率工具——ChatGPT，充当"提示词生产线"：

1. 将网站的所有功能模块整理好，交给ChatGPT
2. 让ChatGPT根据功能列表，批量生成每个页面对应的设计提示词
3. ChatGPT输出20多轮提示词，每轮对应一个页面

实际操作时，只需将ChatGPT生成的提示词逐轮复制粘贴到AI设计工具中，按下回车，一个页面就生成了。整个流程变成了简单的"复制→粘贴→回车"循环，效率极高。

务实的交付策略：200元预算下的取舍

通过上述方法生成的28张设计稿，整体风格确实保持了统一，但细节上仍然存在一些瑕疵。

AI生成设计稿的常见问题

• Logo不一致：不同页面生成的Logo样式可能不同
• 导航栏样式差异：部分页面的导航设计不够美观，需要后续调整
• 图标风格偏差：侧边栏图标在不同页面间可能存在差异

低成本项目的核心原则

在有限预算下，设计稿的核心目的是让客户确认"大体功能是否正确"，而非追求像素级完美。

如果预算是2000元甚至更高，当然应该安排专业设计师介入，打磨更精细的UI界面。但在200元的约束下，AI生成的设计稿已经足够用于功能确认和方向沟通。抓大放小，把有限的预算花在刀刃上。

从设计稿到前端代码的自动化衔接

设计稿确认后，下一步就是前端开发。AI设计工具通常支持多种导出方式：

• 导出到Figma：方便设计师进一步调整细节
• 导出到AI Studio等工具：可以直接生成前端界面代码

导出后只需对细节进行微调，网站的功能界面就基本成型了。这种从设计稿到代码的自动化衔接，进一步压缩了开发成本和时间。

总结：AI协作链让低成本建站成为可能

这套"ChatGPT生成提示词 + AI设计工具逐页生成"的工作流，本质上是一种AI协作链的实践：

• ChatGPT：理解需求、拆解任务、生成结构化的提示词
• AI设计工具：将提示词转化为视觉设计稿
• 人类：制定整体策略、把控质量、调整细节

200元做网站并非不可能，关键在于合理利用AI工具链，在每个环节找到效率和质量的平衡点。这种多轮提示词的思路不仅适用于低预算建站项目，对于任何需要快速原型验证的场景都值得借鉴。