4. 医疗App视觉与无障碍设计
患者端医疗App的视觉设计不只是“好看”，它直接影响用户能否快速读懂指标、能否在焦虑状态下完成操作，以及是否愿意把健康数据交给这个产品。医疗场景的视觉目标可以概括为三件事：信息可读、状态可辨、情绪可信。本节围绕配色、字体、老年模式、无障碍适配和信任感建立，给出可直接落地的设计规范与实现思路。
一、医疗场景配色：用颜色表达语义，而不是装饰
医疗App的配色应遵循“低饱和底色 + 高对比语义色”的原则。底色以浅灰白（如 #F7F9FC）或纯白为主，减少长时间阅读的视觉疲劳；主色建议使用偏冷的蓝青色系（如 #1E88E5、#0FA3A3），传达专业、冷静、可靠。语义色必须固定且全局一致：
- 正常/达标：绿色 #2E9E5B，用于血压、血糖在目标范围内的提示；
- 警告/临界：橙色 #E8890C，用于指标接近阈值、需复测的情况；
- 危险/异常：红色 #D64545，用于高危值、需立即就医的提示；
- 信息/中性：蓝色 #1E88E5，用于说明、链接、可点击项；
- 禁用/不可用：灰色 #9AA5B1，同时降低不透明度至 40% 左右。
需要特别注意的是，颜色不能作为唯一的信息载体。例如血压 158/96 mmHg 显示为红色时，必须同时出现“偏高”文字标签或上升箭头图标，否则色觉障碍用户无法判断。危险色不宜大面积铺底，建议只用于数值、图标和边框，避免造成不必要的恐慌。
二、字体规范：字号、字重与行高的可读性基线
医疗信息常包含数值、单位、时间、医嘱等混合内容，字体规范要保证“扫一眼就能抓住重点”。建议正文最小字号不低于 14sp，关键数值不低于 20sp，页面主标题 22～24sp。字重上，数值和结论使用 Medium/Semibold，说明文字使用 Regular，避免全篇加粗导致层级失效。行高建议为字号的 1.4～1.6 倍，中文段落可适当放宽到 1.6。
数值与单位要建立固定排版规则：数值大、单位小，例如“128 / 82 mmHg”中 128 和 82 用 24sp 半粗，mmHg 用 14sp 常规并降低一档灰度。时间、剂量等关键字段使用等宽数字（tabular figures），避免数字跳动造成误读。正文颜色使用 #1F2933 这类深灰而非纯黑，在浅底上对比度更柔和，同时仍满足 WCAG AA 的 4.5:1 对比度要求。
三、老年模式：不是简单放大，而是重构信息密度
老年模式的核心是“减少同时出现的信息量，放大关键操作”。开启后建议整体字号提升到 1.3～1.5 倍，按钮最小点击区域不小于 48×48dp，行间距同步放大。更重要的是做减法：首页只保留“今日用药、待测指标、一键呼救、联系医生”等高频入口，把次要功能收进“更多”。
老年模式还应配合交互调整：减少手势依赖，提供明确的“返回”“关闭”大按钮；表单输入尽量用选择代替键盘输入；对超时、网络失败等异常给出大字提示和重试按钮。下面这张图展示了普通模式与老年模式在信息层级、字号和操作区域上的差异，以及无障碍适配中颜色、文字、图标三条冗余通道如何共同保证状态可辨。
四、无障碍适配：让不同能力的用户都能完成核心任务
无障碍适配不是附加功能，而是医疗App的基本质量要求。落地时至少覆盖以下方面：
- 对比度：正文与背景对比度不低于 4.5:1，大字号不低于 3:1；
- 触控目标：可点击元素最小 48×48dp，相邻目标间距不小于 8dp；
- 屏幕阅读器：为图标按钮提供 contentDescription，为数值提供完整语义，例如“收缩压 158 毫米汞柱，偏高”；
- 动态字体：支持系统字号缩放，布局使用可伸缩容器，避免文字截断；
- 动效：尊重系统“减少动态效果”设置，避免闪烁和自动播放动画。
一个常见的实现细节是：血压卡片不能只把“158/96”作为一段文本朗读，而应拆成语义节点，让读屏用户听到“收缩压 158，舒张压 96，单位毫米汞柱，状态偏高”。这需要在组件层为每个数值绑定独立的无障碍标签，而不是依赖视觉排版。
五、信任感建立：视觉与文案共同完成
医疗App的信任感来自“可预期”和“有依据”。视觉上，保持全局配色、图标风格、卡片圆角和间距一致，避免同一功能在不同页面呈现不同样式；关键数据旁标注来源与更新时间，例如“来自 3 月 12 日 08:20 家用血压计”，让用户知道数据不是凭空出现。文案上，异常提示要给出明确的下一步，例如“血压偏高，建议静坐 5 分钟后复测；若仍高于 160/100，请联系医生”，而不是只显示一个红色感叹号。
隐私与权限说明应前置且用平实语言表达，例如在首次请求定位或相机权限时说明“用于拍摄报告单，不会上传通讯录”。关键操作如删除健康记录、解绑设备，需要二次确认并说明影响范围。整体语气保持克制，不使用“立即”“马上”等制造焦虑的措辞，也不对疗效做绝对化承诺。
综合来看，医疗App的视觉与无障碍设计应把“可读、可辨、可信”作为验收标准：配色服务于语义，字体服务于扫读，老年模式服务于低认知负荷，无障碍适配服务于能力差异，信任感则通过一致性和透明度长期积累。这些规范一旦沉淀为设计令牌和组件约束，就能在后续页面开发中稳定复用，而不是每个页面重新争论一次。