滚动条的演变历史

Dec 6, 2019   Owlling

滚动条的演变代表了科技的进步,计算机设备及系统的变革;也代表了界面中设计风格的转变。

1981
Image
* Xerox Star

Xerox Star 施乐之星 也叫施乐8010信息系统 Star的开发始于1977年;
1981年首次上市的原始Xerox 8010(代号为Dandelion)

下面这台就是Xerox 8010

Image
* Xerox 8010

简单了解一下这台机器当时的参数:

- 基于AMD 2900位切片微码可编程微处理器的定制处理器

- 384 KB(可扩展到1.5MB)的实际内存

- 10、29或40 MB硬盘

- 8英寸软盘驱动器

- 17英寸显示屏

- 显示分辨率1024 * 808单色

- 2键鼠标

- 以太网络

- “Pilot”操作系统

- “Star”桌面软件

Image
* The Xerox 8010 Information System

这是当时的操作系统用户界面;更像原型草图纸张的形式。

1983
Image
* Lisa OS

Apple Lisa 是苹果公司发布的世界首台图形界面计算机,以乔布斯长女名字命名。 是全球首款同时采用图形用户界面(GUI)和鼠标的个人电脑。
丽莎(Lisa)的开发始于1978年,发布于1983年,值得一提的是当时的处理器采用的是摩托罗拉Motorola 68000,对比竞争的是IBM-PC采用的Intel新型处理器:Intel 8088,8080的到来也是个人计算机的一个伟大的转折点。

Image Image
* Lisa Office System 3.1

当时Lisa OS 的用户界面,从当时Apple的产品设计来看确实是比大头机好看很多。

1984
Image
* System 1

System 1 ,Mac OS第一个系统版本;相对于Lisa OS没有太大变化。

Image
* System 1 OS用户界面
1985
Image
* AmigaOS 1.0

AmigaOS 是 Amiga 个人计算机默认的本地操作系统。于1985年面世,是第一个提供真彩色的操作系统,相同时期特别适合玩游戏。

Image
* AmigaOS1.3的用户界面
1985
Image
* Windows 1.0

同年微软的Windows1.0也相继发布。 Windows 1.0基于MS-DOS操作系统,实际上其本身并非操作系统,至多只是基于在当时的纯DOS下运行的应用软件。但从用户界面来看本质上是宣告了DOS操作系统的终结。因此Windows是基于DOS的衍生。

Image
* Windows 1.0用户界面
1989
Image
* NeXTSTEP

NeXTSTEP是一个基于Mach内核的Unix操作系统;完整版本于1989年发布,后期被苹果收购,便成为流行的操作系统macOS,iOS,watchOS和tvOS的来源,很多苹果捆绑应用都是是NeXTSTEP应用程序的后代,因此MacOS也是基于Unix系统的衍生。

Image
* NeXTSTEP用户界面,同时期来看算是比较精致的了
1990
Image
* Windows 3.0

Windows 3.0是微软1990年发布的操作系统。由于在界面、人性化、内存管理多方面的巨大改进,终于获得用户的认同。

Image
* Windows 3.0用户界面
1991
Image
* System 7

Apple Macintosh操作系统又称为Mac OS 7,是上边同时期Windows 3.0最大的竞争对手。

Image
* System 7用户界面
1995
Image
* Windows 95

Windows 95是一种面向消费者的操作系统。Windows 95是一个混合的16位/32位Windows操作系统,其版本号为4.0,开发代号为Chicago。

Windows 95咱们95后可能没怎么见过🙄️,但应该对98的界面有点印象两者在用户界面上相差不大,但Windows 98全面集成了Internet标准,是一个更强大版本的到来,桌面端十年前估计有,现在我们在一些旧的刷机包里应该还能见到。

Image
* Windows 95用户界面
Image
* Windows 98用户界面
1997
Image
* Mac OS 8

Mac OS 8是苹果计算机公司于1997年发布的操作系统,代号“ Tempo”。它代表了七年来的最大革新。

Image
* Mac OS 8用户界面
2001
Image
* Mac OS X 10.0

Mac OS X版本10.0,代号“Cheetah”。从滚动条的风格来看代表着像素风格的时代已经过去了。机器的图形处理更厉害性能也更强了。

Image
* Mac OS X 10.0用户界面
2001
Image
* Windows XP

同年Windows XP也腾空问世,提及XP系统应该没有不知道的。微软花费至少10亿美元用于市场营销和推广Windows XP,当然营销只是一个策略,产品的好坏才决定用户是否去买单消费,XP也是win系列受欢迎和提供服务最长的一块产品,2014年4月8日,服役13年的微软Windows XP系统才正式“退休”。

Image
* Windows XP 用户界面
2007
Image
* Windows Vista

Windows Vista是 Microsoft公司所研发的具有创新历史意义的一个版本,其内核版本号为Windows NT 6.0

Image
* Windows Vista 用户界面
2011
Image
* Mac OS X Lion

Mac OS X Lion 在2011年7月20日正式上线发售。滚动条默认为隐藏状态当触发滚动事件时才显示,这也是当前我们最常见的滚动交互形式,注重用户体验。

Image
* Mac OS X Lion 用户界面
Image
* 2019 Mac OS Catalina 用户界面
2015
Image
* Windows 10

Windows 10大家都不陌生,于2015年7月29日发布正式版。

Image
* Windows 10 用户界面
最后

整体回顾滚动条的演变历史,每一个经典都代表了一个时代。

Image

参考资料

- Evolution of the Scrollbar

- Nathan's Toasty Technology page

- 百度百科、维基百科

END / THX