16个设计案例研究：Arc、Stripe、Linear等产品的设计启示
16个设计案例研究
我发布了一系列设计案例研究，深入剖析优秀产品如何解决设计挑战。每个案例都拆解了具体的设计模式，包含实现细节，并提炼出可应用于你自己工作的经验。
这些不是浅尝辄止的评测——而是深入探究那些让这些产品脱颖而出的设计决策。
案例合集
开发者工具
- Warp — 基于区块的终端架构，将命令行的强大功能与现代用户体验相融合
- Vercel — 卓越的深色模式、标签状态指示器、骨架屏加载状态
- Linear — 让操作感觉即时的乐观UI、键盘优先的一切
- Raycast — 50毫秒法则、操作面板、扩展生态系统设计
- Stripe — 文档即产品、通过透明度建立信任
- Figma — 多人协作状态显示、上下文感知面板、约束系统
创意工具
- Framer — 可视化响应式设计、属性控制、断点系统
- Notion — 区块架构、斜杠命令、灵活的数据库
- Craft — 原生优先的跨平台设计、嵌套文档结构
- Bear — 排版优先的设计、内联标签、信息密度
iOS卓越设计
- Arc — 空间架构、分屏视图、命令栏模式
- Things — 延迟日程安排、快速录入、自然语言输入
- Flighty — 15种航班状态智能状态、Live Activities集成
- Halide — 智能UI激活、手势控制
- Superhuman — 100毫秒法则、命令面板训练、基于练习的新手引导
AI原生
- Perplexity — 引用优先的答案、流式响应阶段
每个案例涵盖的内容
每个案例研究都遵循统一的结构：
- 为什么重要 — 是什么让这个产品值得研究
- 核心理念 — 驱动设计决策的设计原则
- 模式库 — 具体、可复用的模式及实现细节
- 视觉设计系统 — 色彩、排版、间距、动画
- 可借鉴的经验 — 可应用于你工作的实用启示
浏览完整指南
这些案例研究是设计原则指南的一部分，该指南还涵盖了格式塔原则、视觉层次、排版和色彩理论等基础概念。
这些案例研究将这些原则付诸实践——展示真实产品如何运用设计基础来解决具体问题。