用途:当用户要求构建 iOS 屏幕、SwiftUI 视图、UIKit 布局、移动组件或任何 iOS 应用界面,以及进行样式设计、重设计时使用。该技能针对 iOS 26+ 及其 Liquid Glass 设计语言;若应用面向更早的 iOS 版本,则回退到标准 Apple Human Interface Guidelines。
主要能力:在生成界面前先确定设计方向,包括目的、个性(如宁静、醒目、温暖、精确、活泼、奢华、极简)、内容优先与差异化。核心是严格的两层模型:功能层(标签栏、工具栏、浮动控件、表单)使用 Liquid Glass,内容层使用标准不透明材质;玻璃不得用于卡片、列表行或背景,也不得玻璃叠玻璃。默认使用 Regular 玻璃,仅在照片、视频等视觉丰富媒体上使用 Clear 玻璃;.interactive() 仅用于主要交互元素。相邻玻璃元素需包在 GlassEffectContainer 中。排版上关键处加粗并左对齐,节标题用标题式大小写而非全大写,最小字号 11pt,正文用 SF Pro 以支持 Dynamic Type,主标题可用特色展示字体。玻璃上的颜色应克制,仅用于单一突出操作或状态指示。图标使用 SF Symbols 7,优先图标而非文字标签,并可用符号动画表达状态变化。动效上玻璃元素以物质化/去物质化出现,状态变化用形变动画,并配合触觉反馈。几何上使用与硬件曲线匹配的同心圆角,行高、内边距与间距大于 iOS 26 之前。深度通过透镜折射、动态高光与上下文感知阴影表达,而非投影或高度值。内容在玻璃栏下滚动,需配置滚动边缘效果,标签栏下滚收缩、上滚展开。侧边栏内嵌玻璃并允许内容在其后流动,半屏表单从边缘内缩,操作表单从源元素弹出而非屏幕底部,警告从触发按钮展开。
无障碍要求:正文对比度至少 4.5:1、大文本 3:1,且需在滚动背景下测试;检测“降低透明度”并提供不透明回退;尊重“减弱动态效果”与“增强对比度”;触控目标至少 44×44pt;同时支持浅色与深色外观;尊重 iOS 26.1 的着色/透明切换。
应避免:在内容元素上使用玻璃、玻璃叠玻璃、导航栏或标签栏使用自定义不透明背景、全大写节标题、忽略标签栏收缩行为、所有元素统一蓝色着色、间距完全一致、仅用静态稿测试对比度、在应使用 Liquid Glass 处使用旧 UIVisualEffectView 模糊材质、操作表单从屏幕底部出现、以及明暗内容混用导致栏外观快速闪烁。
限制:资料未提供具体安装命令、代码示例、收费或平台支持范围等信息。