KNOWLEDGE NOTES知识整理
按主题浏览已经整理的知识、课程笔记与方法。保留原有正文和出处。
287份知识文档Google Fonts「Knowledge」栏目的中英排印深度参考,把字体从'凭感觉好看'拆成 PM 选字排版时能照做的判断力。八块主线:①字体解剖与垂直度量(基线/x-height/上下延伸/字符空间 em square·换字体会跳基线的原因)。②字体分类(genre:衬线/无衬线/平板衬线/等宽/手写/装饰·历史分类·中文七类宋楷黑·字体矩阵 Skeleton-Flesh-Skin 三层)。③选字方法论(4 大清单:合用途+设计完整+文件可靠+使用许可·情感考量·按项目规模/文本长度/字号挑·光学尺寸·字重样式·伪粗体伪斜体要避开)。④字体配对(为什么要第二种字体的 4 个理由·家人比喻兄弟/堂兄弟/远亲·衬线配无衬线最安全·区别要够但别太远)。⑤可读性与无障碍(legibility vs readability·相似字符 Il1/bdpq 镜像·开放字腔·WCAG 对比度 4.5:1/3:1/AAA 7:1·正文 ≥16px·色盲 8% 男性·Lexend/Atkinson Hyperlegible)。⑥排版实操经验法则全保留(行高 115-150%·行长 45-75 字符/中文 15-20·tracking 大字收紧小字放宽·kerning 几乎不用手动·孤行孤字·反白字重·打破规则技巧)。⑦CJK 与多文字(全角等宽·无基线靠重心·无真斜体·中文标点·日语三套文字+Tsume)。⑧30+ 术语速查表。读者=非技术 PM,术语行内解释,每块带 Why/何时用/反例。与 nngroup-visual-design-principles(视觉原理概览,字体只一节)和 refactoring-ui(给非设计师的 UI 规则,type scale/行长)分工:本篇是专门的排印深度参考,数值与字形特征描述更细。
一项大规模图标联想度调研(Icon Association Ranking)的精华:107 名美国参与者 × 100 个图标 = 10,700 个开放式答案,每个图标在「无文字、无场景、单独展示」下的主要联想含义 + 识别率百分比 + 95% 置信区间。核心发现:不存在「通用图标(Universal Icon)」——没有任何图标能在所有系统中被一致理解。识别率谱系三档:65-100%(高共识,如垃圾桶=删除 98%、购物车=结账 98%、铅笔=编辑 96%、信封=邮件 95%、问号圈=帮助 91%、房屋=首页 91%)/ 50-64.9%(中共识,如汉堡菜单=菜单仅 59%、漏斗=筛选 53%)/ 0-49.9%(弱共识,如分享箭头、闪光星星 AI、救生圈帮助、AR 立方体)。覆盖:调研方法(脱离上下文 vs 上下文双阶段测试)/ 图标三类型(相似型/引喻型/任意型)与认知距离 / 10 项设计原则(遵循惯例、单一概念、含义一致、恰当隐喻等)+ 真实反例(Reddit 扳手、TripIt 星形升级、Rippling 心形保险、Lyft 高尔夫球车购物车、DoorDash 救生圈帮助)/ 影响理解的 8 因素(一致性、交互频率、过往经验、邻近性、文字标签、方向、位置、文化背景)/ 何时必须配文字标签 / 新兴图标为何全员翻车(AI 闪光 0% 识别、心跳数据、闪电充电 37%)。读者=产品经理,术语行内解释,每节带 Why + 数字 + 反例。
一堂 01创业必修「产品内核」(3 docx)+「单元模型」(4 docx + 1 xlsx)完整笔记。Truman 主讲。五步法第 2 步「解决方案 / 产品内核」(L3 剥离 / L4 评估 / L5 迭代 / L6 全面使用)+ 第 3 步「商业模式 / 单元模型」(L3 选择 / L4 构建完整 / L5 找准基准值 / L6 规模经济)。覆盖产品内核 4 关键词(用户/愿意选择/最小/解决方案)+ 3 原则(工具/分层/精准)+ 单元模型 6 段位 + 15 大经典搞砸 + 十大单元模型 + L6 规模经济(2021 年一堂最复杂图)。配 candy:单元模型计算 Excel 模板
王慧文(美团 No.2,联合创始人)2020 年 9-10 月在清华大学《互联网产品管理课》6 节课完整笔记 + 个人演讲。一堂荣誉教材,作为终局预判[[yitang-business-prediction-deep]] 配套深度阅读。覆盖创业 3 故事(校内网/π型人才/核心竞争力)+ 互联网 3 类分类(纯线上/O2O/自动化)+ 4 类不成功产品(诺基亚/MPMan/Kik/智能ABC/IE)+ 5 个成功 PM(Neil McElroy/乔布斯/张小龙/Pichai)+ 5 本必读书(Paypal Wars/引爆流行/精益创业/创新者的窘境/零售的哲学)+ 规模效应 ABC 类 + 网络效应 + STP 理论 + 4P 营销 + 创新的扩散 + 高频打低频 + 增量 vs 存量 + 入场时机 + 波特 5 力 + 波特竞争 3 战略 + 美团平台战略 + 需求 4 大特质 + 供需关系
一堂 01创业必修「需求分析」模块 4 节实操课完整笔记 + 1 一页纸模板。Truman 主讲。一堂五步法第一步「需求」的深度操作系统:四字诀「拆-推-评-算」+ 六段位。覆盖 ① 剥离拆解(拆) ② 场景推演(推, JTBD 框架) ③ 定性评估(评, 入门/进阶/高阶) ④ 算天花板(算, 商业空间测算)。配套 candy:一页纸模板《从任务洞察到需求深度推演》(L1-L4 画布,AI 协作版)
Will「AI 辅助 UX 工作流」定义与洞察(Define & Insight)阶段的工程化手册:把一堆访谈/数据变成「可指导设计的洞察」并讲清楚。覆盖 6 件可外包给 AI 的工作——① 用研访谈转录稿批量提炼洞察(痛点+心智模型+边界场景+成功标准 框架,可量化引用)② 单一核心问题生成「洞察卡片」③ 把用研报告自动选图表 + 出 ECharts/HTML 代码(读图 <3 秒、一图一结论 的判定逻辑)④ 80 种图表类型的 PM/UX 选型速查(按比较/相关/构成/时间/分布/地理 6 族)⑤ 上传界面截图跑 AI 眼动热力图(F-pattern/spotted/layer-cake 四种扫描模式)⑥ 多套 UI 方案 6 维专家评审打分(主要/次要/边缘用户+商业+无障碍+可扩展,起始分-扣分=终分)。另含「强洞察 3 标准 + 因果句式模板」「样本→行为→共性→洞察 的汇报结构」「增长/修复/验证/探索 4 类项目里数据与用研如何分工」。与 google-ux-research 互补:那篇讲访谈/可用性测试/亲和图的手工 craft,这篇讲把同一批工作交给 AI 加速的提示词与判定规则。读者为做 AI 产品的 PM,每节带 Why + 可复用提示词骨架。
Will「AI 辅助 UX 工作流」第一阶段(Discover & Research)的提示词与流程手册。覆盖发现研究阶段 6 项可被 AI 加速的工作:① 把零散项目背景蒸馏成专业「项目背景表达(PB)」② 由背景推导业务目标 × 体验目标 × 大白话驱动逻辑 ③ 对旧界面定位体验问题并量化指标影响 ④ 把模糊问题改写成可行动的问题陈述 + 问题概览图 ⑤ 用 MVP 假设/指标话术做面试口述 ⑥ 生成完整结构的产品概念用研报告(含模拟数据 + 风险反对信号)⑦ 把内容转成专业信息图的「图表提示词」。每节给可复用提示词骨架 + Why + 反例 + 输出长什么样。底层 mental model(业务结果=流量×转化×成本、体验只作用在行为层、MVP 双假设、需求四维打分)也一并收。与 google-ux-research 互补:那篇讲 UX 研究方法本身(怎么访谈/画共情图/跑可用性测试),这篇讲怎么用 AI 把这些研究产物快速产出成可汇报/可放作品集的表达。面向非技术 PM,术语括号解释。
Will「AI 辅助 UX 工作流」构思(Ideate)阶段的提示词手册与方法论。覆盖五类构思工作:① 三类项目决策报告模板(多版本优化 / MVP / 探索创新)——把一个已落地的设计还原成『归因→方向→候选方案对比→决策表→PPT→面试话术』的完整决策链,核心价值是『证明你在做判断而不是执行』;② AI 竞品调研分析报告——拆变量+频率统计+概率级结论的『变量验证法』,在拿不到对手真实数据时做接近客观的判断;③ 根据一句话需求生成创新产品(Peter Thiel 风格 PRD 提示词);④ 通过可用性测试优化方案的 5 步链(测试报告→数据表→仪表盘→改版提示词→新界面);⑤ 用 AI+PRD 生成用户流程图(4 节点语法)与线框图(多结构发散)。每节给可复用提示词骨架 + Why + 反例 + 面试话术句式。与 [[google-ux-wireframe-prototype]] 分工:那篇讲『用户流程/线框/IA 的手绘画法与符号标准』(纯手工设计语言),本篇讲『用 AI 把这些活儿做成报告与决策文档』的提示词流程(AI 加速层),以及构思阶段独有的『设计策略』与『决策能力表达』认知。
Will「AI 辅助 UX 工作流」交付(Deliver)阶段的全部 AI 技法。这一阶段的真实目标不是给开发交付 spec,而是把项目蒸馏成可展示的作品集页面 + 面试话术,所以所有 AI 技法都围绕「把信息重排成会讲故事的视觉/版面」与「把人机协作过程讲清楚」。覆盖:① 多版排版方案生成(旧版式 1:1 提取文字 → 内容方向探索 → 选向 → 出图)② 优化排版/迁移视觉风格(参考图风格迁移,只改皮不改骨)③ 板式转代码 & Figma mockup(单页图 → 还原提示词 → HTML → Figma Make 反推可编辑源文件)④ 信息图语义提取 + 视觉重绘(剥离视觉只留逻辑 → 5 个造型方向 → 线稿 → 套风格)⑤ 用 will-ux-metric-teardown skill 做指标驱动的方案评审(反推商业模式/北极星指标,按 Tier 1-3 优先级找问题)⑥ 在项目中展示 AI 能力与价值(每个 UX 阶段输出「AI 做了什么/面试话术/PPT 该放什么证据」)。每节给可复用提示词骨架 + Why + 反例。设计评审会的人际协作规则(角色/给收反馈/反馈转行动)见 [[google-ux-testing-iteration]];本篇专讲用 AI 跑排版生成/转码/指标评审/价值表达的提示词与流程。
Will「AI 辅助 UX 工作流」体验/UI 设计区(105 篇 .md、~24 个技法子主题)综合提炼:产品经理在'界面/视觉/体验'这一阶段,有哪些活能交给 AI 加速、怎么写提示词、用什么工具链、坑在哪。覆盖九类工作任务:① 生成美观 UI(对标 Mobbin 级国际审美的视觉基准线);② 为参考网站/参考图生成设计系统与 Design Tokens(把'感觉'变成可复用的颜色/字体/间距/圆角变量);③ 品牌色与色彩含义探索;④ 边界交互状态的穷举(用 5 大类清单逼 AI 把成功/用户错/系统错/加载/边界决策全列出来,附 UI 状态对照表);⑤ 通用 UX 微文案生成(3C 原则 + 情绪/JTBD/决策阶段分析 + A/B/C 三版本);⑥ UI 截图转代码 / 转 Figma(图片→Figma Make 还原提示词、图片→低保真线框、HTML→Figma 插件 html.to.design、Figma 默认视觉系统兜底);⑦ Figma 视觉优化(只换皮不动结构的视觉层升级、参考图驱动的 token 提取);⑧ 响应式多平台(截图→移动优先语义化 HTML+CSS 变量+WCAG AA);⑨ UI Skill(Impeccable 21 个原子命令 adapt/bolder/clarify/distill/polish… + Awesome-design 拆解 Linear/Stripe/Apple 的 DESIGN.md 当可迁移设计资产)。另含 4 篇'什么是好的体验/界面/交互设计 + UI 做不好的卡点'的判断框架,帮 PM 知道审稿时该看什么。工具链涉及 Figma Make / html.to.design / Stitch / Land-book / motionsites / Higgsfield / Untitled UI。与 material-design-system(设计系统底层规则)、refactoring-ui(视觉细节手册)分工:那两篇讲'规则本身',本篇讲'怎么用 AI 把这些规则快速产出成 UI/设计系统/文案/代码'的提示词与流程。每节带 Why / 何时用 / 反例 + 可复用提示词骨架。读者=做 AI 产品的产品经理,术语行内解释。
一份面向 AI 产品 PM 的『AI 交互范式全景图』,把 will-design-notes 设计资料区按 7 种范式重组:①对话式 Conversational(线性问答,ChatGPT 范式,AI 革命的起点)②传统界面嵌 AI(AI in old UI——在 Word/Notion/Figma/Linear 等熟界面挂 AI,含自然语言搜索/引用建信任/上下文捆绑预设按钮/灵活文档批量提取/无限画布/非线性对话 6 子型)③代理型 Agentive UX(AI 在后台默默干活,含 you complete me 智能补全/you surprise me 主动预测/you exist 隐形学习/you assist me 可交还控制权 4 子型)④人机协同 Human in the loop(高亮文本/高亮视觉/与我协作/边想边做实时生成,AI 当搭档不当霸总)⑤超个性化 Hyper personalization(aiOS 对话式操作系统/AI as a product 独立硬件 Rabbit R1·Humane Pin)⑥多模态 Multi-modal(拍/写/看/听/画/动 6 种自然输入替代精确 prompt)⑦趋势 Trending(CLI→GUI→对话式→意图驱动的界面演化史 + 6 大宏观趋势)。每种范式给 Why 为何成立 + 真实产品案例 + 设计要点 + 何时用/反例。读者=非技术 PM,术语行内解释,生活类比。与 [[shape-of-ai-patterns]](模式库,更细粒度的可复用组件)、[[nngroup-ai-ux-design]](对话式界面深挖+研究实证)互补,本篇是『范式分类骨架』层,重叠处交叉引用不重写。
Airbnb 2021 夏季到 2026 夏季共 11 次季度产品发布(Release)的设计精华,从产品经理视角拆「Airbnb 为什么这么设计」。两条主线:① 时间线——2021 灵活搜索 Flexible + 房东 10 步上手 / 2022 分类体系 Categories(50+ 主题)+ Split Stays 分段住宿 + AirCover 免费兜底保险 / 2023 Host Passport 房东护照 + 总价透明 + Guest Favorite 标签 + AI 照片导览 + 智能门锁 / 2024 Icons 名人沉浸体验 + 共享心愿单 + 协助房东 Co-host 市场 / 2025 Services 增值服务 + Experiences 本地体验 + Connections 社交关系 + AI 客服任务化 / 2026 生活服务(杂货/接送/寄存/租车)+ 精品酒店 + AI 评论摘要与对比 + 旅行地图。② 可迁移洞察——Airbnb 怎么做「双轨叙事 Release」(每个功能同时讲 UX 价值 + 商业价值)、信任如何被设计成产品(AirCover/身份验证/Guest Favorite/Host Passport)、归属感如何从『住别人家』转成情感连接(护照/社交/共享行程)、平台战略如何从『订房工具』演进到『全链路旅行生活平台』、灵活性/个性化/AI 三条贯穿主线。读者=非技术 PM,术语行内解释,每节带 Why 与反例,不复述功能清单而提炼设计动机。
Apple Human Interface Guidelines(人机界面指南,HIG)中文双语笔记的入口 wiki。讲清 Apple 设计的 4 类标签(理念/概念/原则/策略)+ 原子设计·多平台·层次模型三维方法论 + 7 大平台(iOS/iPadOS/macOS/watchOS/tvOS/visionOS/games)各自的设备特性与设计取舍速查 + 全 14 张 apple-hig-* wiki 的反查地图(我想查 X 该看哪张)。任何 Apple 设计问题先从这里定位。
Apple 自家产品的运营视觉设计 + 2026 秋季全平台 OS 设计语言更新汇总(均来自 Apple 官方新闻稿/发布会的 UI 分析)。Apple's Rich Scenario UI(富场景 UI,2024+2025 产品发布时间线)+ Operational Visual Design(运营视觉)。2026 OS 更新主线:① Liquid Glass 液态玻璃统一全平台(iOS/iPadOS 26·macOS Tahoe 26·tvOS 26·watchOS 26·visionOS 26)② Apple Intelligence 深度集成(实时翻译·Genmoji·Image Playground+ChatGPT·智能快捷指令·本地/私有云模型)。亮点:iPadOS 26 新窗口系统+菜单栏·macOS Tahoe Phone App+Spotlight 史上最大升级+Live Activities 上 Mac·tvOS 26 Sing 卡拉OK·visionOS 26 空间小组件+空间场景+增强 Persona·Apple Games 应用+Game Overlay·辅助功能营养标签/Mac 放大器/盲文/Accessibility Reader/BCI 脑机接口·Apple Invites·Fitness+ 2025 新内容·Apple Watch 健康研究(完成圆环者睡眠差↓48%/静息心率高↓73%/高压↓57%)。
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。每种给适用平台+最佳实践+反例。
