SuperAPI AI 工具集

ios-ui-ux-design

设计与创作

查看项目

更新于 10-16 03:40

技能介绍

用途:为 iPhone 与 iPad 的 SwiftUI 应用提供 UI/UX 设计与评审指导,适合需要原生质感、高端体验、可信赖且无障碍的业务应用。与 ios-development 技能配合使用。

适用场景:设计或评审 iOS/iPadOS 界面、SwiftUI 组件、导航、仪表盘、表单、引导流程与设置页;用户要求原生 iOS 打磨、优质 UX 或 App Store 级体验时使用。不适用于非 Apple 平台任务,或纯后端、无 iOS 用户界面的工作。

必要输入:目标界面、用户任务、设备类型、品牌与产品背景、后端约束,以及现有截图或 SwiftUI 组件;并确认交付物是设计指导、实现、评审、QA 还是文档。

工作流程:先加载 ios-development 获取实现标准,再加载 premium-ui-ux-design 及其 ../premium-ui-ux-design/references/mobile-android-ios-premium-ux.md 参考;定义主要任务、顶层目的地、导航层级与设备类型;优先选用 SwiftUI 原生模式而非自定义控件;为每个界面建模加载、内容、空、错误、离线、权限被拒与同步等状态;在实现或评审签核前应用 iOS 移动质量门。

UX 标准:使用 SwiftUI 与平台原生导航栈、标签栏、表单、列表、菜单与工具栏;最小触控目标 44 pt;保留滑动返回与原生手势预期;支持 Dynamic Type、VoiceOver、减弱动态效果、增强对比度、深色模式与 SF Symbols 一致性;聚焦任务用表单,除非确需接管流程否则避免全屏覆盖;避免 Android 风格组件、类网页导航与手机上拥挤的桌面表格;iPad 上可用分栏视图、侧边栏与多列布局提升效率。

质量标准:界面符合 SwiftUI 与 Apple 平台惯例;导航、状态处理、触控目标、Dynamic Type、VoiceOver 与 iPad 适配在适用处得到验证;高端 UX 门类别在签核前至少达到 8/10。

反模式:把网页布局塞进手机界面;把 Android 组件模式照搬到 iOS;忽略 VoiceOver、Dynamic Type、滑动返回、离线状态或表单与导航惯例。

输出:iOS UI 简报、SwiftUI 组件指导、导航模型、状态矩阵、无障碍说明或评审发现。

参考:../premium-ui-ux-design/references/mobile-android-ios-premium-ux.md、../premium-ui-ux-design/references/premium-ui-ux-gate.md、../ios-development/references/skill-deep-dive.md、references/swiftui-design.md、references/swiftui-pro-patterns.md、references/ios-uikit-advanced.md。