创意预览图

设计小程序应急呼叫紧急页面,手机竖屏,突出求救按钮,醒目大设计。顶部栏左上角←返回按钮,中间显示标题“紧急呼叫”。页面最醒目的中央区域有一个巨大红色圆形按钮约占屏幕一半,按钮内文字:第一行🆘,第二行

用户头像

GD435363940

2026.05.27
设计“银龄·康语”小程序的用药管家功能界面,保持和首页一致的设计风格:主背景为浅蓝色和白色,橙色和绿色作为功能色,遵循超大视觉元素和极高对比度的老年友好设计原则,整体干净无干扰。从上到下布局:顶部导航,左侧返回箭头图标+“< 返回”文字,中间红黄双色胶囊图标+“用药管家”标题;标题下方醒目的橙色填充按钮,内含“+”图标和“添加用药计划”文字;主内容区今日用药列表,分区标题“今日用药列表”为稍大加粗字体,包含两个示例列表项:1.未完成项:左侧未勾选复选框,中间两行文字,上行加粗药名“阿司匹林”,下行灰色文字“08:00 早上”,右侧橙色小闹钟图标;2.已完成项:左侧已勾选绿色复选框,中间两行文字“降压药”和“20:00 晚上”,右侧绿色圆角标签写着“已服用”;列表右侧用轻柔灰色虚线箭头和简短文字标注两个交互流程:1.第一个箭头从闹钟图标指向手机状态栏,标签“← 到点语音播报+通知”;2.第二个箭头从“已服用”标签指向底部小麦克风图标,标签“← 老人语音确认”;底部固定浅灰色操作栏,文字“您可以说‘我吃过药了’来确认”旁配小麦克风图标。要求:用颜色图标明确区分待处理和已完成状态,箭头标签清晰简洁不喧宾夺主,所有字体足够大,列表项留白充足防误触,列表项带轻微阴影圆角,高清写实UI设计稿风格,和首页质感统一,专业级清晰度可用于答辩PPT。设计“银龄·康语”小程序的用药管家功能界面,保持和首页一致的设计风格:主背景为浅蓝色和白色,橙色和绿色作为功能色,遵循超大视觉元素和极高对比度的老年友好设计原则,整体干净无干扰。从上到下布局:顶部导航,左侧返回箭头图标+“< 返回”文字,中间红黄双色胶囊图标+“用药管家”标题;标题下方醒目的橙色填充按钮,内含“+”图标和“添加用药计划”文字;主内容区今日用药列表,分区标题“今日用药列表”为稍大加粗字体,包含两个示例列表项:1.未完成项:左侧未勾选复选框,中间两行文字,上行加粗药名“阿司匹林”,下行灰色文字“08:00 早上”,右侧橙色小闹钟图标;2.已完成项:左侧已勾选绿色复选框,中间两行文字“降压药”和“20:00 晚上”,右侧绿色圆角标签写着“已服用”;列表右侧用轻柔灰色虚线箭头和简短文字标注两个交互流程:1.第一个箭头从闹钟图标指向手机状态栏,标签“← 到点语音播报+通知”;2.第二个箭头从“已服用”标签指向底部小麦克风图标,标签“← 老人语音确认”;底部固定浅灰色操作栏,文字“您可以说‘我吃过药了’来确认”旁配小麦克风图标。要求:用颜色图标明确区分待处理和已完成状态,箭头标签清晰简洁不喧宾夺主,所有字体足够大,列表项留白充足防误触,列表项带轻微阴影圆角,高清写实UI设计稿风格,和首页质感统一,专业级清晰度可用于答辩PPT。
[主图-3] 老人定位守护器多重安全警报功能展示主图,聚焦SOS按键特写 氛围风格:安全守护主题,稳重专业风格 画质要求:商业摄影质感、特写清晰、光线通透、画面干净高级 核心元素:画面中心放大展示产品背面SOS按键区域特写,保留原产品黑色磨砂质感和SOS字样,保持产品外观细节与输入产品图一致,杜绝任何变形和色差,精细化处理。四周排版展示四项安全警报功能,每项配对勾图标。左侧上方电子围栏越界提醒,左侧下方低电量远程预警;右侧上方一键SOS紧急呼救,右侧下方双向语音通话。底部留白放置说明文字遇到突发情况及时知晓 光影效果:中心特写区域光线集中明亮,突出按键细节,四周文字区域光线均匀,整体明暗层次清晰,突出核心展示区域 配色方案:背景深蓝色渐变,突出安全守护主题,文字和图标使用白色,对勾使用红色醒目点缀,整体对比清晰 视角构图:中心特写+四周文字排版,中心产品占比约60%,构图均衡,核心突出 文字版式:顶部标题多重安全警报 守护长辈出行使用白色大号加粗字体居中;四周功能项使用白色常规字号,对勾红色标识;底部说明文字白色居中,字号适中。所有文字清晰可读,不遮挡核心特写区域 比例分辨率:1:1比例,文字清晰锐利,超高清 负面提示词:变形,文字错乱,产品图模糊,背景杂乱,水印,电商平台Logo[主图-3] 老人定位守护器多重安全警报功能展示主图,聚焦SOS按键特写
氛围风格:安全守护主题,稳重专业风格
画质要求:商业摄影质感、特写清晰、光线通透、画面干净高级
核心元素:画面中心放大展示产品背面SOS按键区域特写,保留原产品黑色磨砂质感和SOS字样,保持产品外观细节与输入产品图一致,杜绝任何变形和色差,精细化处理。四周排版展示四项安全警报功能,每项配对勾图标。左侧上方电子围栏越界提醒,左侧下方低电量远程预警;右侧上方一键SOS紧急呼救,右侧下方双向语音通话。底部留白放置说明文字遇到突发情况及时知晓
光影效果:中心特写区域光线集中明亮,突出按键细节,四周文字区域光线均匀,整体明暗层次清晰,突出核心展示区域
配色方案:背景深蓝色渐变,突出安全守护主题,文字和图标使用白色,对勾使用红色醒目点缀,整体对比清晰
视角构图:中心特写+四周文字排版,中心产品占比约60%,构图均衡,核心突出
文字版式:顶部标题多重安全警报 守护长辈出行使用白色大号加粗字体居中;四周功能项使用白色常规字号,对勾红色标识;底部说明文字白色居中,字号适中。所有文字清晰可读,不遮挡核心特写区域
比例分辨率:1:1比例,文字清晰锐利,超高清
负面提示词:变形,文字错乱,产品图模糊,背景杂乱,水印,电商平台Logo
「图片1」### 顶部导航栏 - 左侧:返回箭头 `<` - 中间标题:**告警** - 右侧:更多菜单图标 `⋯` ### 2. 顶部 Tab 标签栏 当前页面处于告警管理相关模块,Tab 包括: - 控制 - 档案 - 动态 - 维保 - 巡检 - **告警**:当前高亮 - 生命周期 说明这是一个设备全生命周期管理系统,告警只是其中一个子模块。 --- ### 3. 告警概览区 位于页面顶部,用三个数字卡片展示告警统计: 表格 | 指标 | 数值 | 说明 | | --- | --- | --- | | 今日告警 | 2 | 当天产生的告警数量 | | 待确认 | 1 | 尚未处理确认的告警 | | 已恢复 | 1 | 已经恢复或关闭的告警 | 右上角有一个蓝色标签:**1 待确认**,提示当前有待处理告警。 --- ### 4. 告警明细区 这是页面核心内容,展示两条告警记录。 #### 第一条告警:画面遮挡告警 - 类型:**画面遮挡告警** - 时间:2026-06-09 10:23 - 状态:**待确认**,橙色 / 黄色标签 - 风险等级:**高** - 设备名称:暖通演示楼 / 2F / 二楼东侧 - 事件描述:AI 值守 核查遮挡摄像头角度 这条属于**视频 / 摄像头类智能告警**,系统识别到摄像头可能被遮挡,需要人工确认。 #### 第二条告警:心跳延迟告警 - 类型:**心跳延迟告警** - 时间:2026-06-08 18:30 - 状态:**已恢复**,绿色标签 - 风险等级:中 - 设备名称:设备名称 - 事件描述:设备心跳超时,离线后恢复 这条属于**设备联网状态告警**,说明设备曾经失联,后来重新上线。 --- ### 5. 处置记录区 - 标题:**处置记录** - 内容:已生成安全事件 - 状态:**待补充** 说明系统已经生成了事件记录,但处理备注或工单信息还没有完全填写。 --- ## 三、页面业务定位 这个页面主要用于**运维人员查看和处理设备告警**,核心作用是: 1. 快速了解今日告警数量 2. 判断哪些告警待处理 3. 查看告警类型、设备位置和风险等级 4. 确认摄像头遮挡、设备离线等异常事件 5. 记录后续处置结果 --- ## 四、页面信息结构总结 ``` 顶部导航:返回 / 告警标题 / 更多 ↓ Tab导航:控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期 ↓ 告警概览:今日告警 / 待确认 / 已恢复 ↓ 告警明细:画面遮挡告警 / 心跳延迟告警 ↓ 处置记录:已生成安全事件,待补充 帮我生成APP「图片1」###  顶部导航栏

