本文首发于 优设网,原标题《Mac 视觉史 vol.1:从 Macintosh 到 Mac OS》,少数派经授权转载,仅对文章格式略作调整。


2009 年,买不起 MacBook 的我在 PC 上装上了「黑苹果」。在此之前,我用虚拟机体验了 Apple II、Mac OS 8.1、Mac OS 9.2.2 、Mac OS X 10.6 ,在不断的折腾过程中,我开始对苹果、对 GUI 的整个历史发生了兴趣。

此后,我在 Jeff Johnson 的《认知与设计》当中,在 Steve Krug 的《Don't Make Me Think》当中,在一本又一本和 UI、交互、体验相关的经典书籍当中, 发现 Mac 系统的界面一直被作为范例来展示。

Mac 确实是优秀设计的典范,是 GUI 设计史当中绕不过去的最重要的操作系统家族。所以,视觉史系列文章的第一篇,我决定从 Mac 系统下手。

两大系列,四个名字

简单来说,我们泛指的 Mac 系统,通常是分为 2 个大的系列的。

1982 年随 Macintosh 发布的系统,一直到 1999 年发布的 Mac OS 9 为第一个系列,一般被统称为「Classic Mac OS」。

而 2001 年之后所诞生的 Mac OS X 系列的操作系统,包括现在所说的 macOS ,则被视作为第二个系列的 Mac 系统,其中 X 是罗马数字 10 的意思。

苹果公司最初只有 Macintosh 电脑,系统并无名称,直到第 5 个大版本的时候,操作系统才拥有 Macintosh 这个名字。而 Mac OS 这一系统名称,则是在系统更新到第 7 个大版本的时候才被提出,而自此开始,Mac OS 的称谓正式出现。

在很长一段时间,国外很多老用户会将它简称为「OS 8」「OS 9」,而在 2001 年之后直到今天,依然有很多人将它简称为「OS X」,这也是在了在讨论 Mac 系统这个前提下所用到的、带有版本的简略称谓。

直到乔布斯去世次年,也就是 2012 年,当年的 WWDC 上正式发布的版本号为 10.8 系统中,Mac 字样被去掉,系统的正式名称为 OS X 10.8 Mountain Lion。OS X 一直沿用到 2016 年,这才改成了 macOS。

OS X 更像是一次自然而然的小名「转正」,而 macOS 则相当于是 Mac OS X 品牌的一次重启。它始于 10.12 Sierra 这一版本,并且为了和 iOS、tvOS、watchOS 这几个系统品牌保持一致,而从 Mac OS X 更名为 macOS。

注释:国内有不少人会将 Mac 称为「OS 系统」,但是 OS 本就是 Operation System 的缩写,意为操作系统,Windows 是 OS,Linux 也是 OS,「OS 系统」是一个错误且尴尬的表述。

如果不深究细节的话,Macintosh、MacOS、Mac OS X、macOS 这四个都简称为 Mac 系统。

图形化界面:向施乐偷师

Macintosh 并非最早的图形化界面,但却是真正推动图形化界面操作系统发展的里程碑。

XeroX Alto

对于图形化用户界面的起源,一个相对统一的共识是,它来源于施乐的帕罗奥托研究中心,而最早使用图形化界面的电脑,是当时正出于研发中的 Xerox Alto。

比尔盖茨曾经指责乔布斯从施乐这里「偷」走了图形化界面(GUI)的设计,实际上,为了换得机会去施乐的帕罗奥托研究中心去观摩学习研发中的 Xerox Alto 和开发工具 Smalltalk,乔布斯是拿股权交换得来的。

这是 Xerox Alto 当时所采用的图形化界面。界面的确图形化了,只不过,从今天的视角来看,整体的界面逻辑并不清晰。

而在 GUI 的设计细节、实现方式上,Macintosh 则截然不同,可以说是后来居上。

规避纠纷:Macintosh 的名字来源

说回 Mac。

回溯到 1979 年,Jef Raskin 是 Macintosh 电脑和操作系统项目的发起者和监督者,他想用自己最喜欢的一种苹果「McIntosh」来给这个操作系统命名。

这种名为「McIntosh」的苹果不仅被誉为加拿大国家级苹果,但是更重要的原因在于,当时纽约还有一家名为 McIntosh Laboratory 并且提供高端定制音响服务的公司,为了避免商业品牌上的冲突,Raskin 将系统的名称改为 Macintosh,故意错开了一个字母。当然随后 Macintosh 的名字逐渐超过了前者,在世界范围内,甚至慢慢超过了加拿大最著名的水果。

当然,1984 年,最初版本的 Macintosh 系统随着同名的苹果电脑的发布而面向大众,这个并非最早的图形化界面操作系统开始了它的历程,如今它是最著名、最具有影响力的图形化界面的操作系统之一。

Macintosh 电脑的主板由 Burrell Smith 所设计,结合当时的硬件技术,让最终上市的 Macintosh 电脑拥有了一块分辨率为 512×342 的单色显示屏。

在这块寸土寸金的单色屏幕上,Macintosh 系统需要将图形化界面的价值尽可能发挥出来。

Macintosh 系统:正式拥有姓名

