用途:该技能依据 Apple Human Interface Guidelines 与 iOS 26 Liquid Glass 设计系统,辅助 iOS 应用界面设计、iOS UI 代码审查与界面构建。
主要能力:以优先级规则表组织设计要点。关键项包括 Liquid Glass 采用、导航模式、安全区与布局、无障碍;高优先项包括排版与 Dynamic Type、色彩系统与主题、SF Symbols 与图标;中优先项包括动效与动画、触感与反馈。
Liquid Glass 核心原则:内容优先,控件以半透明玻璃层浮于内容之上,内容不被不透明界面遮挡;同心性,UI 元素呼应 Apple 硬件的圆角几何,如圆角、圆形按钮、胶囊形;流动响应,元素动态自适应,如标签栏滚动时收缩、玻璃折射周围颜色、控件按情境变形。
快速决策树覆盖:导航选择(顶层分区用 Tab Bar 且不超过 5 个标签;层级下钻用 NavigationStack;聚焦任务用模态 .sheet / .fullScreenCover;次级操作放工具栏);Liquid Glass 采用(标签栏与工具栏用系统默认并移除自定义背景;自定义控件用 .glassEffect 修饰符;应用图标用 Icon Composer 多层设计;已有不透明界面换成系统材质);排版(正文用 San Francisco 并支持 Dynamic Type;显示与标题用 SF Pro Rounded 或系统衬线;固定字号几乎总是不正确);配色(语义色用系统色如 label、secondaryLabel;品牌强调色用单一主色调 tint;背景用系统背景加材质而非硬编码;必须支持深色模式并适配颜色);布局(内容被裁切时检查安全区插入;横屏异常用 GeometryReader 或自适应布局;iPad 与大屏用 NavigationSplitView 与响应式列);无障碍(支持全部文字类别的 Dynamic Type;对比度按 WCAG AA 检查,正文 4.5:1、大字 3:1;VoiceOver 添加标签、特性与提示;减少动态效果时提供动画替代);性能观感(滚动卡顿用懒加载容器与异步图片;过渡缓慢用匹配几何与弹簧动画;点击无响应加入触感反馈与即时视觉响应)。
设计美学建议:拥抱深度与半透明、使用系统组件、为浅色深色着色高对比多种外观设计、让内容呼吸、使用 SF Symbols、按触摸设计(最小 44pt 点击区)、使用平台惯用手势如滑动删除、下拉刷新、长按菜单。避免:对抗平台、使用不透明界面、忽略 Dynamic Type、硬编码颜色、照搬 Android 或 Web 模式(如汉堡菜单、FAB、底部抽屉作为主导航)、过度定制、正文使用细体或超细字体、把关键操作放在难以触及区域。
参考文件按主题划分:liquid-glass.md、navigation.md、layout.md、typography.md、color-and-theme.md、icons-and-imagery.md、motion.md、accessibility.md、haptics-and-feedback.md。可用 grep -l "keyword" references/ 检索规则。
限制:资料未说明具体安装命令、收费与价格信息,暂未提供。