当前位置: 移动技术网 > 科技>操作系统>Mac > 一份Mac OS 图形界面发展简史:从荒蛮走向现代

一份Mac OS 图形界面发展简史:从荒蛮走向现代

2018年04月30日  | 移动技术网科技  | 我要评论

火星文:mac os 是运行在苹果电脑上的操作系统,它是第一个在商用领域取得成功的图形用户界面,下面这个让我们一览从 system 到 mac os 8 再到后续的连续 os x 图形界面的发展史。

一.最早期 mac os

1. system 1-6

一份mac os 图形界面发展简史:从荒蛮走向现代

1984 年的苹果发布了其第一台 mac 个人电脑,与其一起发布的操作系统当时被简单的称为 system software,第一代 system 1 打破了字符终端的模式,最早使用图形界面和用户交互设计:基于窗口操作并使用了图标,鼠标可以在移动,并可以通过拖拽来拷贝文件及文件夹。这让它成为图形界面设计的先驱,但后续直到 system 7 界面始终没有大改变。

2. system 7

一份mac os 图形界面发展简史:从荒蛮走向现代

1991 年的 system 7 开始引入彩色,图标也增加了隐约的灰色,蓝色和黄色阴影。但 mac os 整体界面却始终没有显著的变化。与此同时微软家的 windows 从黑屏的 dos 到全屏幕的windows 1,再到成熟的 windows 3,最后演变到奠定当今 windows 界面基础的炫丽多彩的 windows 95。用当时的眼光来看,这个变化是相当惊人的。而 mac os 因为因循守旧,在界面设计上从领先掉到了最后。

另外从 system 7 的 7.6 版本开始被苹果公司改名为 mac os ,这一年是 1997 年。

3. mac os 8

一份mac os 图形界面发展简史:从荒蛮走向现代

1997年,苹果发布的 mac os 8 开始加入更多的颜色,默认支持 256 色的图标,并较早的采用了等距风格图标,也称伪 3d 图标,但整体界面变化依旧不大。

二. next 附体

一份mac os 图形界面发展简史:从荒蛮走向现代

已经有十年历史的 mac os 已经遇到了瓶颈限制,为了让 mac os 现代化内部做了一番尝试和舍弃后,最后决定收购 next,因为不仅可以带来用户界面的变化,还可以使整个系统设计的全盘革新。

买完 next 后,乔布斯回来了,“你们就是一群白痴!”他把所有团队的人叫到一个房间里以乔布斯风格把所有地方都骂了一遍,之后包括拉茨拉夫在内的设计师们的日子遍越来越难熬了。

注:拉茨拉夫,当时 mac os 人机界面设计负责人

三. 过渡 os x

1. rhapsody

一份mac os 图形界面发展简史:从荒蛮走向现代

1997 年苹果发布了过渡时代的 rhapsody,整合了mac os 8 的外观与 next-based 界面,它是介于 next 以及 mac os x 之间的操作系统,也可以理解为是套了壳的 next 操作系统。

而代号 rhapsody 是依循苹果在 1990 年代以音乐名词作为操作系统代号的模式所命名的,其他代号包括 harmony (mac os 7.6),tempo (mac os 8),allegro (mac os 8.5)及 sonata (mac os 9)。

2. mac os 9

一份mac os 图形界面发展简史:从荒蛮走向现代

1999 年发布,是乔布斯宣布过渡到 mac os x 阶段路线上最后一个 mac os 系列。

3. mac os x server 1.0

一份mac os 图形界面发展简史:从荒蛮走向现代

1999 年 3 月苹果发布 mac os x server 1.0 ,即第一个版本的 mac os x 开发者预览版,它是苹果第一个真正基于 next 的操作系统,和 rhapsody 很像。

四. 早期 mac os x

1. os x 公开测试版

一份mac os 图形界面发展简史:从荒蛮走向现代

2000 年 9 月发布,在这个版本中全新的用户界面 aqua 初次亮相。另外它也是所有 mac os 中惟一一个将苹果菜单置于屏幕顶部中央的版本,这个修改因饱受用家诟病而在 mac os x 10.0 中被恢复。

注:aqua 是 mac os x 的 gui 商标名称,下面这个视频就是当年乔布斯在 2000 年 macworld 上介绍 aqua 界面部分,强烈推荐观看。https://www.youtube.com/watch?t=4420&v=ugmqlfi0kgc(需科学上网)

2.os x 10.0 cheetah 猎豹

一份mac os 图形界面发展简史:从荒蛮走向现代

