以滾動條為例,看界面設計風格的演變

0 評論 4649 瀏覽 6 收藏 11 分鐘

滾動條的演變代表了科技的進步,計算機設備及系統(tǒng)的變革;也代表了界面中設計風格的轉變。

1981

* Xerox Star

Xerox Star 施樂之星 也叫施樂8010信息系統(tǒng) Star的開發(fā)始于1977年;1981年首次上市的原始Xerox 8010(代號為Dandelion)

下面這臺就是Xerox 8010:

* Xerox 8010

簡單了解一下這臺機器當時的參數(shù):

  • 基于AMD 2900位切片微碼可編程微處理器的定制處理器
  • 384 KB(可擴展到1.5MB)的實際內存
  • 10、29或40 MB硬盤
  • 8英寸軟盤驅動器
  • 17英寸顯示屏
  • 顯示分辨率1024 * 808單色
  • 2鍵鼠標
  • 以太網絡
  • “Pilot”操作系統(tǒng)
  • “Star”桌面軟件

* The Xerox 8010 Information System

這是當時的操作系統(tǒng)用戶界面;更像原型草圖紙張的形式。

1983

* Lisa OS

Apple Lisa 是蘋果公司發(fā)布的世界首臺圖形界面計算機,以喬布斯長女名字命名。是全球首款同時采用圖形用戶界面(GUI)和鼠標的個人電腦。麗莎(Lisa)的開發(fā)始于1978年,發(fā)布于1983年,值得一提的是當時的處理器采用的是摩托羅拉Motorola 68000,對比競爭的是IBM-PC采用的Intel新型處理器:Intel 8088,8080系列的到來也是個人計算機的一個偉大的轉折點。

* Lisa Office System 3.1

當時Lisa OS 的用戶界面,從當時Apple的產品設計來看確實是比大頭機好看很多。

1984

* System 1

System 1 ,Mac OS第一個系統(tǒng)版本;相對于Lisa OS沒有太大變化。

* System 1 OS用戶界面

1985

* AmigaOS 1.0

AmigaOS 是 Amiga 個人計算機默認的本地操作系統(tǒng)。于1985年面世,是第一個提供真彩色的操作系統(tǒng),相同時期特別適合玩游戲。

* AmigaOS1.3的用戶界面

1985

* Windows 1.0

同年微軟的Windows1.0也相繼發(fā)布。Windows 1.0基于MS-DOS操作系統(tǒng),實際上其本身并非操作系統(tǒng),至多只是基于在當時的純DOS下運行的應用軟件。但從用戶界面來看本質上是宣告了DOS操作系統(tǒng)的終結。因此Windows是基于DOS的衍生。

* Windows 1.0用戶界面

1989

* NeXTSTEP

NeXTSTEP是一個基于Mach內核的Unix操作系統(tǒng);完整版本于1989年發(fā)布,后期被蘋果收購,便成為流行的操作系統(tǒng)macOS,iOS,watchOS和tvOS的來源,很多蘋果捆綁應用都是是NeXTSTEP應用程序的后代,因此MacOS也是基于Unix系統(tǒng)的衍生。

* NeXTSTEP用戶界面,同時期來看算是比較精致的了

1990

* Windows 3.0

Windows 3.0是微軟1990年發(fā)布的操作系統(tǒng)。由于在界面、人性化、內存管理多方面的巨大改進,終于獲得用戶的認同。

* Windows 3.0用戶界面

1991

* System 7

Apple Macintosh操作系統(tǒng)又稱為Mac OS 7,是上邊同時期Windows 3.0最大的競爭對手。

* System 7用戶界面

1995

* Windows 95

Windows 95是一種面向消費者的操作系統(tǒng)。Windows 95是一個混合的16位/32位Windows操作系統(tǒng),其版本號為4.0,開發(fā)代號為Chicago。

Windows 95咱們95后可能沒怎么見過??,但應該對98的界面有點印象兩者在用戶界面上相差不大,但Windows 98全面集成了Internet標準,是一個更強大版本的到來,桌面端十年前估計有,現(xiàn)在我們在一些舊的刷機包里應該還能見到。

* Windows 95用戶界面

* Windows 98用戶界面

1997

* Mac OS 8

Mac OS 8是蘋果計算機公司于1997年發(fā)布的操作系統(tǒng),代號“ 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系統(tǒng)應該沒有不知道的。微軟花費至少10億美元用于市場營銷和推廣Windows XP,當然營銷只是一個策略,產品的好壞才決定用戶是否去買單消費,XP也是win系列受歡迎和提供服務最長的一塊產品,2014年4月8日,服役13年的微軟Windows XP系統(tǒng)才正式“退休”。

* Windows XP 用戶界面

2007

* Windows Vista

Windows Vista是 Microsoft公司所研發(fā)的具有創(chuàng)新歷史意義的一個版本,其內核版本號為Windows NT 6.0

* Windows Vista 用戶界面

2011

* Mac OS X Lion

Mac OS X Lion 在2011年7月20日正式上線發(fā)售。滾動條默認為隱藏狀態(tài)當觸發(fā)滾動事件時才顯示,這也是當前我們最常見的滾動交互形式,注重用戶體驗。

* Mac OS X Lion 用戶界面

* 2019 Mac OS Catalina 用戶界面

2015

* Windows 10

Windows 10大家都不陌生,于2015年7月29日發(fā)布正式版。

* Windows 10 用戶界面

最后

整體回顧滾動條的演變歷史,每一個經典都代表了一個時代。

 

本文由 @owlling 原創(chuàng)發(fā)布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協(xié)議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!