Rauno Freiberg：吞噬细节的交互设计师
爱沙尼亚的交互设计师，Vercel 设计团队的核心成员。TA 做了几十个让人惊叹的交互原型，写了《Invisible Details of Interaction Design》，整理了「好的 Web 界面细节清单」，并做了一本可交互的交互设计手册 Devouring Details 和一部《软件设计史》。
- 交互设计
- 动效
- React
- 设计工程
- Web
一句话：「Make it fast. Make it beautiful. Make it consistent. Make it carefully. Make it timeless. Make it soulful. Make it.」当代 Web 交互设计最有影响力的设计工程师之一。
代表作：Devouring Details（23 章、23 个可下载 React 组件的交互参考手册）、History of Software Design、interfaces（★1.9k，好界面的细节清单）、inspx（像素级布局检查）、ui-playbook、Vesper 主题；以及 Vercel 的大量界面与原型。
为什么值得关注：TA 把「感觉对了」这种模糊的东西，拆解成了可以学习、可以复用的具体细节。
Rauno 的个人网站只有一句介绍：「Rauno Freiberg is an Estonian interaction designer working with Vercel and Devouring Details.」页面最下方是一段像诗一样的排比：「Make it fast. Make it beautiful. Make it consistent. Make it carefully. Make it timeless. Make it soulful. Make it.」
成长与经历
- 2016–2018
从前端开始
2016 年注册 GitHub，整理编程学习资源，做作品集网站与 macOS 开发环境配置。
- 2020
Modulz 与 UI Playbook
参与 Modulz（Radix 背后的团队）的网站与学习平台；发布 ui-playbook（有文档的 UI 组件合集）和 axe-mode（可视化的无障碍测试）。
- 2021
inspx
按住 Alt 就能像素级检查布局的工具，深受设计工程师喜爱。
- 2022
加入 Vercel，年度原型站
在 Vercel 做交互设计，同时把一年的原型发布在 2022.rauno.me：Gooey Shader、Tangerine Shader、Signatures、Browser History、Vercel Footer、Preview Comments……
- 2023
Invisible Details 与 interfaces
发表长文《Invisible Details of Interaction Design》，开源 interfaces（好 Web 界面的细节清单）和 Vesper 主题；年度原型包括 Vanish Input、Wheel Input、Exclusion Tabs、SwiftUI Dock，以及复刻 Jason Yuan 的 MercuryOS。
- 2024
更多交互实验
Word Lookup、Blur Reveal、X-Ray Interaction、Toolbar Morph、Inline Conversion。
- 2025–2026
Devouring Details 与软件设计史
2025 年 7 月发布 Devouring Details：一本面向「对交互好奇的设计师」的交互参考手册；2026 年 2 月发布 History of Software Design，8 月推出海报系列。
代表作品
个人网站
首页只有名字、一句话、几个入口：Devouring Details、Craft、History of Software Design、Projects、Field Notes，以及 2022、2023 两个年度站。
Craft 页按时间倒序列出几十个交互原型，每个都有「View Prototype」或「View Production」，像一个交互设计的博物馆。
Devouring Details 的介绍写道：「在做这个之前我问自己：我是怎么学会的？答案是：先做出一个想法，发现它在实践中很糟糕。迭代足够多次，有时甚至是意外，就会到达一个感觉很好的地方。」
设计与手艺
Have you ever noticed that some animation sequences can be improved with just a touch of delay? Or that some interactions just feel better without any motion at all?
— Devouring Details
Rauno 的设计方法是用代码做设计：每个想法都做成真正可交互的原型，在手上试，而不是在静态稿上想。TA 的原型常常只关注一个瞬间，比如输入框消失、工具栏变形、文字模糊显现，但正是这些瞬间决定了产品的质感。
可以从 TA 身上学什么
- 细节是可以学的：把「感觉对了」拆成具体的原则和组件。
- 用原型思考：在真实交互里迭代，而不是在静态稿里争论。
- 为每一年留档：年度原型站是最好的作品集。
- 学习历史：理解软件设计的过去，才能设计未来。
去看看 Rauno Freiberg 本人的作品
读一读 Devouring Details 的免费章节，或者去 Craft 页玩一玩 TA 的原型。
资料来源
本页由公开资料整理，可能存在遗漏或过时之处；以本人公开发布的信息为准。