2001 年 3 月,经历了四个开发者预览版和一个公共测试版之后的 aqua 界面终于跟随 10.0 正式发布,发布后改变了人们对计算机界面的印象,在随后的 10 年里苹果一直沿用这套界面风格。

另外伴随 aqua 一起来的还有苹果一整堪称经典的套拟物化的图标,也是一直基本持续沿用到现在,以及一个全新的方式组织 mac os x 应用程序的用户界面:dock 栏,以及组成 aqua 界面的那些细节:菜单、按钮、进度条、滚动条等等,其中一根看似简单得不能再简单的滚动条,就耗费了苹果设计组整整六个月。 这些都影响了整整一代图形界面设计者。

one more thing, 从 mac os x 苹果开启了以猫科动物系列为代号的命名史。

3. os x 10.1 puma 美洲狮

一份mac os 图形界面发展简史:从荒蛮走向现代

os x 10.0 半年后即 2001 年 9 月,苹果就推出了 os x 10.1美洲狮,没有新增太多功能,主要聚焦于改善系统表现。

4. os x 10.2 jaguar 美洲豹

一份mac os 图形界面发展简史:从荒蛮走向现代

2002 年 8月发布,在这一版本中 aqua 界面的装饰风格达到新高峰:窗口背景底纹,非活动窗口标题栏半透明、滚动条的抽空效果。另外也是从这个版本有了新的起始画面和新的苹果标志,过往 happy mac 的标志不再出现,取而代之的是如今那颗被偷咬了一口的苹果。

五. 进化 mac os x

aqua 的衰退,这种变化事实上从 os x 10.3 panther 就开始了

1. os x 10.3 panther 黑豹

一份mac os 图形界面发展简史:从荒蛮走向现代

2003 年 10 月发布,在这一版本 aqua 界面引入了新的 brush 风格,即金属拉丝质感,并在最常用的 finder 上使用。

2. os x 10.4 tiger 老虎

一份mac os 图形界面发展简史:从荒蛮走向现代

2005 年 4月发布,顶栏最右侧新增了一个蓝色的 spotlight 搜索按钮。

3. os x 10.5 leopard 豹

一份mac os 图形界面发展简史:从荒蛮走向现代

2007 年 10月发布,用户界面上改进幅度比较大的一个版本,虽然基本的界面仍为 aqua 和其糖果滚动条,但新加入了一些铂灰色和蓝色,另外重新设计的 3d dock和更多的动画交互使得新界面看上去 3d效果更强,此外还改进了 finder、半透明菜单条并新增了最初只用于 itunes 的 cover flow 界面。

整体来说这一版本的界面相比之前有了翻天覆地的变化。

4. os x 10.6 snow leopard 雪豹

一份mac os 图形界面发展简史:从荒蛮走向现代

2009 年 8 月发布,就像雪豹的名字,只比豹多了个雪字,它是以 os x 10.5 的版本为基础跟进开发的,不过 os x 10.6 还跑去向 ios 偷师,引进了 mac app store 即应用商店。

六. 现代 mac os x

1. os x 10.7 lion 狮子

一份mac os 图形界面发展简史:从荒蛮走向现代

2011 年 7 月发布,重新设计了 aqua gui 元素、按钮、进度条、滚动条(不使用时会自动隐藏)以及“滑动切换”的选项卡,全新设计了拟物化 ical 界面,新的通信录和邮件应用都使用了类似 ipad 的界面。此外还引进了像 ios 那样的应用启动器 lauchpad 界面。

2. os x 10.8 mountain lion 美洲狮

一份mac os 图形界面发展简史:从荒蛮走向现代

2012 年 7 月发布,和 lion 同样的的风格,更多类 ipad 及 ios 的功能界面被引入(一些内置应用程序甚至被更名以与 ios 保持一致),整体界面变化不大。

3. os x 10.9 mavericks

一份mac os 图形界面发展简史:从荒蛮走向现代

2013 年 10 月发布,可以说是近期苹果的突破之作,界面上它看起来则更像是 os x 10.6 的继承者,os x 10.7 和 os x 10.8 里面的拟物化设计在 os x 10.9 中被移除。

另外从这一版本苹果不再以动物命名 mac os x ,取而代之的是加州地名,如 mavericks 就是加州某个冲浪景点。

4. os x 10.10 yosemite 优胜美地

一份mac os 图形界面发展简史:从荒蛮走向现代

2014 年 10 月发布,苹果历年来变化最大的操作系统,包括趋于扁平化的界面风格、类似 ios 7 的图标设计、半透明导航栏及全新字体设计等。

参考来源:on the past, present and future of apple’s aqua user interface

翻译:轻单

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网