十一 21

文 / 王越

Aqua是Mac OS X Public Beta全新用户界面的名字,英文中为水的词根,寓意以水为灵感,精心设计。Steve Jobs曾介绍说,Aqua的设计是如此之美好,初次见它甚至有想亲吻的冲动。本篇Cordell Ratzlaff 引发的 Aqua 革命(上)介绍的是Aqua的起源和来历,在下篇中,我们将展示Aqua的具体设计过程。

“Mac OS的图形界面就是你们那么业余的人设计的吗?”Steve Jobs开门见山地问。
未命名_副本

包括Cordell Ratzlaff在内的设计师们怯怯地点头称是。“你们就是一群白痴!”Steve Jobs骂道。

这个场景发生在Steve Jobs回归不久的图形界面组组会上,前文提到的骂人的话,是他送给图形界面设计组的见面礼。【注:参见http://www.cultofmac.com/how-mac-os-x-came-to-be-exclusive-10th-anniversary-story/87889,How Mac OS X Came To Be,Leander Kahney】

不进则退的局面

Mac OS曾是图形界面设计的先驱。

从System 1开始,Mac就打破了字符终端的模式,使用图形界面和用户交互设计。但自System 1到System 7,10年过去了,界面却始终没有显著的变化。设计组一直认为,为尊重用户的习惯,定下的规矩不要轻易改动。但同时,Microsoft的变化可以说是天翻地覆,从黑屏的DOS,到全屏幕的Windows 1,再到成熟的Windows 3,最后演变到奠定当今Windows界面基础的炫丽多彩的Windows 95。用当时的眼光来看,这个变化是相当惊人的。由于因循守旧,Mac OS在界面设计上从领先掉到了最后。旧的界面原语,一成不变的界面风格,让Mac OS的图形界面在Windows前显得黯然无光。【注:参见http://vimeo.com/21742166】

于是,在图形界面组的组会上,Steve Jobs 抨击了老Mac OS界面的各种不是——几乎所有的地方都被骂了一遍。众矢之的是各种打开窗口和文件夹的方式。在Mac OS中有至少8种打开窗口和访问文件夹的方式,如弹出菜单、下拉菜单、DragStrip、Launcher、Finder等不同的程序。

Cordell Ratzlaff作为主管,他一开始担心是不是会被Steve Jobs炒掉(传闻说Steve Jobs刚进入苹果时最爱炒人,经常会发生一些“神奇”的情况,比如有员工和他一同进了电梯,等一同出电梯时,该员工已被炒掉)。不过批评大会进行到第20分钟时,Cordell Ratzlaff转为淡定,因为他意识到如果Steve Jobs要炒他,不用废那么多话,早就可以动手了。

其实Cardell Ratzlaff是Apple内部较早意识到小组设计不思进取的人之一。他意识到苹果有三个重要的设计问题【注:参见Designing Interactions 第二章My PC 附录访谈】。第一、Apple的很多界面语言不明确。例如,在老Mac OS中,删除文件的动作是把文件图标拖到废纸篓里,但当磁盘和光盘弹出时,居然也是把图标拖到废纸篓里。第二、老Mac OS不会对问题进行变通,如果有几个图标同时显示,窗口还容易操作,但如果有几十个图标或窗口,以相同的方式显示出来,那么在繁杂的页面中找寻所需内容,对使用者则是巨大的挑战。第三、Mac OS的界面过于古板,看上去还是停留在Windows 3.0阶段。总之,当时的Mac OS已经不能代表先进的生产力,也不能代表科技的前进方向,更不能让广大用户得到更多的利益。在Cardell Ratzlaff看来, Mac OS的界面面临不进则退的重大困局,非改不可。

Cordell Ratzlaff的试水

收购NeXT以后,Apple开始考虑如何把NeXTSTEP作业系统变为下一代的Apple操作系统,但界面设计组的倦怠又浮出水面。设计组认为,这是一个浩大的工程,所以他们决定照着Mac OS 8的样子改NeXTSTEP的代码,把NeXTSTEP改成System 8的样子。这并不困难,组里只需一个人就能完成这项任务,这人的工作极其无聊——像小孩子描红模,把新界面的样子临摹得和老界面一模一样。事实上,当Apple 释出Rhapsody和Mac OS X Server初版时,经典Mac OS的界面已经被学得惟妙惟肖了。

Cordell Ratzlaff认为这种混搭,是一个极其让苹果丢颜面的事情。所以,除了那个搞山寨的人以外,他召集其他人做新界面设计的图样。而由于NeXTSTEP具有强大的图形处理和动画能力,因此很多新的图样是在新系统上完成的。

2_副本

Apple将“What's not a computer!”(看起来不是电脑的电脑)的 概念应用在硬件外观上,设计出具有浪漫主义气质,半透明“果冻” 式且具有艺术美感的iMac,这成了Aqua设计灵感的来源

20世纪90年代初,Apple和Microsoft的操作系统都素面朝天,色调简单,统一的矩形窗口。到1997~1998年,Apple的硬件外观设计取得重大进展:由后来成为金牌设计师的 Jonathan Ive领衔,设计出具有浪漫主义气质、五彩斑澜的、半透明外壳、具有曲线美感的iMac,这个设计成为Cordell Ratzlaff和他的同事们设计的灵感,他们马上就作出了一个全新的界面图样来。【注:参见http://en.wikipedia.org/wiki/IMac_G3】

