# 一句话设计产品官网页
#### 场景介绍
在日常产品运营与市场推广中，产品落地页、活动页、官网改版等网页设计需求频繁出现。传统方式需要产品经理撰写需求文档，再交由设计师出稿、前端工程师开发，链路长、沟通成本高，一个简单落地页从需求到上线往往需要数天时间。
果办OfficeAce支持根据产品描述与设计要求，自动生成高保真网页设计方案及可用的前端代码，实现从"设计意图"到"可用页面"的快速转化，让非专业人员也能快速产出专业级网页。
#### 前提条件：安装网页设计技能
1. 在果办OfficeAce的左侧导航栏，选择"专家·技能·连接器"，在右侧区域选择"技能"页签。
2. 在搜索框中输入"网页设计"搜索相关技能，找到网页设计技能并进行安装。本实践中以安装"**html-designer** "技能为例。
   
   图1查找技能   
   ![](https://support.huaweicloud.com/bestpractice-officeace/zh-cn_image_0000002724297806.png "点击放大")
   
   
3. 安装完成后，"**html-designer**"技能显示"已安装"，表示安装成功。
 
#### 场景示例：产品官网页设计
**适用场景：**新产品上线推广、营销活动落地页、产品功能介绍页等需要快速生成专业网页的场景。
**核心价值：**无需设计师与前端工程师介入，仅凭产品描述即可生成包含布局、配色、交互的高保真网页方案与前端代码，将落地页制作周期从数天缩短至分钟级。
**提示词示例：**
```
请使用html-designer技能设计一个OfficeAce的产品官网页，内容你自己从网上搜索
```
**效果示例：** 生成完整的OfficeAce产品官网HTML文件，包含顶部导航栏、产品主视觉区、核心功能展示等，可直接在浏览器中打开预览。
图2效果示例   
![](https://support.huaweicloud.com/bestpractice-officeace/zh-cn_image_0000002724457754.png "点击放大")
#### 常见问题
- **Q："网页设计"技能生成页面风格不符合预期**
  建议在提示词中增加更具体的设计约束，例如指定参考网站URL、提供品牌色板图片、明确字体风格偏好等。描述越具体，生成结果与预期的匹配度越高。也可通过多轮对话逐步调整，先确定布局结构，再细化配色与交互细节。