用途:为 Flutter、iOS、Android 等移动应用提供生产级 UI 设计指导,把 Refactoring UI 原则适配到移动端的有限屏幕空间。
主要能力:给出移动端设计系统参数,包括间距刻度(4/8/12/16/24/32/48 dp)、触控目标最小值(iOS 44×44pt、Android 48×48dp,舒适值 56×56)、字号刻度(11-12 用于说明标签,14 正文,16 强调正文,18-20 小标题,24 屏幕标题,28-34 大标题)、阴影与高度层级(0 平坦,1-2 卡片,4 按钮与应用栏,8 底部弹层与对话框,16 抽屉,24 模态)。同时覆盖视觉层级构建、面向触控的交互反馈与滑动操作、iOS 与 Android 的平台化深度处理。
使用方式:先设计单个屏幕的核心功能,而非先搭导航、标签栏或外壳;以灰度起步,层级清晰后再上色;先针对主力设备尺寸设计再适配。资料列出 mobile-hierarchy.md、mobile-spacing.md、mobile-typography.md、mobile-color.md、mobile-depth.md、mobile-patterns.md 等参考文件及适用场景。
限制:应避免小于 44×44 的触控目标、小于 11sp 的文字、彩色背景上的灰字、分组间距含糊、无内边距的全宽按钮、仅靠颜色传达含义、忽略安全区域(刘海与 home 指示条)等反模式。具体安装命令与调用方式暂未提供。