Apple Design(HIG + Liquid Glass edition)是一个将 Apple 当前设计语言应用到 UI 工作的技能,资料称其规范综合自截至 2026 年中的 Apple Human Interface Guidelines,即当前的 Liquid Glass 设计语言,而非 2025 年之前的扁平外观。
用途:让输出真正具有 Apple 感,而不只是“留白更多的通用极简风”;差异体现在具体数值(字号尺度、圆角半径、命中目标、缓动)与克制哲学上。
核心概念 Liquid Glass:自 2025 年起,Apple 平台将每个屏幕分为两层。内容层承载应用实际内容,边到边延伸、在一切元素下方滚动,使用不透明背景与标准材质。功能层(Liquid Glass)指控件与导航(标签栏、工具栏、侧边栏、按钮),以动态玻璃材质浮于内容之上;它没有自身颜色,会折射下方内容,从底层内容适配明暗,并默认保持符号单色。
实用规则:栏是浮动的圆角/胶囊岛,而非贴边的全宽条;内容在其下可见滚动;滚动边缘效果(渐进模糊/淡出)分隔浮动控件与内容,默认不用硬细线;玻璃上的颜色是保留的——最多为一个突出操作(如“完成”)的背景着色,其余保持单色;不要用玻璃构建内容层卡片,玻璃仅用于交互性框架元素。
参考路线:应用 UI 的任意屏幕、组件或流程,阅读 references/hig-foundations.md 与 references/hig-components.md;UX 流程、文案、空/错误/加载状态、引导、设置、搜索,阅读 references/hig-patterns.md;营销/落地/产品页,阅读 references/marketing-pages.md;HTML/CSS/JS 或 React+Tailwind 构建(设计令牌、玻璃配方、动效代码),在上述基础上加读 references/code-implementation.md;Figma 工作(框架、变量、文本样式、效果),在上述基础上加读 references/figma-workflow.md。混合请求(展示应用截图的落地页)中,营销规则管页面,HIG 规则管一切被描绘为应用的部分。
核心理念包括:每屏/每节一个想法,一个视图用一个主视觉元素说明一个要点,感觉杂乱就删元素而非缩小;内容优先、框架退让;排版承载层级,iOS 正文 17pt、macOS 13pt,标题跳升数级而非一级;框架近单色,着色标记可交互性,静态装饰绝不着色,每视图最多一两个着色元素;深度靠材质而非阴影堆叠,玻璃、背景层级(系统→次要→三级)与 8–30% 不透明度的细线,阴影仅用于真正浮动之物;动效是物理的、与输入绑定,弹簧与滚动联动变换快速稳定,消失方向镜像出现方向,始终尊重“减弱动态效果”;宽容性,易于撤销、明显的关闭,仅对不可撤销的破坏性操作要求确认。
字体策略:Apple 的 SF Pro / SF Compact / New York 字体仅授权用于 Apple 平台的设计与开发。在 Apple 设备上查看的原型使用系统字体栈 -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif,在 Mac/iPhone 上渲染真正的 SF。客户生产工作/非 Apple 分发建议使用 Inter(配合 font-feature-settings: "cv05", "cv11" 获得类似 SF 的字形),并向客户说明原因;绝不在交付物中嵌入 SF 字体文件。在 Figma 中 SF Pro 可用(设计免费),Inter 作为回退。SF 是带动态光学尺寸的可变字体,可通过随字号增大收紧字距来模拟:17px 约 -0.003em → 48px 约 -0.015em → 80px+ 约 -0.022em。
交付前质量自检包括:还能删掉一个元素吗(通常能);栏/控件是否以滚动边缘效果浮于内容之上,还是不透纸条;是否有非交互元素被着色,是否超过一个控件的背景被着色;命中目标是否不小于 44×44pt(macOS 28×28)并留有呼吸空间;按钮是否呈 Apple 胶囊/圆角矩形,而非 1px 描边矩形(Material)且无涟漪效果(Android);深色表面是否为 #000 基底配 #1c1c1e 家族提升层级、文字为 #f5f5f7 家族而非纯白;每个手势是否有屏幕替代方案,每个破坏性操作是否有“取消”;随手观察者是否会接受其截图为 Apple 应用或 apple.com。
若用户品牌与严格 Apple 规则冲突(例如金色酒店强调色),保留结构与克制,仅替换着色颜色,并说明正在这样做。
限制:资料未提供该技能的安装命令、平台支持范围、收费或价格信息,暂未提供。