用途:这是一个以设计意图为先的 Android 移动端前端设计技能,适用于从零设计 Android 屏幕、重设计移动端界面,以及修复 UI 问题。它关注层级、节奏、屏幕结构、导航外壳、间距、表面模型、视觉方向、溢出安全与本地化安全的移动体验,适合在进入实现细节前先确定设计方向。
三种工作模式:create(屏幕尚不存在或仅有粗略想法,从用户目标、主任务、状态模型和移动层级入手,先确定列表-详情、信息流、表单、仪表盘、引导流、确认流或设置等主导模式);improve(功能可用但显得通用、杂乱、过时或视觉薄弱,先审计需保留的任务顺序、用户心智模型与品牌约束,再重设层级、间距、可供性与操作强调);fix(存在具体缺陷,如文字被裁切、间距别扭、操作不可达、层级差、insets 破损、RTL 不佳、加载状态弱或控件拥挤,优先修复最小范围的布局与交互决策)。
主要能力:确定信息层级与主操作位置;选择合适的移动外壳(顶栏、底栏、导航栏、底部面板、FAB、分段控件、标签页、列表-详情);构建兼顾品牌与 Android 可用性的表面模型;针对长字符串、翻译标签、多行文本、RTL、窄宽、大宽、键盘、系统栏、刘海、分屏、平板与折叠屏做压力测试;验证操作可达性、触控目标、对比度与扫描速度。
使用方式:先选择模式,再定义屏幕任务与信息层级,然后选择外壳与表面模型,做约束压力测试,最后按实现类型交接给相关技能(Compose 结构、Material3 主题、无障碍、View 系统、UI 测试)。资料中给出的示例命令包括:bash skills/android-mobile-frontend-design/scripts/run_examples.sh、cd examples/orbittasks-compose && ./gradlew :app:assembleDebug、cd examples/orbittasks-xml && ./gradlew :app:assembleDebug。
适用场景:新屏幕设计简报、现有屏幕重设计评审、溢出与本地化修复。限制:资料未提供具体收费、价格、平台支持范围或效果数据;该技能聚焦设计意图,不替代具体实现技能。