- 左侧:返回箭头 `<`
- 中间标题:**告警**
- 右侧:更多菜单图标 `⋯`

### 2. 顶部 Tab 标签栏

当前页面处于告警管理相关模块,Tab 包括:

- 控制
- 档案
- 动态
- 维保
- 巡检
- **告警**:当前高亮
- 生命周期

说明这是一个设备全生命周期管理系统,告警只是其中一个子模块。

---

### 3. 告警概览区

位于页面顶部,用三个数字卡片展示告警统计:

表格

| 指标 | 数值 | 说明 |
| --- | --- | --- |
| 今日告警 | 2 | 当天产生的告警数量 |
| 待确认 | 1 | 尚未处理确认的告警 |
| 已恢复 | 1 | 已经恢复或关闭的告警 |

右上角有一个蓝色标签:**1 待确认**,提示当前有待处理告警。

---

### 4. 告警明细区

这是页面核心内容,展示两条告警记录。

#### 第一条告警:画面遮挡告警

- 类型:**画面遮挡告警**
- 时间:2026-06-09 10:23
- 状态:**待确认**,橙色 / 黄色标签
- 风险等级:**高**
- 设备名称:暖通演示楼 / 2F / 二楼东侧
- 事件描述:AI 值守 核查遮挡摄像头角度

