企业网站的设计从前端到后端都有对应的流程。这门课从原型设计开始，带你用AI工具把想法变成可交互的页面原型。原型设计的价值在于低成本验证方向——在花时间写代码之前，先用可点击的页面确认设计方向是否正确。这节课的目标是让你用自然语言描述需求，AI生成可交互的页面原型，降低设计阶段的试错成本。

第一步：用结构化描述生成页面骨架。 在AI建站工具中打开一个新项目，输入结构化的需求描述。包含以下信息：网站用途、目标用户、包含哪些页面、每个页面的核心功能。一个标准的企业官网通常包含首页、产品/服务页、关于我们、联系我们四个核心页面。AI会根据你的描述生成对应的页面结构和导航，每个页面的布局、内容模块和交互入口都会被初步安排好。

第二步：逐页确认内容模块。 生成初版后，检查每个页面是否包含预期内容。如果某个页面缺少模块或信息顺序不符合预期，直接用对话告诉AI需要调整的内容，比如“首页增加客户案例展示区，放在产品介绍下方”。AI会调整对应页面的布局。原型阶段的目标是让页面骨架定型，避免后续开发阶段的反复调整。

第三步：添加基础交互，生成可点击原型。 骨架确认后，让AI为页面添加基础交互——导航切换、按钮跳转、表单提交反馈等。AI会根据你的需求生成对应的交互代码。原型可以在浏览器中预览和测试，点击导航菜单切换页面，点击按钮看到反馈提示。这一步让原型从“静态页面”变成“可体验的版本”。

第四步：导出设计稿或代码。 原型确认无误后，可以选择导出设计稿用于后续开发，或者直接让AI将原型转化为可运行的HTML代码。AI会保留设计阶段的布局和样式信息，输出的代码可以直接作为前端开发的起点。一个可交互的原型在手，你和团队对“最终产品长什么样”有了共同的理解，就能减少后续的沟通成本和方向偏差。