Design Principles v1.0

云指智能戒指
APP UI 设计原则

融合传统中医智慧与现代生物计量学
构建东方生命美学的数字化健康体验

基于《云指智能健康监测系统算法技术文档》&《戒指UI修改建议》提炼

10 项核心原则 双层架构体系 14 页面规范
SECTION 01

一、总纲:双层架构原则

所有页面必须在结构上明确划分为两个独立但互补的信息层,二者共同构成完整的用户认知闭环。

LAYER A

传统戒指数据呈现层

硬件传感器的真实生理数据,以专业医学术语和算法指标名称呈现,建立产品的科学壁垒与可信度。

  • 真实生理曲线(HR / HRV / SpO₂ / Temp / BP)
  • 专业代理算法指标(RPP / MAP / RMSSD_proxy)
  • 历史趋势周期图(按小时 / 按天切换)
  • 异常区域高亮与预警标注
LAYER B

AI 分析能力呈现层

东方哲学体系注解与智能干预建议,以中医文化语境为用户提供可理解、可行动的健康指导。

  • 中医状态词转译(阴平阳秘 / 气血调和)
  • 二十四节气 × 十二时辰立体时空指导
  • 个性化 AI 调养建议(起居 / 饮食 / 运动)
  • 体质辨识与节气养生处方

DUAL-LAYER ARCHITECTURE FLOW

SECTION 02

二、十大核心设计原则

从数据真实性到视觉隐喻,从术语体系到诚实标注——构建智能戒指APP独有的设计语言。

01

数据真实性优先

"消灭装饰性图形"

所有页面中的曲线、图表必须绑定真实的传感器数据与算法输出。严禁使用无数据支撑的装饰性波浪线、正弦曲线或纯美术动画来填充页面。每一个像素的波动,都必须来自用户的身体。

✗ 错误示范

子午流注页面使用静态正弦美术曲线填充十二时辰;气血势能页面用两条对称装饰波浪线代表"气"和"血"

✓ 正确做法

子午流注绑定"潮汐活力综合值 V(t)"真实曲线;气血势能绑定 RPP(黄/气)与 MAP×SpO₂(绿/血)趋势线

02

专业术语双轨制

"中医文化词 + 专业名词并行"

每个健康指标必须同时展示两套命名:主标题使用中医文化关键词建立情感共鸣,副标题/备注标注专业算法名词(含 proxy 标识)建立科学可信度。二者缺一不可。

中医文化词(主标题) 专业算法名词(副标题) 生理意义
真息冗余 RMSSD_proxy 迷走神经修复储备
命门之火 T_base / MCTM 核心皮温基线 / 体温节律峰值
心神安宁 StressIndex_proxy HRV 压力代理值
阴阳流转 Hurst 指数 (H) DFA α1 分形复杂度代理
气血势能 V = √(Qi × Xue) 心血管动力学综合值
营卫流转 W (Dipping + Deep + REM + ΔHRV) 夜间修复质量评分
03

体系化东方注解

"状态词 + 白话转译 + 层级图谱"

每个健康状态必须提供三层认知:①中医状态关键词(四字成语级)→ ②白话生理转译(一句话说清身体发生了什么)→ ③层级图谱/刻度表(让用户对号入座,知道自己在哪个区间)。

HURST 指数 — 阴阳平衡态层级图谱

营卫评分 — 夜间修复质量矩阵

04

压力体感革命

"StressIndex_proxy 取代行业通用压力"

行业内现有的压力曲线普遍与用户的真实身体感受脱节。云指产品必须采用算法文档中基于 HRV 抑制、心率抬升与温度偏移的复合压力代理算法,让"数值飙升 = 我正在承压"成为用户可验证的体感真实。

核心公式

StressIndex_proxy = 0.50 × HRV_suppression + 0.30 × HR_elevation + 0.20 × Temp_shift

压力体感色带 — UI 渐变呈现规范

05

时空融合指导

"宏观节气 + 微观时辰" 立体干预

每条 AI 建议必须融合三层时空信息:当前二十四节气(宏观天地气象)+ 当前十二时辰(微观经络当令)+ 用户实时生理数据。建议必须可执行,而非泛泛而谈。

AI 建议范例

"时值【春分 · 申时】膀胱经当令。系统监测到您的交感压力指数(StressIndex_proxy)已升至 65(工作高压态)。申时本应气血充盈,过耗则伤阴。建议您离开工位,进行3分钟深长腹式呼吸,以重新唤醒迷走神经。"

节气:春分 时辰:申时 15:00-17:00 数据:压力65 高压态
06

首屏即获得感

"结果 + 关键词 + 可点击深入"

用户打开 APP 的第一眼,必须同时看到综合评分中医状态关键词一句话行动指导——不是只看到一个数字。首屏四大维度卡片必须与云指核心算法四维对齐。

首屏布局示意

88

元气恒值

平和质

气血调和,宜顺时生发

命门火力

85

阴液充养

92

气血流通

88

心神安宁

76

07

动态视觉隐喻

"数据驱动的生命美学"

视觉元素不是装饰,而是数据的隐喻载体。每一个动态效果都必须由真实的算法指标驱动,让用户在不阅读数字的情况下,仅通过视觉感受就能理解自身健康状态。

