SuperAPI AI 工具集

ios-design-guidelines

设计与创作

查看项目

更新于 10-16 06:42

技能介绍

用途:在构建、审查或重构 iPhone 应用界面时,提供源自 Apple 人机界面指南(HIG)的规则清单,适用于 SwiftUI 与 UIKit 项目。

主要能力:

  1. 布局与安全区:交互元素最小 44x44pt 点击区域;尊重安全区,仅在背景或装饰元素上使用 .ignoresSafeArea();主要操作放在拇指区;适配 iPhone SE(375pt)到 Pro Max(430pt);按 8pt 网格对齐;支持横屏。
  2. 导航:顶层分区用底部标签栏(3 至 5 个);不使用汉堡菜单;主视图用大标题;不覆盖系统返回滑动手势;层级内容用 NavigationStack 与 NavigationPath;跨导航保留状态。
  3. 字体与动态字体:使用语义文本样式而非硬编码字号;支持动态字体及辅助功能字号,布局需重排;自定义字体用 UIFontMetrics 缩放;默认使用 SF Pro;正文最小 11pt,推荐 17pt;通过字重与字号建立层级。
  4. 颜色与深色模式:使用语义系统颜色;自定义颜色需提供浅色与深色变体;不单靠颜色传达信息;文本对比度至少 4.5:1(大字号 3:1);支持 Display P3;使用三级背景层级;交互元素统一强调色。

使用方式:作为技能加载后,在编写或审查 iOS 界面代码时按上述规则逐条核对。资料中给出的示例包括 .frame(minWidth: 44, minHeight: 44)、TabView、NavigationStack、@Environment(.dynamicTypeSize)、Color("BrandBlue") 等,可参考其写法。

适用场景:iPhone 应用的界面开发、代码审查与重构,尤其是 SwiftUI 项目。

限制:资料仅覆盖 iPhone 与上述四类规则,未提供 iPad、watchOS 等其他平台内容;未说明安装命令、收费方式或具体工具集成方式,这些信息暂未提供。更多无障碍、手势、组件、隐私与系统集成内容见其 references/ios-design-reference.md。