科沃斯机器人界面配置示例 - HMIP-2021使用说明

总体规则：所有界面配置图片仅支持PNG格式，所有界面动画文件仅支持GIF格式，格式错误配置无法生效

## 主题背景配置
>
>| 配置项 | 用途 | 约束条件 |
| --- | --- | --- |
| 主题样式 | 用于兼容之前定制软件版本的设置项 | 目前除苏州园区农行软件版本外，科沃斯机器人全部使用**默认人机协作**版本 |
| 主页背景配置 | 用于设置科沃斯机器人各机型网格版主页图片或卡片的背景，不同数量的主页卡片有不同的卡片与排版样式使用相对应的背景图片组 | 旺宝3与旺宝5网格版超过6个背景图片的从第7个开始依次从第1个背景图片复用，秀宝网格版超过6个背景图片的从第7个开始复用第6个背景图片|

主页背景配置与FAQ配置配合完成主页界面配置

>### 不同机型差异
| 配置组 | 配置项 | 旺宝3 | 旺宝5网格版 | 旺宝5画廊版 | 秀宝网格版1.0 | 秀宝网格版2.0 | 秀宝画廊版 |
| --- | --- | --- | --- | --- | --- | --- | --- |
| 主题样式 | 人机协作模式 | 所有选项有效 | 仅**默认人机协作**有效 | 仅**默认人机协作**有效 | 仅**默认人机协作**有效 | 仅**默认人机协作**有效 | 仅**默认人机协作**有效 |
| 主页背景配置 | 3张图片 | 有效 | 有效 | 无效 | 有效 | 有效 | 无效 |
| 主页背景配置 | 4张图片 | 有效 | 有效 | 无效 | 有效 | 有效 | 无效 |
| 主页背景配置 | 5张图片 | 有效 | 有效 | 无效 | 有效 | 有效 | 无效 |
| 主页背景配置 | 6张图片 | 有效 | 有效 | 无效 | 有效 | 有效 | 无效 |