这条属于**视频 / 摄像头类智能告警**,系统识别到摄像头可能被遮挡,需要人工确认。

#### 第二条告警:心跳延迟告警

- 类型:**心跳延迟告警**
- 时间:2026-06-08 18:30
- 状态:**已恢复**,绿色标签
- 风险等级:中
- 设备名称:设备名称
- 事件描述:设备心跳超时,离线后恢复

这条属于**设备联网状态告警**,说明设备曾经失联,后来重新上线。

---

### 5. 处置记录区

- 标题:**处置记录**
- 内容:已生成安全事件
- 状态:**待补充**

说明系统已经生成了事件记录,但处理备注或工单信息还没有完全填写。

---

## 三、页面业务定位

这个页面主要用于**运维人员查看和处理设备告警**,核心作用是:

1. 快速了解今日告警数量
2. 判断哪些告警待处理
3. 查看告警类型、设备位置和风险等级
4. 确认摄像头遮挡、设备离线等异常事件
5. 记录后续处置结果

---

## 四、页面信息结构总结

```
顶部导航:返回 / 告警标题 / 更多
↓
Tab导航:控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期
↓
告警概览:今日告警 / 待确认 / 已恢复
↓
告警明细:画面遮挡告警 / 心跳延迟告警
↓
处置记录:已生成安全事件,待补充
帮我生成APP