KNOWLEDGE NOTES

Knowledge Notes

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.

287knowledge notes
Product Design & UX / 其他产品、设计与学习资料

排印与字体知识(Google Fonts Knowledge:字体分类解剖/选字配对/可读性无障碍/CJK多文字/术语表)

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/行长)分工:本篇是专门的排印深度参考,数值与字形特征描述更细。

字体排印可读性无障碍Chinese notes
Product Design & UX / Apple 设计指南

Apple HIG 无障碍与伦理 Accessibility(九大原则/包容性/隐私/文案/RTL)

Apple 设计的'让位于每个人'层。无障碍 6 维度(视觉/听觉/动作/语言/认知/visionOS)+ 无障碍九大原则(对比度/深色/大文本/不只靠颜色/减少动效/语音控制/VoiceOver/字幕/音频描述)+ App Store 无障碍营养标签评估法 + Mac VoiceOver 加速(contain/combine/ignore + rotor + action)+ 包容性设计(多样性因素/包容性语言/避免刻板印象)+ 隐私(按需请求权限/用途说明/位置按钮/数据保护)+ 文案 Writing(语气/行动导向/错误消息/空状态)+ 从右到左 RTL(文本对齐/数字不翻转/控件翻转/图标本地化)。每条带 Landmarks App 实测案例。

无障碍隐私设计包容性设计Chinese notes
Product Design & UX / Apple 设计指南

Apple HIG visionOS 空间计算(眼动手势/沉浸光谱/舒适度科学/空间UI/SharePlay)

Apple Vision Pro / visionOS 空间计算设计全套。眼动输入(注视=识别·隐私不暴露注视点·look to scroll)+ 悬停交互 3 类(立即/延迟/渐变 ramp·两状态切换·锚定元素·避免意外动态)+ 手势(系统手势单/双击/捏合拖动·眼+手组合精度·直接 vs 间接·触觉缺失靠视听补)+ 舒适度科学(前庭系统 vs 视觉冲突致晕·避免头锁内容·0.2Hz 振荡禁区·深度线索冲突重影·内容超一臂远阅读)+ 空间UI布局(60pt 点击区+16pt 间距·同心公式·人体工程学左右优于上下·窗口按内容定宽高)+ 材质(玻璃无明暗模式·深材质分隔浅材质强调·vibrancy)+ 沉浸光谱(共享空间↔调暗↔全空间↔完全沉浸·渐进过渡)+ 空间小组件(Paper vs Glass·距离感知 Default/Simplified·固定物理尺寸·Elevated/Recessed)+ SharePlay(窗口/全空间·并排/环绕/对话三模式)+ 叙事互动(Encounter Dinosaurs)+ 空间音频(随机化·距离感)+ 空间核心策略(关键时刻·原型迭代·互补体验)。

visionOS空间计算无障碍Chinese notes
Product Design & UX / Google UX 课程

Google UX 证书 / UX 设计基础

Google UX Design 专业证书 Course 1《Foundations of UX Design》完整笔记。好 UX 的 4 特性(Usable/Equitable/Enjoyable/Useful)+ 设计师角色谱系(通才/专才/T 型 + 7 工种 + 跨职能协作)+ 入门 4 路径 + 用户中心设计 4 步(理解/明确/设计/评估)+ 无障碍三段进化(通用→包容→公平 + AT 辅助技术)+ 跨平台设计 + 设计思维 5 阶段(共情/定义/构思/原型/测试,逐阶段方法库)+ 设计冲刺 5 天 + sprint brief + 回顾会 + 业务需求(目标+参数)+ UX 研究三类(基础/设计/上线后)+ 6 类研究偏见 + 8 防偏见。面向 PM,附与一堂五步法/需求分析的对照

UX基础用户中心设计无障碍Chinese notes
Product Design & UX / 其他产品、设计与学习资料

Medium UX 文章精华合订(GenAI UX模式/研究实验方法/移动趋势/包容性/信息架构/公司案例 多主题)

Will 收藏的 102 篇 Medium UX 文章(59 个主题)精华合订,按 7 大簇压成一篇能代替整个收藏夹的笔记。①GenAI/AI UX 模式——21 GenAI UX Patterns(增强vs自动化 / 三档自动化等级 / CoT展示 / 表达模型信心与限制 / guardrails)、七种 AI UI 布局(浮窗/内嵌/无限画布/居中对话/左面板/右面板/网格)、预测式 UX(上下文管理控件)、设计 AI 产品五步框架。②研究与实验方法——A/B 测试五步法(定义成功→找瓶颈→建假设→排优先级→测,含奥巴马竞选 5700 万美元 + 海地赈灾 102 万美元实证)、宏观vs微观vs虚荣指标。③移动与趋势——2026 九大移动趋势(预测式/Zero-UI/Agentic/空间3D/玻璃拟态/微交互/自适应/伦理/无密码)。④包容性/无障碍——11 招(对比度 4.5:1 / 多通道编码 / 表单外置标签 / alt 文本 / 标题层级 / 触摸目标 ≥7-10mm² / 键盘可达),含 Tesco/Virgin 营收实证。⑤信息架构/流程/复杂性——协作框架(中心化→去中心化共享 Commons)、复杂性如何累积(功能膨胀/流程叠加/技术债 + 二八削减 + 复杂度预算)、价值主张画布、全球化≠翻译(雪佛兰 Nova / 达美乐 vs 家乐氏)。⑥公司案例——Airbnb/Calm/Canva/Duolingo/Spotify/Uber/Slack/Gmail 等拆解索引。⑦职业/软技能——2026 三类设计师(块状通才/极深专家/开挂应届)、AI 时代 UX 真本事(克制与判断 > 画 UI)、落地页转化六心理学。面向 AI 产品 PM:Why/何时用/反例 优先。与 [[shape-of-ai-patterns]](AI UX 模式库)、[[ai-ux-interactions]](七种 AI 交互范式)、[[laws-of-ux]](UX 定律)、[[nngroup-ux-principles]](UX 金句)、[[nngroup-information-architecture]]、[[nngroup-persuasive-design]]、[[ux-metrics-roi]] 高度互文,这里只补它们没覆盖的清单/数字/案例,不重写。

AI UX用户研究无障碍Chinese notes