工程开发
mobile-app-ux avatar

mobile-app-ux

移动应用 UX/UI 设计指南,涵盖触控友好界面、导航模式、手势操作及小屏幕界面优化。

简介

此技能提供用于建立移动优先用户体验的专业设计模式与工程限制。适用于软件工程师、UI/UX 设计师以及开发智能手机界面的开发人员。通过提供触摸目标、拇指区域可触及性与导航结构的标准化指标,协助确保应用程序在移动设备上的可访问性、响应性与性能。在设计或重构 UI 组件以符合 iOS 或 Android 人机交互准则时,请使用此技能。

  • 详细的触摸目标尺寸规格,包含按钮、图标、列表项目与表单输入框的最小建议尺寸。

  • 专注于拇指区域优化、底部导航以及避免使用汉堡菜单作为主要导航流程的设计模式。

  • 针对手势操作的交互设计指引,包含可滑动卡片、底部弹出窗口与渐进式揭露技术,以保持界面清晰度。

  • 针对移动设备特定性能指标的检查表,例如首次内容绘制 (FCP)、交互时间 (TTI) 及 60fps 动画标准。

  • 支持屏幕阅读器、语义化 HTML 使用与色彩对比度,确保移动设计的包容性。

  • 当您需要移动 UX 审计、应用程序设计咨询或触摸界面实现建议时,即可触发此技能。

  • 输入要求包含目标平台考量或特定的组件设计目标,例如表单配置或导航流程。

  • 预期输出包含触摸目标缩放的 CSS 片段、适用于移动原生交互的 React 组件模式,以及基于移动最佳实践的现有 UI 配置评论。

  • 限制条件包含维持高可访问性标准(如 4.5:1 的对比度),并优先考虑内容呈现而非过多的 UI 装饰。

仓库统计

Star 数
2
Fork 数
1
Open Issue 数
3
主要语言
Shell
默认分支
main
同步状态
空闲
最近同步时间
2026年5月3日 19:11
在 GitHub 查看