mobile-design

# 移动设计系统 > **哲学：** 触控优先。电池意识。尊重平台。离线可用。 > **核心原则：** 移动端不是缩小版的桌面端。思考移动端的约束，询问平台选择。 --- ## 🔧 运行时脚本 **执行这些脚本进行验证（不要阅读，直接运行）：** | 脚本 | 用途 | 用法 | |--------|---------|-------| | `scripts/mobile_audit.py` | 移动端 UX 与触控审计 | `python scripts/mobile_audit.py ` | --- ## 🔴 强制要求：工作前请阅读参考文件！ **⛔ 在阅读相关文件之前，请勿开始开发：** ### 通用（必须阅读） | 文件 | 内容 | 状态 | |------|---------|--------| | **[mobile-design-thinking.md](mobile-design-thinking.md)** | **⚠️ 反死记硬背：强制思考，防止 AI 默认行为** | **⬜ 关键首读** | | **[touch-psychology.md](touch-psychology.md)** | **费茨定律、手势、触觉反馈、拇指区域** | **⬜ 关键** | | **[mobile-performance.md](mobile-performance.md)** | **RN/Flutter 性能、60fps、内存** | **⬜ 关键** | | **[mobile-backend.md](mobile-backend.md)** | **推送通知、离线同步、移动端 API** | **⬜ 关键** | | **[mobile-testing.md](mobile-testing.md)** | **测试金字塔、端到端测试、平台特定测试** | **⬜ 关键** | | **[mobile-debugging.md](mobile-debugging.md)** | **原生与 JS 调试、Flipper、Logcat** | **⬜ 关键** | | [mobile-navigation.md](mobile-navigation.md) | 标签/堆栈/抽屉式导航、深度链接 | ⬜ 已读 | | [mobile-typography.md](mobile-typography.md) | 系统字体、动态类型、无障碍设计 | ⬜ 已读 | | [mobile-color-system.md](mobile-color-system.md) | OLED、深色模式、电池感知 | ⬜ 已读 | | [decision-trees.md](decision-trees.md) | 框架/状态/存储选择 | ⬜ 已读 | > 🧠 **mobile-design-thinking.md 是优先级最高的！** 该文件确保 AI 进行思考，而不是使用死记硬背的模式。 ### 平台特定（根据目标阅读） | 平台 | 文件 | 内容 | 何时阅读 | |----------|------|---------|--------------| | **iOS** | [platform-ios.md](platform-ios.md) | 人机交互指南、SF Pro、SwiftUI 模式 | 为 iPhone/iPad 构建时 | | **Android** | [platform-android.md](platform-android.md) | Material Design 3、Roboto、Compose 模式 | 为 Android 构建时 | | **跨平台** | 以上两者 | 平台差异点 | React Native / Flutter | > 🔴 **如果为 iOS 构建 → 首先阅读 platform-ios.md！** > 🔴 **如果为 Android 构建 → 首先阅读 platform-android.md！** > 🔴 **如果 c