与此同时,Cordell Ratzlaff 着手解决前文提到的三个设计问题。第一、他提出了一个叫“实时状态”的概念。当用户拖动文件时,废纸保持原样,而如果拖动的是磁盘,那废纸篓的图标变成“弹出”的图标。第二、窗口的问题统一采用动画加以解决。比如窗口的最小化和还原都配有动画,告诉用户窗口的来去方向。当Dock项目有所增减时,项目长度和元素也会随之改变。第三、Mac OS一改死板面孔,呈现多彩的、小清新的图形界面,所有尖锐的直角都被打磨成圆弧,并且有像iMac外壳一样半透明的菜单。当时有评论指责Apple的设计太卡通缺乏权威感,其变化之大可见一斑。【注:参见http://www.aresluna.org/attached/files/usability/papers/onethousandsquarepixelsofcanvas.pdf,One thousand square pixels of canvas On evolution of icons in graphical interfaces by Marcin Wichary 第五页】

Cocoa之父Bertrand Serlet,作为Cordell Ratzlaff的上司,对新界面很满意。但当时,他们认为这个新界面实现起来难度很大,既没有时间也没有资源把这个想法在Mac OS X中付诸实现。于是先前那位孤独的照葫芦画瓢的设计者只好继续工作。

Aqua只是个设想(PS出来的图样+模拟出来的视频),还不是能用的代码。

Steve Jobs的怒火和Aqua的源头

几个月以后,Apple举办了一个所有开发小组参加的长达两天的汇报大会。Cordell Ratzlaff汇报的时间被排在两天的最后压轴出场。大多数工程师对这长达两天的大会报告早已疲倦,感叹Mac OS X剩下的的工作很艰巨,认为发布遥遥无期。于是,Cordell Ratzlaff报告成了整个报告会的最大笑场,所有工程师使出咆哮体来评价这个工作——“啊!!!你看这新界面多出位啊!!!有没有有没有!!!居然用的透明通道!!!还搞个实时的动画!!!你难道不知道你这些永远是天方夜谭不可能完成吗???我们工程师伤不起啊伤不起!!!”这个新设计就这样在所有Apple顶级工程师的鄙视下被废了。

无奈于此,只好无聊地让那位开发者继续复制全套经典Mac OS界面,而当Steve Jobs召集所有设计组负责人时,这个山寨版Mac OS的展示把Steve Jobs看得情绪激动,就发生了文章开头的那一幕。

Cordell Ratzlaff前来解释压轴报告的尴尬局面,暗示千里马常有而伯乐不常有的处境,还让Steve Jobs观摩了他的杰作。果然Steve Jobs看了这几张图例后大为惊异,拍着Cordell Ratzlaff的肩说:“很好!很强大!”然后让设计组不惜一切代价做成试验品。

在加班奋战的三周后,设计组用Macromedia Director完成了一个试验品。Steve Jobs亲自来Cordell Ratzlaff办公室视察了一下午。结果是他激动地握着Cordell Ratzlaff的手,吐露心声:“你是苹果里我见到的第一个智商是三位数字的人。”得到了Steve Jobs的支持,Apple的Mac OS X开发团队,更加紧密地围绕在以Cordell Ratzlaff为核心的界面设计概念周围,开发操作系统。

有缘千里来相会,无缘对面不相识。Steve Jobs和Cordell Ratzlaff算是相见恨晚。这样由Cordell Ratzlaff主导的新界面,在Steve Jobs的支持下,横扫一切困难,成为新版操作系统界面的最大亮点。

从这时到Steve Jobs正式在舞台上秀他的Mac OS X Public Beta,还有18个月。此时,系统界面革命的旅程已经开始,一道神秘的天光射向Infinity Loop,千古杰作Aqua就要在这里诞生,其光辉历程,我们下篇再谈。

美国宾西法尼亚大学计算机系研究
生,中国著名TeX开发者,非著名
OpenFOAM开发者。

作者王越,美国宾夕法尼亚大学计算机系研究生,中国著名TeX开发者,非著名OpenFOAM开发者。

 Mac OS X 背后的故事系列更多精彩内容

本文选自《程序员》杂志2011年11期,更多精彩内容敬请关注11期杂志

《程序员》杂志订阅火热进行中

转播到腾讯微博

----->立刻申请加入《程序员》杂志读者俱乐部,与杂志编辑直接交流,参与选题,优先投稿

9 Responses to “Mac OS X 背后的故事(六)Cordell Ratzlaff 引发的 Aqua 革命(上)”

  1. lou 说道:

    好~让我们知道了原来不知道的事~

  2. 刘月 说道:

    这篇写的太好了。我正好想要了解这方面的事,很强大。

  3. 章可 说道:

    写得好。

  4. 小费 说道:

    真不错。期待下一篇。

  5. 严民 说道:

    看这文章是一种享受,太值的看

  6. 晓兰 说道:

    这方面的题材还会有吗?期待

  7. 说道:

    写得好!

  8. 昕晖 说道:

    这个题材太好了,不知哪里还能再看到

  9. [...] Mac OS X 背后的故事(六)讲到,Cordell Ratzlaff新界面方案得到Steve Jobs的高度肯定,Steve Jobs让各开发组紧紧围绕在界面设计组周围,共同建造Mac OS X。此时,离Mac OS X第一个公共测试版的发布,仅有一年半时间。这时苹果的设计构想,还仅仅是个概念,在本篇中我们将展示Aqua的具体设计过程。 [...]

请评论

preload preload preload
京ICP备06065162