2020-5-26 资深UI设计者
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 的称谓正式出现。
而 macOS 则相当于是 Mac OS X 品牌的一次重启。它始于 10.12 Sierra 这一版本,并且为了和 iOS、tvOS、watchOS 这几个系统品牌保持一致,而从 Mac OS X 更名为 macOS。
在很长一段时间,国外很多老用户会将它简称为「OS8」、「OS9」,而在2001年之后直到今天,依然有很多人将它简称为「OSX」,这也是在了在讨论 Mac 系统这个前提下所用到的、带有版本的简略称谓。
注释:国内有不少人会将 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 则截然不同,可以说是后来居上。
说回 Mac。
回溯到 1979年,Jef Raskin 是Macintosh 电脑和操作系统项目的发起者和监督者,他想用自己最喜欢的一种苹果(McIntosh)来给这个操作系统命名。
这种名为 McIntosh 的苹果不仅被誉为加拿大国家级苹果,但是更重要的原因在于,当时纽约还有一家名为 McIntosh Laboratory 并且提供高端定制音响服务的公司,为了避免商业品牌上的冲突,Raskin 将系统的名称改为 Macintosh,故意错开了一个字母。当然随后 Macintosh 的名字逐渐超过了前者,在世界范围内,甚至慢慢超过了加拿大最著名的水果。
当然,1984年,最初版本的 Macintosh 系统随着同名的苹果电脑的发布而面向大众,这个并非最早的图形化界面操作系统开始了它的历程,如今它是最著名、最具有影响力的图形化界面的操作系统之一。
Macintosh 电脑的主板由 Burrell Smith 所设计,结合当时的硬件技术,让最终上市的 Macintosh 电脑拥有了一块分辨率为 512×342 的单色显示屏。
在这块寸土寸金的单色屏幕上,Macintosh 系统需要将图形化界面的价值尽可能发挥出来。
Macintosh 电脑开始出现在各大杂志媒体上,蜚声世界,但是此刻,这一操作系统并没有官方的名称。 1.x系列的只有一个非正式的 System 1 的名字,而随后的大版本也被称为 System 2,System 3,等等。
直到 System 5 的时候,这一操作系统才算是正式有了 Macintosh 的名称,而它正式的完整名称是 Macintosh System Software 。
最早的 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,使得用户终于可以同时运行多个任务,不过因为性能限制,跑多任务的时候,会比单任务慢不少。
对于 Macintosh 系统而言, System 6 是一个阶段性集大成的版本。系统的版本和软件的版本在 System 6 当中进行了统一,并且功能也有了相当程度的完善。
性能更强劲的 Macintosh SE/30 和 笔记本电脑 Macintosh Portable 也是在 System 6 更新期间发售的。
Macintosh Portable
Macintosh SE/30
终于,黑白用户界面的时代在 1991 年终结,Macintosh 系统从 System 7 开始拥有了彩色的用户界面:
色彩的加入,系统图标的拟真度也再一次提升,比如垃圾桶的图标,光影已经相当逼真了。
而为了更好地利用彩色界面的功能,用户可以根据自己的偏好进行全局色彩设置:
软件安装的进度指示方式,比起同时代的系统乃至于后面的很多系统,都要清晰明确:
关键信息的说明和引导上,Macintosh 系统在30年前就已经有明确的范式了,比如重要信息标红强调:
由于这个阶段系统分辨率的限制,在按钮的视觉层次构建上,阴影和按钮凸起的效果,都做的比较简单,但是总体上始终上是在模拟现实存在的元素,通过尽可能贴近现实的视觉设计,来减轻用户的认知负荷,计算器和键盘的设计就非常的典型:
System 7 当中,还内置了交互式的用户帮助系统:
在控制面板当中,图标的统一性再一次得到了提升,风格上明显有着当时的特征,只不过在信息的传达上,还不够优秀,如果没有文本标签,你很难判断每个按钮对应的功能是什么:
值得一提的是,System 7 所处的阶段,大量的兼容机和包括 Windows 在内的操作系统开始出现,激烈的市场竞争之下,苹果也发布了一系列的新款的 Macintosh 电脑:
为了应对激烈的竞争,苹果还想出了新的策略,而这一策略也促成 Macintosh 系统后续逐渐成为一个独立的品牌。
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 是在 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.5 D 的图标设计,是这个时代的用户界面设计的流行风尚:
而这种变化,在 Mac OS 8.5 这一版本上,有了更为明显的提升——比如文本抗锯齿效果,让文本更加易于阅读:
更加柔和自然的的光影变化,更复杂的交互和界面元素,Mac OS 8.5 所呈现出来的视觉效果乃至于体验,不会弱于同时代的任何系统:
但是也仅仅只是不弱于对手而已。
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 的图形化界面,始于施乐,成于乔布斯,在迭代中一步步完善。
不过,从 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
https://guidebookgallery.org/guis/macos/macos10
文章来源:优设 作者:陈子木