>### 旺宝3-示例
![](/media//202103/2021-03-24_090805.png)

>### 秀宝网格版-示例
![](/media//202103/2021-03-24_091123.png)

## 全局资源配置

>### 不同机型差异
| 配置项 | 旺宝3 | 旺宝5网格版 | 旺宝5画廊版 | 秀宝网格版1.0 | 秀宝网格版2.0 | 秀宝画廊版 | 用途与约束条件 |
| --- | --- | --- | --- | --- | --- | --- | --- |
|主题色|有效|有效|有效|有效|有效|**TBC**|识别回显文字颜色|
|首页LOGO|有效|有效|有效|有效|有效|有效||
|返回按钮|有效|有效|有效|有效|有效|有效||
|回首页按钮|有效|有效|有效|有效|有效|有效||
|低电量图标|有效|有效|有效|无效|无效|无效||
|30%电量图标|有效|有效|有效|无效|无效|无效||
|60%电量图标|有效|有效|有效|无效|无效|无效||
|80%电量图标|有效|有效|有效|无效|无效|无效||
|满电量图标|有效|有效|有效|无效|无效|无效||
|正在充电图标|有效|有效|有效|无效|无效|无效||
|空闲进入首页播放的gif|有效|无效|无效|无效|无效|无效||
|首页背景图片|有效|有效|无效|有效|有效|有效||
|首页背景颜色|有效|有效|无效|无效|无效|无效|当首页背景图片格式不对或其它原因加载失败时用，秀宝Mall版本无效|
|首页麦克风按钮|有效|无效|无效|无效|无效|无效||
|详情页背景图片|有效|有效|无效|有效|有效|有效|除首页外的其它页面|
|详情页背景颜色|有效|有效|有效|有效|有效|有效|当详情页背景图片格式不对或其它原因加载失败时用,秀宝Mall版本有效|
|语音识别结果背景图|有效|有效|有效|有效|有效|有效|语音识别回显文字背景|
|首页重新识别动图|有效|无效|无效|无效|无效|无效|语音识别中的波浪动画|
|主页功能模块文字颜色|有效|有效|无效|有效|有效|有效|旺5画廊版由机器人程序根据文字背景自动决定黑色或白色|
|海报|无效|无效|无效|有效|有效|有效|叠加在首页背景上的图片|
|眼睛Gif|无效|无效|无效|有效|有效|有效|秀宝在首页与详情页显示的拟态表情|

>### 旺宝3-示例
![](/media//202103/2021-03-24_091017.png)
![](/media//202103/2021-03-24_181239.png)

>### 秀宝画廊版-示例
![](/media//202103/2021-03-25_182631.png)

## 模板资源配置
| 配置组 | 配置项 | 旺宝3 | 旺宝5网格版 | 旺宝5画廊版 | 秀宝网格版1.0 | 秀宝网格版2.0 | 秀宝画廊版 |
| --- | --- | --- | --- | --- | --- | --- | --- |
|按钮模板 |2个按钮|有效|有效|有效|有效|有效|有效|
|按钮模板 |3个按钮|有效|有效|有效|有效|有效|有效|
|按钮模板 |4个按钮|有效|有效|有效|有效|有效|有效|
|按钮模板 |网格图|有效|有效|无效|有效|有效|无效|
|按钮模板 |陈列图|无效|无效|有效|无效|无效|有效|
|单标题图片模板|边框颜色|有效|有效|有效|有效|有效|有效|
|单标题图片模板|背景图|有效|有效|有效|有效|有效|有效|
|底部按钮 |1个按钮|有效|有效|有效|有效|有效|有效|
|底部按钮 |2个按钮|有效|有效|有效|有效|有效|有效|
|底部按钮 |3个按钮|有效|有效|有效|有效|有效|有效|
|底部按钮 |4个按钮|有效|有效|有效|无效|无效|有效|
|列表模板|第1列边框颜色|有效|有效|有效|有效|有效|有效|
|列表模板|第1列背景图|有效|有效|有效|有效|有效|有效|
|列表模板|第2列边框颜色|有效|有效|有效|有效|有效|有效|
|列表模板|第2列背景图|有效|有效|有效|有效|有效|有效|
|气泡式聊天对话模板|顶部遮罩|有效|有效|有效|有效|有效|有效|
|气泡式聊天对话模板|左侧答案|有效|有效|有效|有效|有效|有效|
|气泡式聊天对话模板|右侧问题|有效|有效|有效|有效|有效|有效|

>### 旺宝3-按钮模板-示例
![](/media//202103/2021-03-24_181336.png)

>### 旺宝3-文字模板-示例
![](/media//202103/2021-03-24_181522.png)

>### 旺宝3-图片模板-示例
![](/media//202103/2021-03-24_181549.png)

>### 旺宝3-列表模板-示例
![](/media//202103/2021-03-24_181625.png)

>### 旺宝3-标签模板-示例
![](/media//202103/2021-03-24_181653.png)

>### 旺宝3-气泡式聊天对话模板-示例
![](/media//202103/2021-03-24_182016.png)

>### 旺宝3-单标题图片模板-示例
![](/media//202103/2021-03-25_095902.png)

>### 旺宝3-导航弹窗模板-示例
![](/media//202103/2021-03-25_140504.png)

>### 旺宝-视频模板-示例
![](/media//202103/2021-03-26_144054.png)

## 不在HMIP平台配置的界面元素
### 旺宝3
> 空闲页面的所有界面元素固化在机器人程序里
> ![](/media//202103/2021-03-24_105049.png)

> 左上角的返回按钮与右上角的'X'按钮固化在机器人程序里
> 气泡式对话模式中的推荐问题由HMIP对话系统自动生成
![](/media//202103/2021-03-25_084022.png)
![](/media//202103/2021-03-25_085207.png)

> 导航界面的圈中元素是机器人程序根据配置平台的导航点信息自动生成的
![](/media//202103/2021-03-25_092936.png)
![](/media//202103/2021-03-25_100516.png)

> 闲聊回答的显示背景图
![](/media//202103/2021-03-25_100605.png)

### 旺宝5网格版
参考旺宝3

### 旺宝5画廊版
![](/media//202103/2021-03-26_144120.png)

### 秀宝网格版1.0

### 秀宝网格版2.0

### 秀宝画廊版
![](/media//202103/2021-03-26_144325.png)