[ PROFILE_004 · CRAFTSMAN ]

Mike Matas

Mike Matas

Emotional Design · 情感化设计

1986.03.23 — Seattle, WA

🎨
Identity
UI 个人英雄
🍎
Origin
Apple HI 六人组
🏡
Lifestyle
Off-Grid 隐居
从小热爱电影制作,没上过大学,却是世界级顶尖设计师,职业生涯深刻地烙印在过去二十年的重大科技产品之上。在移动互联网时期设计领域有一些个人英雄,其中 UI 是 Mike Matas,交互是 Bret Victor。

他的经历

19863月23日出生在美国西雅图,从小就热爱制作电影,喜欢观察事物并思考如何改进它们。
200013岁在西雅图电影制作工作室实习编辑视频,开始接触软件行业。
200114岁入职 Omni Group 做客户支持邮件,因阅读障碍转岗去了 UX 部门——命运的转折点。
200417岁辍学联合创办公司,设计的 Delicious Library 赢得 WWDC 2005 最佳用户体验奖。
200519岁加入苹果公司六人 HI 团队,深度参与初代 iPhone、iPad 及 Mac OS X 界面设计。PhotoBooth、TimeMachine、Photo、Map 皆出自其手。
201023岁离开苹果,参与设计 Nest 智能恒温器被 Google 收购
201124岁创办 Push Pop Press,为戈尔出版《Our Choice》,震惊 TED 大会。被 Facebook 收购
2011加入 Facebook,领导设计 Instant ArticlesFacebook Paper,开源 Origami 原型工具。
201629岁创办 AI 公司 Lobe.ai,平民化的机器学习工具。被微软收购
202134岁受邀加入 Jony Ive 创办的设计公司 LoveFrom,参与 Ferrari Luce 内饰设计及 OpenAI 硬件项目。

🔍 一份隐藏的自我介绍

在其个人网站 mikematas.com 简洁的作品图片背后,查看源代码可以发现一份完整的个人自述:

<!-- view-source:mikematas.com -->
大家好,我是 Mike Matas。我在西雅图长大,从小就热爱制作电影。

2000 年,也就是我 13 岁的时候,我在当地一家电影制作工作室获得了
一份视频剪辑的实习工作。在那次实习期间,我学会了欣赏一台设计
精良的计算机所蕴含的力量。我开始爱上的不仅仅是你用计算机能做
些什么,而是爱上了计算机本身。

2001 年,我 14 岁那年,在 The Omni Group 做客户支持邮件。工作了
几天后,情况很明显了:我轻度的阅读障碍和糟糕的拼写能力根本做
不了客户支持。然而他们让我留下来,帮助设计用户界面。从此,
我就踏上了用户界面设计的职业道路。

17 岁那年辍学创办了自己的软件公司。Delicious Library 荣获了
2005 年 WWDC 最佳用户体验奖。19 岁的我没有去上大学,而是搬到
了旧金山,加入了当时只有六个人的苹果 HI 团队。

当人们问我在哪里上的大学时,我喜欢说是在"苹果公司"。

七年前,我和妻子搬到了旧金山以北两小时车程的地方,住在
希尔兹堡郊外干溪谷山麓的一座离网住宅里。我们非常享受这里
的生活,陪伴我们的还有两个年幼的女儿、十只鸡、一群蜜蜂,
以及一个生机勃勃的菜园。

他的设计观

从我记事起,我就一直有那种设计师的个性,我喜欢观察事物,并试图找出如何改进它们。

我过去常常到处勾勒出一些小想法,但我认为真正让我放松的是,当我把我的设计工具从铅笔升级到 Photoshop 时——Photoshop 为我做了两件事。首先,它允许我把我的想法转化为实际的设计,让其他人也能理解并为之兴奋。其次,当我学习这个工具时,展现出的新的可能性激励我想出了一些设计理念,如果我没有使用 Photoshop 的话,我可能永远想不到这些。

同样的事情发生在我学习如何使用 Cinema 4D 做 3D 建模时,最近我学习如何使用 Quartz Composer 做交互式设计时。

我最喜欢的设计是那些不仅能解决问题,而且还能让你在情感层面上投入的设计。在情感层面上,你能从中获得更多,而不仅仅是功能的最终结果。当功能和情感之间达到平衡时,两者相互放大,结果是非常强大的。当我设计的时候,我总是试图达到那个境界。

过往作品

2004Delicious Library · 拟物化设计的巅峰

Delicious Library 拟物化木质书架界面

Delicious Library — Mac 平台拟物化设计早期的巅峰之作

2004 年桌面级数据管理软件通常是丑陋的表格、灰色按钮和密密麻麻的文本框。Delicious Library 用 iSight 摄像头扫描条形码,扫码成功时发出"哔"声,调用 TTS 大声读出书名,在界面上"砰"地弹出一本带有立体阴影的精美书籍。

它完美演示了 Mac OS X 的核心图形技术(Quartz 2D、Core Image、QuickTime),苹果最喜欢把奖颁给那些能将其系统新特性发挥到极致的开发者。荣获 WWDC 2005 最佳用户体验奖

2005-2009Apple iOS · 在苹果上大学

乔布斯直接向 19 岁的 Mike Matas 抛出橄榄枝,将他挖进只有 6 个人的绝密 HI 团队。

  • PhotoBooth:展示新款 iMac 内置摄像头的趣味应用
  • TimeMachine:充满浩瀚宇宙感的时间机器界面
  • iOS 系统:初代 iPhone 和 iPad 的相机、照片、地图等核心应用
  • 你早年 iOS 里看到的电池充电图标、相机光圈、相册布局,皆出自他手

