Prompt:
关键词 定义 在界面中的体现 可靠 信息精准、响应确定、不玩花样 数据大字号、对比度极强、无歧义图标 清晰 一眼看懂、不费脑力 信息层级极简、色彩即信息编码 坚韧 经得起极端环境考验 深色/强光双模式、大热区防误触 敬畏 对自然的尊重,非征服 克制的配色、等高线贯穿的视觉符号 1.2 色彩系统 text 主色系(信息功能性) ├── 安全绿 #3B7D4F —— 路线上、海拔正常、生命体征OK ├── 警示橙 #E87A3F —— 偏离路线、天气突变、海拔预警 └── 危险红 #C9423D —— SOS触发、失联区、生命警报 中性色系(背景与文字) ├── 冰川白 #F4F7F8 —— 主背景色(强光模式) ├── 大地棕 #5B4C3B —— 主文字色 ├── 岩石灰 #8A8278 —— 辅助文字 └── 深夜黑 #1C1D1F —— 深色模式背景 点缀色 └── 经幡蓝 #4A6FA5 —— 链接、可点击元素、成就徽章 设计规则: 绿色、橙色、红色绝不用于装饰,仅用于传达安全等级。 所有色彩组合必须通过 WCAG AA 级对比度标准(户外强光下最低要求)。 1.3 字体系统 层级 字体 字号/行高 使用场景 D1 数据巨标 Inter Bold 48px/56px 当前海拔读数 D2 数据大标 Inter Bold 32px/40px 剩余里程、爬升高度 H1 页面标题 Inter SemiBold 24px/32px 页面主标题 H2 区块标题 Inter SemiBold 18px/24px 卡片标题 B1 正文 Inter Regular 16px/24px 路线描述、提示文字 B2 辅助文字 Inter Regular 13px/20px 时间戳、标签 C1 注释 Inter Regular 11px/16px 地图标注、最小信息