mac os x技术(Mac视觉史vol.1)

mac os x技术(Mac视觉史vol.1)(1)

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

mac os x技术(Mac视觉史vol.1)(2)

此后,我在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」。

mac os x技术(Mac视觉史vol.1)(3)

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

mac os x技术(Mac视觉史vol.1)(4)

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

mac os x技术(Mac视觉史vol.1)(5)

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

mac os x技术(Mac视觉史vol.1)(6)

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

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

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

图形化界面:向施乐偷师

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

mac os x技术(Mac视觉史vol.1)(7)

Xerox Alto

对于图形化用户界面的起源,一个相对统一的共识是,它来源于施乐的帕罗奥托研究中心,而最早使用图形化界面的电脑,是当时正处于研发中的 Xerox Alto。在之前的文章当中,我曾经专门聊过最早图形化界面的诞生和设计细节:

今天我们来聊聊世界上最早的 UI 设计师

他们是UI界面的创造者,是UI设计的开创者,他们同样要在「比稿」中前进,他们认真、实在、抠细节,这篇文章是关于他们,关于最初的UI界面的故事。

阅读文章 >>

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

mac os x技术(Mac视觉史vol.1)(8)

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

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

规避纠纷: Macintosh 的名字来源

说回 Mac。

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

mac os x技术(Mac视觉史vol.1)(9)

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

mac os x技术(Mac视觉史vol.1)(10)

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

mac os x技术(Mac视觉史vol.1)(11)

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

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

mac os x技术(Mac视觉史vol.1)(12)

Macintosh 系统:正式拥有姓名

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

mac os x技术(Mac视觉史vol.1)(13)

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

System 1 ~ System 5:功能迭代

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

mac os x技术(Mac视觉史vol.1)(14)

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

mac os x技术(Mac视觉史vol.1)(15)

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

mac os x技术(Mac视觉史vol.1)(16)

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

mac os x技术(Mac视觉史vol.1)(17)

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

mac os x技术(Mac视觉史vol.1)(18)

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

mac os x技术(Mac视觉史vol.1)(19)

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

mac os x技术(Mac视觉史vol.1)(20)

mac os x技术(Mac视觉史vol.1)(21)

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

mac os x技术(Mac视觉史vol.1)(22)

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

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

mac os x技术(Mac视觉史vol.1)(23)

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

mac os x技术(Mac视觉史vol.1)(24)

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

mac os x技术(Mac视觉史vol.1)(25)

mac os x技术(Mac视觉史vol.1)(26)

mac os x技术(Mac视觉史vol.1)(27)

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

mac os x技术(Mac视觉史vol.1)(28)

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

mac os x技术(Mac视觉史vol.1)(29)

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

System 6 :集大成的版本

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

mac os x技术(Mac视觉史vol.1)(30)

mac os x技术(Mac视觉史vol.1)(31)

mac os x技术(Mac视觉史vol.1)(32)

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

mac os x技术(Mac视觉史vol.1)(33)

Macintosh Portable

mac os x技术(Mac视觉史vol.1)(34)

Macintosh SE/30

System 7:拥有色彩的新时代

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

mac os x技术(Mac视觉史vol.1)(35)

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

mac os x技术(Mac视觉史vol.1)(36)

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

mac os x技术(Mac视觉史vol.1)(37)

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

mac os x技术(Mac视觉史vol.1)(38)

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

mac os x技术(Mac视觉史vol.1)(39)

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

mac os x技术(Mac视觉史vol.1)(40)

mac os x技术(Mac视觉史vol.1)(41)

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

mac os x技术(Mac视觉史vol.1)(42)

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

mac os x技术(Mac视觉史vol.1)(43)

mac os x技术(Mac视觉史vol.1)(44)

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

mac os x技术(Mac视觉史vol.1)(45)

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

Mac OS :第一次品牌重构

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

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

mac os x技术(Mac视觉史vol.1)(46)

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

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

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

mac os x技术(Mac视觉史vol.1)(47)

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

mac os x技术(Mac视觉史vol.1)(48)

因为后面还有新系统。

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 x技术(Mac视觉史vol.1)(49)

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

mac os x技术(Mac视觉史vol.1)(50)

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

mac os x技术(Mac视觉史vol.1)(51)

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

mac os x技术(Mac视觉史vol.1)(52)

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

mac os x技术(Mac视觉史vol.1)(53)

mac os x技术(Mac视觉史vol.1)(54)

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

mac os x技术(Mac视觉史vol.1)(55)

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

mac os x技术(Mac视觉史vol.1)(56)

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

mac os x技术(Mac视觉史vol.1)(57)

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

mac os x技术(Mac视觉史vol.1)(58)

mac os x技术(Mac视觉史vol.1)(59)

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

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 x技术(Mac视觉史vol.1)(60)

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

mac os x技术(Mac视觉史vol.1)(61)

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

mac os x技术(Mac视觉史vol.1)(62)

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

mac os x技术(Mac视觉史vol.1)(63)

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

mac os x技术(Mac视觉史vol.1)(64)

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

mac os x技术(Mac视觉史vol.1)(65)

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

mac os x技术(Mac视觉史vol.1)(66)

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

mac os x技术(Mac视觉史vol.1)(67)

mac os x技术(Mac视觉史vol.1)(68)

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

mac os x技术(Mac视觉史vol.1)(69)

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.htmlhttps://en.wikipedia.org/wiki/Xerox_Altohttps://web.archive.org/web/20001109004000/http://www.apple.com:80/macos/https://apple.fandom.com/wiki/Mac_OS_8.5https://en.wikipedia.org/wiki/System_7https://www.versionmuseum.com/history-of/classic-mac-oshttps://en.wikipedia.org/wiki/Macintosh_clonehttps://en.wikipedia.org/wiki/Classic_Mac_OShttps://guidebookgallery.org/guis/macos/macos10

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页