滚动条的演变历史

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


1981

* Xerox Star

Xerox Star 施乐之星 也叫施乐8010信息系统 Star的开发始于1977年;

1981年首次上市的原始Xerox 8010(代号为Dandelion)


下面这台就是Xerox 8010

* Xerox 8010


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

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

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

- 10、29或40 MB硬盘

- 8英寸软盘驱动器

- 17英寸显示屏

- 显示分辨率1024 * 808单色

- 2键鼠标

- 以太网络

- “Pilot”操作系统

- “Star”桌面软件


* The Xerox 8010 Information System


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



1983

* Lisa OS


Apple Lisa 是苹果公司发布的世界首台图形界面计算机,以乔布斯长女名字命名。 是全球首款同时采用图形用户界面(GUI)和鼠标的个人电脑。

丽莎(Lisa)的开发始于1978年,发布于1983年,值得一提的是当时的处理器采用的是摩托罗拉Motorola 68000,对比竞争的是IBM-PC采用的Intel新型处理器:Intel 8088,8080的到来也是个人计算机的一个伟大的转折点。


* Lisa Office System 3.1


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



1984

* System 1

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


* System 1 OS用户界面



1985

* AmigaOS 1.0


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


* AmigaOS1.3的用户界面




1985

* Windows 1.0


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


* Windows 1.0用户界面



1989

* NeXTSTEP


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


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



1990

* Windows 3.0


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


* Windows 3.0用户界面



1991

* System 7


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


* System 7用户界面



1995

* Windows 95


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

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


* Windows 95用户界面


* Windows 98用户界面



1997

* Mac OS 8


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


* Mac OS 8用户界面



2001

* Mac OS X 10.0


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


* Mac OS X 10.0用户界面



2001

* Windows XP


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


* Windows XP 用户界面



2007

* Windows Vista


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


* Windows Vista 用户界面



2011

* Mac OS X Lion


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


* Mac OS X Lion 用户界面


* 2019 Mac OS Catalina 用户界面



2015

* Windows 10


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


* Windows 10 用户界面



最后

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



参考资料

Evolution of the Scrollbar

Nathan's Toasty Technology page

百度百科、维基百科



END / THX

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,186评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,858评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,620评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,888评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,009评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,149评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,204评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,956评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,385评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,698评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,863评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,544评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,185评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,899评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,141评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,684评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,750评论 2 351

推荐阅读更多精彩内容