mobile-color-system

# 移动端色彩系统参考 > OLED 优化、深色模式、电池感知色彩以及户外可见性。 > **移动端的色彩不仅仅是美学——它关乎电池寿命和可用性。** --- ## 1. 移动端色彩基础 ### 为什么移动端色彩与众不同 桌面端： 移动端： ├── LCD 屏幕（背光） ├── OLED 常见（自发光） ├── 受控光照环境 ├── 户外，强光直射 ├── 电源稳定 ├── 电池至关重要 ├── 个人偏好 ├── 系统级深色模式 └── 静态观看 └── 视角多变、运动状态 ### 移动端色彩优先级 | 优先级 | 原因 | |----------|-----| | **1. 可读性** | 户外、多变的光照环境 | | **2. 电池效率** | OLED = 深色模式节省电量 | | **3. 系统集成** | 支持深色/浅色模式 | | **4. 语义化** | 错误、成功、警告颜色 | | **5. 品牌** | 在功能需求之后 | --- ## 2. OLED 注意事项 ### OLED 的不同之处 LCD (液晶显示器)： ├── 背光始终开启 ├── 黑色 = 背光穿过深色滤光片 ├── 能耗 = 恒定 └── 深色模式 = 不节省电池 OLED (有机发光二极管)： ├── 每个像素自发光 ├── 黑色 = 像素关闭（零功耗） ├── 能耗 = 越亮的像素耗电越多 └── 深色模式 = 显著节省电池 ### OLED 的电池节省效果 色彩能耗（相对值）： #000000 (纯黑) ████░░░░░░ 0% #1A1A1A (近黑) █████░░░░░ ~15% #333333 (深灰) ██████░░░░ ~30% #666666 (中灰) ███████░░░ ~50% #FFFFFF (白色) ██████████ 100% 饱和色也会消耗大量电量： ├── 蓝色像素：效率最高 ├── 绿色像素：中等 ├── 红色像素：效率最低 └── 去饱和色更省电 ### 纯黑 vs 近黑 #000000 (纯黑)： ├── 最大程度节省电池 ├── 滚动时可能产生“黑斑”拖影 ├── 对比度极高（可能刺眼） └── Apple 在纯深色模式中使用 #121212 或 #1A1A1A (近黑)： ├── 依然能节省电池 ├── 滚动更平滑（无拖影） ├── 对眼睛更柔和 └── Material Design 推荐 建议：背景使用 #000000，表面使用 #0D0D0D-#1A1A1A --- ## 3. 深色模式设计 ### 深色模式的好处 用户启用深色模式是为了： ├── 节省电池（OLED） ├── 减少眼睛疲劳（低光环境） ├── 个人偏好 ├── AMOLED 美学 └── 无障碍（光敏感） ### 深色模式色彩策略 浅色模式