iPad 发布时自带的 iBooks 木质书架布局——几乎是对 Delicious Library 设计风格的像素级致敬。

Mike 当年辍学去做设计,之后也没回校园上大学。「当人们问我在哪里上的大学时,我喜欢说是在苹果公司。」

2011Push Pop Press · 数字出版的革命

离开苹果后创办 Push Pop Press,为前副总统戈尔制作《Our Choice》应用书籍。2010 年 iPad 刚发布,当时的电子书只是屏幕上的 PDF。而《Our Choice》不是一本书,而是一个原生 iPad 应用

  • 文字、图像、视频、互动图表无障碍融合
  • 全书没有任何传统的下一页或返回按钮——用两根手指捏合退回目录
  • 讲到风能时,对着 iPad 麦克风吹气,风车就会转动并显示发电量
  • 讲到地热能时,手指滑动滑块查看地球内部剖面

Mike 在 TED 大会亲自演示,震惊全场。拿下 2011 年 Apple Design Award。

他发现传统 Photoshop 根本无法表达连贯的物理动画,于是极度依赖 Quartz Composer——这直接导致他后来开发 Origami 原型工具。

2011-2016Facebook Paper & Origami

Facebook 以天价收购 Push Pop Press。扎克伯格买下的是 Mike 的天才交互引擎和排版理念,当时 Facebook 陷入移动端体验不佳的危机。

  • Paper:以优雅布局、流畅动画和倾斜探索照片等创新交互惊艳整个行业
  • Instant Articles:让你在刷新闻时获得顶级杂志级别的排版和动态交互体验
  • Origami:基于节点的可视化设计工具,让团队无需编写代码就能设计出丰富的、基于物理直觉的界面。至今仍是其主要设计工具之一

2016Lobe.ai · 平民化机器学习

灵感来自在 Facebook 的演示项目 the Brain——用 Quartz Composer 构建的神经网络启发了他的灵感。

创办 Lobe,开发简单易用的可视化工具用于训练机器学习模型。2018年被微软收购,合并到 Power Automation 中,帮助非技术人员在工作中应用机器学习。

2021LoveFrom · 设计的终极形态

受 Jony Ive 邀请加入其设计公司 LoveFrom,深度参与多个顶级项目:

离网住宅文化

功成名就之后,Mike 与日裔妻子和两个可爱的女儿隐居在旧金山以北两小时车程的离网住宅里,过着自给自足的生活——十只鸡、一群蜜蜂、一个生机勃勃的菜园。

Mike Matas 的离网住宅

Off-Grid House — 脱离公共电网,追求独立、环保与自然

离网住宅文化已超越了单纯的建筑或技术范畴,演变成了一种生活方式亚文化:切断与现代公共基础设施的连接,拒绝过度消耗化石燃料,拒绝现代城市生活中产生的大量隐性浪费。

☀️ 能源独立

屋顶太阳能板、风力发电机和巨型蓄电池组自己发电

💧 水资源独立

打井取地下水,或建立雨水收集和净化系统

♻️ 废物处理

堆肥厕所、化粪池,灰水过滤后用于灌溉

🧘 脱离信息网

在劈柴、种地中重新找回粗糙但真实的存在感和心理健康

水和电都是自己生产的且容量有限,离网者被迫(或主动)审视自己的每一点消耗——
「我真的需要开一整晚灯吗?我真的需要买这么多包装繁复的商品吗?」

与他共事的人

Apple HI Team

Steve JobsApple 联合创始人、CEO
Scott Forstall前 iOS 软件高级副总裁
Greg Christie前人机界面副总裁
Bas OrdingUI 设计师 · "橡皮筋"滚动效果创造者
Imran ChaudhriHumane 联合创始人
Freddy Anzures"滑动解锁"功能设计
Rich DellingerPhoto Booth、Front Row 设计
Steve LemayApple UI 设计主管
Marcell Van OsApple 高级界面设计师

Push Pop Press

Al Gore美国前副总统 · 诺贝尔和平奖得主
Bret Victor界面设计师 · Dynamicland 创始人
Kimon TsinterisPush Pop Press 联合创始人
Charlie MelcherMelcher Media 创始人
Austin SarnerAppZapper & Disco 开发者

Facebook Paper & Instant Articles

Mark ZuckerbergMeta 创始人、CEO
Chris CoxMeta 首席产品官
Brandon Walkin产品设计师 · Origami 共同创建者
Joey Flynn产品设计师 → OpenAI
Sharon MatasFacebook 平面设计主管 · 其日裔妻子
Michael ReckhowPaper PM · Meta 产品总监

Nest

Tony Fadell"iPod 之父" · Nest Labs 创始人
Fred BouldNest & GoPro 工业设计师
David SlooNest 体验架构师

Lobe.ai

Kevin Scott微软首席技术官
Adam MengesLobe 联合创始人 · Visual Electric 创始人
Markus BeissingerLobe 联合创始人 · AI 产品负责人
Ramon GilabertLobe 首席设计师 → LoveFrom
Bill BarnesLobe 联合创始人 · Karman Ventures

Delicious Library

Wil ShipleyDelicious Monster & Omni Group 联合创始人 → Apple
Tim Omernick→ Meta → Roblox 首席软件工程师
T Toggle Theme