# 运动手环界面UI需求与说明文档 ## 一、硬件与系统基础 - **屏幕规格**：1.47英寸 TFT IPS 液晶屏（对角线），分辨率建议194×368或类似，支持多点触控。 - **主控系统**：FreeRTOS 实时操作系统。 - **交互方式**：触摸+物理按键（有），支持滑动、点击、长按等手势。 - **通信模式**：支持蓝牙（BLE）和2.4G无线两种通信方式，界面需显示当前工作模式。 ## 二、核心交互与特色功能 ### 1. 一键报警 - **入口**：主界面下方或侧边物理按键，或在主菜单中突出显示“报警”图标。 - **操作流程**： - 用户长按/双击报警键或图标，弹出确认界面（防误触）。 - 确认后，手环通过蓝牙/网关/手机App发送报警信号（含用户ID、时间、位置信息等）。 - UI需有报警状态反馈（如红色动画、震动提示）。 - **安全性**：需防止误触，建议二次确认或长按2秒以上。 ### 2. 录音并发送 - **入口**：主界面快捷入口或功能菜单。 - **操作流程**： - 用户点击“录音”图标，进入录音界面，显示录音时长、剩余时间。 - 支持开始、暂停、结束、重录等操作。 - 录音完成后，用户可选择发送（通过蓝牙/网关/手机App上传）。 - UI需有录音动画、进度条、发送状态提示。 - **存储与传输**：录音文件本地缓存，支持断点续传。 ## 三、常规功能UI设计 ### 1. 运动与健康监测 - **首页**：显示时间、步数、心率、卡路里、天气等信息，支持自定义卡片布局。 - **运动模式**：跑步、骑行、健走、自由训练等，进入后显示实时数据（配速、距离、心率、时长等）。 - **健康监测**：心率、血氧、睡眠、压力、体温等，支持历史数据曲线查看。 ### 2. 消息与通知 - **消息提醒**：短文字消息、App通知，支持查看和简单回复（如快捷短语，录音）。 - **报警/录音消息**：有专属消息列表，显示报警/录音历史及状态。 ### 3. 设备设置 - **亮度、音量、勿扰、蓝牙、2.4G模式切换、系统信息等设置界面**。 - **通信模式显示与切换**：主界面/设置界面需有当前通信模式（蓝牙/2.4G）状态显示，支持手动切换（如有权限）。 - **蓝牙连接管理**：设置界面支持蓝牙配对、断开、重连、可见性设置，显示当前蓝牙连接状态。 - **表盘切换**：支持多种表盘风格，长按首页切换。 - **表盘风格说明**： - **经典数字表盘**：大号数字显示当前时间（小时/分钟），下方小字显示日期、星期，适合喜欢简洁、易读时间的用户。 - **指针模拟表盘**：模拟传统手表的时针、分针、秒针，配合圆形刻度，可嵌入步数、心率等小型圆环。 - **运动数据表盘**：主区域突出显示步数、心率、卡路里等运动数据，时间为次要信息，适合注重运动健康的用户。 - **信息聚合表盘**：同时显示时间、天气、步数、心率、电量等多项信息，采用分区或卡片式布局，支持自定义显示项。 - **极简艺术表盘**：以艺术插画、极简线条、色块为主，时间/日期以小字显示，适合追求个性、时尚的用户。 - **动态/动画表盘**：背景或元素有动态效果（如心跳、波浪、运动人物动画），动画可与步数、心率等数据联动。 - **照片/自定义表盘**：用户可上传照片或选择图库图片作为背景，时间/数据以悬浮方式显示，支持自定义字体、颜色。 - **表盘设置**：支持表盘样式、颜色、字体、信息显示项等自定义设置。 ### 4. 其他常用功能 - **闹钟、秒表、倒计时、查找手机、天气、遥控拍照等**。 ## 四、UI风格与交互细节 - **风格**：简洁、直观、运动感强，色彩明快，图标大且易识别。 - **字体**：高对比度，适合户外强光下阅读。 - **动画**：交互有反馈（如按钮按下、滑动切换、报警/录音时的动态效果）。 - **适配**：所有界面适配1.47英寸长条形屏幕，重要信息优先显示，支持上下滑动查看更多内容。 ## 五、特殊注意事项 - **低功耗优化**：UI动画、亮度、刷新率需兼顾续航。 - **误触防护**：报警、录音等关键操作需二次确认或长按触发。 - **无障碍支持**：高对比度模式、大字体、震动反馈等。 ## 六、原型图与界面流程图（文字版） ### 1. 主界面（卡片式滑动） - 每屏为一张功能卡片，内容包括： - 时间/日期/电量/蓝牙/2.4G模式（主卡片，需显示当前通信模式及连接状态） - 步数/运动量 - 心率/健康 - 运动快捷入口 - 消息/通知 - 录音/报警（可单独卡片或与消息合并） - 左右滑动切换卡片，点击/长按进入详情或功能页。 - 物理按键可自定义为一键报警、录音等高优先级功能。 ### 2. 运动模式流程（示意图+说明） ``` ┌─────────────────────────────┐ │ 运动模式选择卡片 │ │ [跑步] [骑行] [健走] ... │ └─────────────────────────────┘ ↓ 选择后进入 ┌─────────────────────────────┐ │ 跑步模式详情 │ │ 距离: 2.1km 心率: 120 │ │ 配速: 6'00"/km 时间: 12:45│ │ [暂停] [结束] │ └─────────────────────────────┘ ↓ 结束后 ┌─────────────────────────────┐ │ 运动总结 │ │ 距离、配速、心率曲线等 │ │ [返回] [分享] │ └─────────────────────────────┘ ``` - 运动模式入口为卡片或图标，左右滑动选择运动类型。 - 进入运动后，主界面实时显示核心数据，底部为暂停/结束等操作图标。 - 运动结束后自动进入总结页，显示本次运动数据和历史对比。 - 所有操作按钮（如暂停、结束）均优先用图标，必要时下方配小字说明。 ### 3. 健康监测流程 - 首页 → 健康（图标/卡片）→ 选择心率/血氧/睡眠/压力/体温 - 进入详情页：显示实时数据与历史曲线 ### 4. 消息与报警/录音流程 - 首页 → 消息（图标/卡片）→ 消息列表（来电/短信/报警/录音） - 报警/录音消息可查看历史、状态、重发 ### 5. 一键报警流程 - 首页/物理按键/快捷入口 → 长按/双击报警 → 弹出确认界面 - 确认后报警，显示报警动画与反馈 - 报警历史可在消息中心查看 ### 6. 录音并发送流程 - 首页/快捷入口 → 录音 → 录音界面（开始/暂停/结束/重录） - 录音完成后可发送，显示发送状态 - 录音历史可在消息中心查看 ### 7. 设备设置流程 - 首页 → 设置（图标/卡片）→ 亮度/音量/勿扰/蓝牙/2.4G模式切换/系统信息/表盘切换 ### 8. 其他功能流程 - 首页 → 更多 → 闹钟、秒表、倒计时、查找手机、天气、遥控拍照等 --- **建议：** - 可用墨刀、Axure、Figma等工具根据上述流程绘制高保真原型图。 - 每个流程节点建议配有界面草图（如有美工/交互支持可补充）。 --- ## 七、表盘风格示意图（文字版） > 以下为每种表盘风格的界面布局文字示意，便于设计师或开发参考： ### 1. 经典数字表盘 ``` ┌─────────────────────────────┐ │ 12:45 │ ← 大号数字时间 │ 2025/05/28 │ ← 日期 │ 周三 电量 蓝牙 │ ← 状态栏小图标 └─────────────────────────────┘ ``` ### 2. 指针模拟表盘 ``` ┌─────────────────────────────┐ │ (圆形表盘) │ │ 时针/分针/秒针 │ │ 步数/心率小圆环/指示灯 │ └─────────────────────────────┘ ``` ### 3. 运动数据表盘 ``` ┌─────────────────────────────┐ │ 步数: 8,888 │ │ 心率: 78 bpm │ │ 卡路里: 320 kcal │ │ 时间: 12:45 │ └─────────────────────────────┘ ``` ### 4. 信息聚合表盘 ``` ┌─────────────────────────────┐ │ 12:45 天气: 晴 28℃ │ │ 步数:8888 心率:78 电量:90% │ │ 运动: 跑步 2.1km │ └─────────────────────────────┘ ``` ### 5. 极简艺术表盘 ``` ┌─────────────────────────────┐ │ (插画/色块/极简图形) │ │ 12:45 │ │ 05/28 │ └─────────────────────────────┘ ``` ### 6. 动态/动画表盘 ``` ┌─────────────────────────────┐ │ (动态心跳/波浪/运动动画) │ │ 12:45 步数:8888 │ └─────────────────────────────┘ ``` ### 7. 照片/自定义表盘 ``` ┌─────────────────────────────┐ │ (用户照片/自定义背景) │ │ 12:45 步数:8888 │ └─────────────────────────────┘ ``` > 以上为文字示意，实际UI可根据屏幕比例、品牌风格进一步美化和细化。