Macintosh 电脑开始出现在各大杂志媒体上,蜚声世界,但是此刻,这一操作系统并没有官方的名称。1.x 系列的只有一个非正式的 System 1 的名字,而随后的大版本也被称为 System 2、System 3,等等。

直到 System 5 的时候,这一操作系统才算是正式有了 Macintosh 的名称,而它正式的完整名称是 Macintosh System Software 。

System 1 - System 5:功能迭代

最早的 System 1 当中,开机之后有一个非常可爱的欢迎界面:

菜单和窗口的概念清晰,比起 Xerox Alto 的设计更加成熟:

左上角的苹果图标打开之后,本质上是一个程序列表:

在 System 1 当中,文件夹是一个虚拟概念,在文件系统当中其实是根本不存在文件夹的,它是模拟现实文件夹的概念而存在的一个图形化界面概念:

在系统出错之后,系统报错界面中会使用炸弹图标来进行提示:

1984 年的 Macintosh 的系统崩溃界面都比 2000 年之后的的 Windows 蓝屏界面来得更加有趣:

当然,用一个带有图形化界面的电脑玩游戏,难道不是一件天经地义的事情吗:

特别值得一提的是,Macintosh 自打一开始就为自己设计了一系列的字体:

其中风格独特的 San Francisco 在多年以后还拥有一个同名的字体,作为系统默认的字体而存在。

随后,在随后的 System 3 当中,垃圾桶的 APP 图标增加了「有垃圾文件」和「已清空」两种状态的区分,并且给系统新增了一个欢迎界面:

文件夹也不再只是一个虚拟的概念了:

同样的,在 System 3 当中游戏的精美程度也有了一定程度的提升:

当然,从 System 1 到 System 4,系统的功能在一代代地增加,但是受限于屏幕和基本的性能,其界面在整体观感上差别并不大:

不过在图标和界面细节的处理上,越来越丰富,越来越细致,比如系统的控制面板,功能和细节比 System 1 时代丰富了许多:

在 System 5 当中,Macintosh 还加入了多任务的功能,也就是 MultiFinder,使得用户终于可以同时运行多个任务,不过因为性能限制,跑多任务的时候,会比单任务慢不少。

System 6:集大成的版本

对于 Macintosh 系统而言, System 6 是一个阶段性集大成的版本。系统的版本和软件的版本在 System 6 当中进行了统一,并且功能也有了相当程度的完善。

性能更强劲的 Macintosh SE/30 和笔记本电脑 Macintosh Portable 也是在 System 6 更新期间发售的。

Macintosh Portable
Macintosh SE/30

System 7:拥有色彩的新世代

终于,黑白用户界面的时代在 1991 年终结,Macintosh 系统从 System 7 开始拥有了彩色的用户界面:

色彩的加入,系统图标的拟真度也再一次提升,比如垃圾桶的图标,光影已经相当逼真了。

而为了更好地利用彩色界面的功能,用户可以根据自己的偏好进行全局色彩设置:

软件安装的进度指示方式,比起同时代的系统乃至于后面的很多系统,都要清晰明确:

关键信息的说明和引导上,Macintosh 系统在 30 年前就已经有明确的范式了,比如重要信息标红强调:

由于这个阶段系统分辨率的限制,在按钮的视觉层次构建上,阴影和按钮凸起的效果,都做的比较简单,但是总体上始终上是在模拟现实存在的元素,通过尽可能贴近现实的视觉设计,来减轻用户的认知负荷,计算器和键盘的设计就非常的典型:

System 7 当中,还内置了交互式的用户帮助系统:

在控制面板当中,图标的统一性再一次得到了提升,风格上明显有着当时的特征,只不过在信息的传达上,还不够优秀,如果没有文本标签,你很难判断每个按钮对应的功能是什么:

值得一提的是,System 7 所处的阶段,大量的兼容机和包括 Windows 在内的操作系统开始出现,激烈的市场竞争之下,苹果也发布了一系列的新款的 Macintosh 电脑:

为了应对激烈的竞争,苹果还想出了新的策略,而这一策略也促成 Macintosh 系统后续逐渐成为一个独立的品牌。

Mac OS:第一次品牌重构

1996 年,乔布斯重回苹果。同时在这个阶段,Macintosh 系统也随之进行了品牌重设计,Macintosh 系统更名为 Mac OS。

为了应对激烈的市场竞争,这一阶段的 Macintosh 电脑开始逐步切换到 PowerPC 架构的 CPU 芯片,同时,苹果公司也开始授权一些第三方厂商,使用同样架构的芯片和主板,并且安装 System 7 的系统。

可以直接安装 System 7 的 StarMax 兼容机

这样一来,就开始出现问题了:非苹果产的电脑上,也会显示「Macintosh」的字样,那这个怎么和原厂的 Macintosh 电脑进行区分呢?

很简单,在原装的 Macintosh 上,依然还是 Macintosh,但是在兼容机上,它就是「黑苹果」——Mac OS:

在当时,很多人认为这种区分,仅仅只是用来进行差异化的临时解决方案。此时乔布斯即将重掌苹果,并且打算把前 CEO 的系统第三方授权策略给干掉。将 Macintosh 更名为 Mac OS 就是解决方案,只不过这个解决方案并后面还有其他的深意。