太极图 × Hurst 指数

  • H ≈ 0.8 → 太极图流转自然丝滑
  • H → 0.5 → 太极图出现噪声、破碎
  • H → 1.0 → 太极图变得尖锐、机械

心率曲线 × 阴阳染色

  • 高于基线 → 暖橙/红色(交感 / 阳气主动)
  • 低于基线 → 冷青/蓝色(迷走 / 阴气敛藏)

皮温曲线 × 睡眠闸门

  • 亥时末梢温升 → 暖金色晕染"闸门已开启"
  • 亥时末梢低迷 → 冷蓝预警"入睡可能受阻"

气血势能 × 耗损区

  • RPP ≫ MAP×SpO₂ → 红色夹角高亮"气血耗损区"
  • 联动 StressIndex_proxy 高值,契合疲劳体感
08

异常即预警

"高亮危险区,智能探因"

在所有趋势图表中,异常不应该被淹没在曲线里。系统必须主动识别、高亮标注危险时段,并结合十二时辰进行智能探因分析,而不是让用户自己去发现问题。

血压

晨峰区 6-8 点
夜间回落 1-4 点

血氧

寅时·肺经 3-5 点
SpO₂ < 94% 橙色警示

睡眠

觉醒点标注时辰
智能探因分析

运动

绿=适度 黄=偏多
红=过量/暗耗元气

09

四维真实评分

"果与因的闭环"

页面上方展示 AI 综合结论("果"):体质类型 + 综合评分;下方展示支撑该结论的四大维度真实得分("因")。严禁将算法固定权重(25%)显示为用户得分——必须呈现用户在阳、阴、气、神四个维度上的真实评估分数(0-100)。

维度中医含义核心支撑指标进入子页面
阳(命门火力) 阳气生发与闭藏 T_base + MCTM + HR_potential 体温与阳气监测
阴(阴液充养) 深度修复与阴液滋养 RMSSD_proxy + DeepSleep + SpO₂ HRV 与深睡监测
气(气血流通) 系统复杂度与调节冗余 Hurst / alphaProxy + V_score 气血势能详情
神(心神安宁) 心理应激韧性 StressIndex_proxy + 子时入睡率 压力与睡眠详情
10

诚实标注原则

"Proxy 声明与趋势定位"

产品定位为个人纵向趋势跟踪,而非医疗诊断工具。所有代理指标必须在 UI 中明确标注 proxy 属性;所有非直接测量值(如无袖带血压)必须标注估算性质。诚实是建立长期用户信任的唯一路径。

必须标注 PROXY 的指标

proxy RMSSD_proxy — 非临床逐拍 RMSSD
proxy alphaProxy — 非标准 DFA α1
proxy StressIndex_proxy — 非 Baevsky SI

必须标注"估算"的测量

估算 血压 — "基于PPG特征提取的估算值"
反向 皮温 — 远端皮温,与核心体温规律相反
精度 REM — 检测准确率约 70-80%
SECTION 03

三、页面架构总览

三级信息架构:首屏综合看板 → AI深度解析页 → 传统数据详情页,逐层递进,由果溯因。

LEVEL 0 · 首屏

综合大看板

元气恒值 + 体质标签 + 行动指导 + 四维概览

LEVEL 1 · AI 深度解析页

阴阳平衡态

Hurst 指数

子午流注

V(t) 潮汐

营卫流转

W 夜间修复

气血势能

Qi × Xue

体质辨识

九种体质

四维详情

阳阴气神

LEVEL 2 · 传统数据详情页

心率

HR / HR_inv

血压

SBP/DBP/MAP

血氧

SpO₂ / ODI

HRV

RMSSD_proxy

皮温

T_base/MCTM

睡眠

Deep/REM/SWS

运动

Steps/HRR

SECTION 04

四、设计语言规范

色彩、字体、卡片与交互——统一的视觉语言确保全 APP 的体验一致性。

色彩体系

以深邃暗色为基底,暖金代表阳/消耗,冷翠代表阴/修复,朱红代表预警/压力,紫色代表神志/意识。

#0A0C14

深底

#12151F

卡片底

#D4A853

阳金

#A07D3A

暗金

#5CB8A5

阴翠

#3D8A7A

暗翠

#C75050

预警红

#9B8EC4

神志紫

#E8E4DC

暖白

健康状态渐变谱

危 · 阴阳离决 警 · 阴阳失和 稳 · 阴平阳秘 优 · 气血充盈

字体规范

中医文化词 · 主标题

阴平阳秘

Noto Serif SC · 700/900
大字号 · 衬线体 · 建立文化质感

正文 · 注解 · 建议

气血充盈,运行通畅。生命节律处于最优状态。

Inter / System · 400/500
中等字号 · 无衬线 · 保证阅读效率

专业名词 · 指标 · 数值

RMSSD_proxy 42ms

JetBrains Mono · 400/500
等宽体 · 建立技术专业感

交互规范

卡片钻取

所有承载核心数据的卡片必须提供">"引导符,明确提示可点击进入子页面。点击后平滑过渡到详情页。

阴阳平衡态

Hurst: 0.82

时间维度切换

所有趋势图表必须支持时间粒度切换:小时(日内潮汐)/ 日(短期趋势)/ 周(体质演变)。