以滚动条为例,看界面设计风格的演变

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

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

以滚动条为例,看界面设计风格的演变

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 用户界面

最后

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

 

本文由 @owlling 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议。

随意打赏

提交建议
微信扫一扫,分享给好友吧。