SuperAPI AI 工具集

mobile-ux-design

设计与创作

查看项目

更新于 10-16 08:04

技能介绍

用途:面向移动端体验设计,主张移动优先——从最受限环境出发识别核心内容,再渐进增强到大屏,而非把桌面设计缩小。

主要能力:触控交互设计,包括拇指区优化(主操作放底部中央,顶部角落避免高频控件)、触控目标尺寸(iOS 最小 44x44pt,Android 48x48dp,间距至少 8pt)、手势设计(区分标准手势与需提示的可发现手势,避免与系统手势冲突或作为唯一操作路径)。平台规范:iOS 的标签栏、导航栏、大标题、SF Pro、Dynamic Type、Sheet 弹层、触觉反馈、安全区与侧滑返回;Android 的底部导航、抽屉、Roboto、Material You 动态取色、FAB、预测式返回、边到边布局。移动导航包括底部标签(最多 5 个)、堆栈导航、搜索优先导航。移动表单涵盖顶部对齐标签、单列布局、键盘类型匹配、自动填充、输入掩码、失焦校验、表单精简。响应式框架含移动优先 CSS、常见断点、容器查询、重排/显示/折叠/优先/缩放模式与流体排版。性能部分给出 LCP、FID、CLS、INP 指标与骨架屏、乐观 UI、懒加载、离线优先、图片优化等模式。

使用方式:按主题读取对应参考文件,如平台差异读 references/ios-android-patterns.md,移动表单与导航读 references/mobile-form-navigation.md,可穿戴与 IoT 读 references/wearable-iot-patterns.md,最新平台材质读 references/ios26-liquid-glass-material3-expressive.md;并交叉引用视觉设计、无障碍、动效、设计系统等相关技能。

适用场景:移动 App 或移动网页的界面、交互、表单与导航设计,跨平台(React Native、Flutter)的本地化体验适配。

限制:资料以设计原则与规范为主,未提供具体代码示例、价格或安装命令;性能指标为通用阈值;版本升级带来的平台变化需以对应参考文件为准。