因为后面还有新系统。

Mac OS 8:一石二鸟的更新

Mac OS 8 是在 1997 年 7 月 26 日发布的,同一个月另外一件大事,就是乔布斯正式任命为 CEO,执掌大权。

其实,此处的 Mac OS 8 并非真正意义上的大版本更新——它原本应该是 Mac OS 7.7 。但是,前 CEO 同第三方厂商签订的系统授权协议,是基于 Macintosh System 7 的,而直接发布 8.0 版本等同于是巧妙地利用命名,直接把后续的服务和协议一起给断掉了,同时新的 Mac OS 系统从名字上也直接区分于原本的 Macintosh,可以说是釜底抽薪的一招绝杀。

同时,新名字,新世代,也是开创新局面的好预兆,一举多得。新的 Mac OS 8 系统在更加优秀的硬件基础上,在显示效果上也一下子进入了高清的时代。

虽然 Mac OS 8 在底层上,依然继承自 System 7 ,但是因为几年前开始的 Copland 项目有不少遗产,身为继承者的 Mac OS 8 在视觉和体验上,提升了相当明显:

Mac OS 8 当中加入了主题选择的功能,虽然比较简单,但是也至少有着跟 Windows 95 相互匹敌:

和同时代的很多操作系统一样,在多媒体软件上, Mac OS 8 有了颇为炫酷的视觉效果:

界面左上角的 Apple LOGO 继续作为程序列表的菜单按钮而存在:

类似 2.5D 的图标设计,是这个时代的用户界面设计的流行风尚:

而这种变化,在 Mac OS 8.5 这一版本上,有了更为明显的提升——比如文本抗锯齿效果,让文本更加易于阅读:

更加柔和自然的的光影变化,更复杂的交互和界面元素,Mac OS 8.5 所呈现出来的视觉效果乃至于体验,不会弱于同时代的任何系统:

但是也仅仅只是不弱于对手而已。

Mac OS 9:争取时间的权宜之计

Mac OS 9 是 Mac 系统第一个系列的最后一个大版本。

和 Mac OS 8 类似,原本的 Mac OS 9 原本应该作为 Mac OS 8.7 来发布的。

其实早在乔布斯回归并发布 Mac OS 8 之后,Mac OS 9 的发展路径和命运就已经注定了:为老硬件和老用户更新,并且继续为真正的新系统争取时间。

Mac OS 9 是在 1999 年 10 月 23 日发布的。这个面向新世纪而发布的操作系统,苹果是以「有史以来网络功能最好的操作系统」来进行宣传。

此时,乔布斯重组的设计团队,已经为新的操作系统挑选好了新的设计语言,而此时发布的 Mac OS 9 当中,也适当地加入了一些为真正的下一代系统所准备的视觉元素,比如播放器软件中的不锈钢拉丝效果:

窗口界面中的元素有着细腻微妙的光影起伏:

搜索应用中的内阴影、高度拟物化的小图标:

特别要说的是,此时的 Mac OS 9 中已经可以找到很多贴合现代 UI 设计中的诸多原则了,比如富有逻辑的分组:

容纳多个并列分组的标签页交互:

在诸如帮助页面和安装界面中,使用了层级丰富的排版视觉设计:

也许现在你对于字体的这种投影深恶痛绝,但是在 20 年前,这样的视觉效果是令人惊艳的:

Mac 系统第一系列自此收官

Mac 系统的第一个操作系统系列,在明面上有着相对清晰的脉络:自家电脑,用自家系统。通过这一系列的界面设计,可以总结出下面的几点:

  • 第一个系列的 Mac 系统在交互和整体框架上,保持了高度了延续性;
  • 模拟现实世界中元素的设计理念,从 Xerox Alto 一直延续下来没变过;
  • 在已有屏幕分辨率基础上,最大化地提供优质的视觉体验,是它的宗旨;
  • Mac 系统确实在很早的阶段,就已经开始注意体验和「不言自明」的交互逻辑;
  • Mac 的图形化界面,始于施乐,成于乔布斯,在迭代中一步步完善。

不过,从 System 7 开始,它的危机就已经出现了。从 1991 年到 1999 年这 8 年时间当中,暗地里发生了一系列的事情,这些事情是 Mac 系统视觉史当中,不可或缺的组成部分。

下一篇,依然是 Mac 系统的视觉史,其中包括 Windows、NeXTstep、BeOS,当然,还有 Mac OS X。

参考链接

  • https://history-computer.com/ModernComputer/Personal/Macintosh.html
  • https://en.wikipedia.org/wiki/Xerox_Alto
  • https://web.archive.org/web/20001109004000/http://www.apple.com:80/macos/
  • https://apple.fandom.com/wiki/Mac_OS_8.5
  • https://en.wikipedia.org/wiki/System_7
  • https://www.versionmuseum.com/history-of/classic-mac-os
  • https://en.wikipedia.org/wiki/Macintosh_clone
  • https://en.wikipedia.org/wiki/Classic_Mac_OS