16 個設計案例研究：從 Arc、Stripe、Linear 等產品學到的經驗
16 個設計案例研究
我發布了一系列設計案例研究，分析卓越產品如何解決設計挑戰。每個案例都拆解特定的設計模式，包含實作細節，並提煉出可應用於你自己工作的經驗。
這些不是表面的評論——而是深入探討讓這些產品脫穎而出的設計決策。
案例合集
開發者工具
- Warp — 區塊式終端機架構，將 CLI 的強大功能與現代 UX 完美結合
- Vercel — 卓越的深色模式、標籤狀態指示器、骨架載入狀態
- Linear — 感覺瞬間完成的樂觀 UI、鍵盤優先的一切設計
- Raycast — 50 毫秒法則、操作面板、擴充套件生態系統設計
- Stripe — 文件即產品、透過透明度建立信任
- Figma — 多人協作存在感、情境感知面板、約束系統
創作工具
- Framer — 視覺化響應式設計、屬性控制項、斷點系統
- Notion — 區塊架構、斜線命令、靈活的資料庫
- Craft — 原生優先的跨平台設計、巢狀文件結構
- Bear — 排版優先設計、內嵌標籤、資訊密度
iOS 卓越設計
- Arc — Spaces 架構、分割視圖、命令列模式
- Things — 延遲排程、快速輸入、自然語言輸入
- Flighty — 航班狀態的 15 種智慧狀態、Live Activities 整合
- Halide — 智慧型 UI 啟動、手勢控制
- Superhuman — 100 毫秒法則、命令面板訓練、基於練習的新手引導
AI 原生
- Perplexity — 引用優先的答案、串流回應階段
每個案例涵蓋的內容
每個案例研究都遵循一致的結構：
- 重要性 — 這個產品為何值得研究
- 核心理念 — 驅動決策的設計原則
- 模式庫 — 具體、可重用的模式與實作細節
- 視覺設計系統 — 色彩、排版、間距、動畫
- 可借鑑的經驗 — 可應用於你工作的實用要點
瀏覽完整指南
這些案例研究是設計原則指南的一部分，該指南還涵蓋了格式塔原則、視覺層次、排版和色彩理論等基礎概念。
這些案例研究將這些原則付諸實踐——展示真實產品如何應用設計基礎來解決具體問題。