Signal to BuildSIGNAL TO BUILD中文Owner sign in ↗Explore curated knowledge, course notes and methods, with their existing content and sources preserved.
These notes are in Chinese; English translations are not yet available.
Apple Human Interface Guidelines(人机界面指南,HIG)中文双语笔记的入口 wiki。讲清 Apple 设计的 4 类标签(理念/概念/原则/策略)+ 原子设计·多平台·层次模型三维方法论 + 7 大平台(iOS/iPadOS/macOS/watchOS/tvOS/visionOS/games)各自的设备特性与设计取舍速查 + 全 14 张 apple-hig-* wiki 的反查地图(我想查 X 该看哪张)。任何 Apple 设计问题先从这里定位。
Apple 29 项系统技术的集成设计规范(每项=是什么+何时用+关键设计+品牌/图标/命名规则)。支付钱包:Apple Pay(vs 应用内购买·按钮样式·结账流程)/ In-app Purchase(消耗/非消耗/订阅·优惠码·家庭共享)/ Wallet(通行证 5 类·订单追踪·身份验证)/ Tap to Pay(免硬件收款)/ Apple Card。健康研究:HealthKit(活动环规范)/ CareKit/ ResearchKit(知情同意)。家居车载:HomeKit(家/房间/配件/区域·Siri 命令)/ CarPlay(模板驱动)。沟通:Messages for Business/ iMessage apps & stickers/ Sign in with Apple(私密中继邮箱)/ SharePlay(空间人物 3 模板)/ Siri(SiriKit 意图 domain)。媒体识别:AirPlay/ Live Photos/ ShazamKit/ Photo Editing/ Maps(室内地图)。AI:Generative AI(责任设计·透明·防幻觉)/ Machine Learning(关键vs辅助·校准·置信度·归因·局限·错误处理)。身份:ID Verifier/ NFC。云游戏:iCloud(透明同步)/ Game Center(成就/排行榜/挑战/活动)/ App Clips(App Clip 码)/ Mac Catalyst/ Always On。
Apple HIG 25 个跨组件的'交互流程'设计模式。上手三连(启动 Launching·加载 Loading·引导 Onboarding)/ 数据与输入(数据输入 Entering data·拖放 Drag and drop·撤销重做 Undo·搜索 Searching·数据图表 Charting)/ 反馈与中断(反馈 Feedback·模态 Modality·管理通知)/ 账户设置(账户管理 Managing accounts·设置 Settings·评分评论)/ 内容与媒体(音频·视频·触觉 Haptics·全屏·直播观看 Live-viewing)/ 系统协作(协作分享·文件管理·多任务·打印·训练 Workouts)。每个模式给核心心法+最佳实践+反例+平台差异。组件级用法见 components,这里是'把组件串成流程'。
现代 Apple HIG 乃至整个图形界面设计的源头——两份历史经典 PDF。1987《Apple Human Interface Guidelines: The Apple Desktop Interface》(164 页,首部正式 HIG)提出 10 条人机界面原则;1992《Macintosh Human Interface Guidelines》(418 页,11 章完整版)扩展为 12 条。12 原则:现实隐喻 Metaphors/直接操作 Direct Manipulation/看与点 See-and-Point(noun-then-verb)/一致性 Consistency/所见即所得 WYSIWYG/用户掌控 User Control/反馈与对话 Feedback/宽容 Forgiveness/感知稳定 Perceived Stability/美学完整 Aesthetic Integrity/无模式 Modelessness/了解受众 Knowledge of Your Audience。+图形传达原则(视觉一致/简洁/清晰)。双语。这些 1987 年定下的原则今天仍是 [[apple-hig-design-principles]] 的根。
Apple 设计体系最'方法论'的一层——不是讲用哪个组件,而是讲为什么。设计哲学(Human Interface 为何叫 Human·设计为人服务·质量 6 特质)+ 12 条核心设计原则(Wayfinding 指引/Feedback 反馈/Visibility 可见性/Consistency 一致性/Mental Model 心智模型/Proximity 接近/Grouping 分组/Mapping 映射/Affordance 功能性暗示/Progressive Disclosure 渐进揭示/80-20/Symmetry 对称)+ 意图设计 5 要素(极简/深刻理解/极端聚焦/个人联系/直接沟通)+ 流畅界面 Fluid Interfaces(动态运动 vs 定时动画·弹性物理·投影动量·6 子原则)+ 从概念到界面完整流程(结构→导航→内容→视觉,黑胶 App 实战)+ 多感官(声音设计·触觉 3 原则·瞬态/持续·技术限制)+ 多语言·智能与 ML 体验(数据/指标·系统智能旅程)+ 快速原型 60'。
Apple 设计的视觉'原子层'决策手册。颜色(系统语义色·宽色域·Liquid Glass 配色)/ 字体排版(SF·NY·Dynamic Type·各平台最小字号)/ 布局(分组·层级·安全区·渐进披露)/ 空间布局(visionOS 视野·深度·比例)/ 材质(Liquid Glass vs 标准材质·厚薄选择)/ 动效(目的性·可选·visionOS 防晕)/ 暗黑模式(非反转·对比度 4.5:1/7:1)/ 图片(@1x/2x/3x·格式选型)/ 应用图标(分层·跨平台形状·Icon Composer)/ 界面图标 ICON(光学居中·矢量)/ SF Symbols(4 渲染模式·9 权重·变体·动画·自定义)/ 品牌(让位于内容)。每条带最佳实践 + 反例 + 平台差异。
Apple HIG 13 种输入方式的设计规范。手势 Gestures(标准手势一致性·自定义慎用)/ 键盘 Keyboards(Full Keyboard Access·标准快捷键·修饰键顺序)/ 指针设备 Pointing devices(iPadOS 三种内容效果 highlight/lift/hover·磁吸·macOS 指针样式表)/ Apple Pencil & Scribble(倾斜力度方位·悬停预览·双击/挤压/barrel roll·PencilKit)/ 数字表冠 Digital Crown(watchOS 主导航·visionOS 沉浸调节)/ 眼睛 Eyes(visionOS 注视+悬停效果·隐私不暴露注视点)/ 聚焦与选择 Focus(tvOS 焦点系统五状态·iPadOS 焦点组)/ 游戏控制 Game controls(触控虚拟键·物理手柄 ABXY 映射·键盘单键)/ 操作按钮 Action button / 相机控制 Camera Control / 附近交互 Nearby / 陀螺仪加速计 / 遥控器 Remotes。每种给适用平台+最佳实践+反例。
四个小平台合一。watchOS(及时相关·短暂高效·数码表冠核心·3 导航 NavigationSplitView/TabView/NavigationStack·Series 7 三原则·大标题·全屏材质 4 级·Smart Stack 智能堆栈布局·即时控件/Live Activities·表盘 Dial/信息图/列表·全键盘·AOD 始终显示·次要功能控件)/ tvOS(10 原则·内容优先·焦点系统·Top Shelf 5-10 项·避免过度刺激·元数据次要·分页箭头)/ CarPlay(下一代设计系统·模块化仪表·深度品牌定制·SF 可变字体·动态内容区·视图区域安全区·随时间车况自动外观)/ 游戏(核心循环 Action-Reward-Expansion·10 大原则:成为好老师/减少摩擦/调优核心循环/为触控设计/促进参与/后台传输/优化图形/介绍视频/本地化/前沿技术·触控 Touch-See-Hear-Feel·游戏输入虚拟摇杆·自适应布局锚点·Apple Games 应用+Game Center 成就/排行榜/挑战/活动·应用内活动限时回流)。
Apple HIG 全部 63 个 UI 组件的'何时用哪个'决策手册,按 8 大功能组织。菜单与操作(按钮/菜单/上下文菜单/工具栏/弹出·下拉按钮/活动视图/装饰)·选择与输入(文本框/选择器/分段控制/滑块/步进器/开关/颜色图像选取/组合框/虚拟键盘)·界面展示(警告/操作表/视图片 Sheet/弹出视图 Popover/面板/窗口/滚动视图/页面控制)·布局与组织(列表表格/集合/大纲/分栏/标签视图/侧边栏隔壁/框/标签/列视图/锁定视图/展开控制)·导航与搜索(标签栏/侧边栏/搜索栏/路径控制/标记字段)·内容承载(图表/图像/文本/网页视图)·状态指示(进度/活动环/仪表盘/评分)·系统体验(小组件/Live Activities/通知/控件/复杂功能/快捷方式/菜单栏/状态栏/Top Shelf/表盘)。每个组件给定义+何时用+关键 do/don't+跨平台支持。含按钮 Primary/Secondary 解剖图。
iPad 与 Mac 平台的深度设计专项(Will 重组的 iOS/macOS 深读)。Mac vs iPad 本质差异(触控 vs 键鼠·77% 字体缩放·颜色中性·手势映射)+ 三大框架·信息布局 / iPadOS 26 新窗口系统(拖动手柄·工具栏内窗口控件·每文档一窗口·描述性命名)+ 指针(1:1 追踪·液态玻璃高亮盘) / 自适应光标 3 效果(高亮 Highlight/提升 Lift/悬停 Hover)+ 自适应 vs 传统指针(自适应精度·磁性·重新对准)+ 材质形态设计 / 导航(侧边栏↔标签栏自适应·扁平 vs 层级·Push vs Modal·导航设计从核心价值反推) / UX 文案(PACE 框架·VOICE&TONE·语气调制 4 步·4 个提升技巧:删填充词/避重复/以why开头/建词表·Great Alerts·Tips·教用户学会用) / 图表系统(Marks/Axes/Descriptions/Interaction/Color·静态 vs 交互·宏中微三层·多图差异化·固定 vs 动态范围) / 订阅设计(Effortless/Transparent/Engaging·3步61% vs 9步7%) / 模态浮层 / 安全区 / Live Activities·快捷指令·App Clips·Intents·Interactive Snippets·自定义视觉效果(iOS18 SwiftUI)。
iOS 26 起 Apple 的新视觉语言 Liquid Glass(液态玻璃)全套 + SF Symbols 深化 + 字体光学尺寸 + 色板体系。Liquid Glass:是什么(数字'元材料'·透镜效应 Lensing·凝胶柔性)/ 材质层(高光/阴影/内部发光反馈/聚焦变化)/ 两变体(Regular vs Clear+Clear 三前提)/ 自适应(小控件切浅深·大面板只边缘变灰·滚动边缘 soft/hard)/ 结构(描绘关系·反映导航焦点·提升控件·延伸到边缘)/ 几何同心(固定/胶囊/同心三形状)/ 可读性·染色 Tinting·无障碍 / Icon Composer 图标工作流(单图稿→全平台·六外观模式·分层导出)。SF Symbols:4 渲染模式(单色/分层/调色板/多色)·可变颜色·9 权重 3 比例·变体·绘制动画(Draw On/Off·Magic Replace·摇摆/旋转/呼吸/脉冲/弹跳/缩放)·插值原理·自定义符号。字体:SF/NY/Compact/Mono·光学尺寸 SF Text/Display·可变字体·Dynamic Type 11 文本样式·字距行距·选字(结构/对比/显示vs文本字体)。色板:tint 双模式·灰度 fill/separator/system gray·语义色。