35年的 Windows 系統(tǒng)界面設(shè)計(jì)是如何演變的?
在開始之前,先了解背景是很有幫助的。在大約五十年前,電腦有冰箱那么大,而且價(jià)格相當(dāng)于一輛跑車。后來,硬件逐漸變得更小、更便宜,功能也變得更強(qiáng)大。并在 1974 年,第一臺(tái)個(gè)人計(jì)算機(jī) Altair 8800 被制造了出來。不久后,微型計(jì)算機(jī)的銷售量迅速的增長( 當(dāng)然,微型是相比于冰箱而言 )。而商用計(jì)算機(jī) ( 主要是大型且昂貴的主機(jī) )的制造商 “IBM” 也決定進(jìn)入這個(gè)市場(chǎng)。但在當(dāng)時(shí)他們沒有適合新硬件的操作系統(tǒng)。在 1980 年 11 月 6 日,IBM 和 Microsoft 簽訂了合同。當(dāng)時(shí)的微軟大概有 30 名員工,并且已經(jīng)因?yàn)樗麄兊?BASIC 產(chǎn)品而聞名。該產(chǎn)品銷售了超過五十萬份。
在 80 年代初期,最著名的操作系統(tǒng)是 CP / M,它看起來像這樣:
CP / M 操作系統(tǒng)接口
在當(dāng)時(shí),去開發(fā)一個(gè)功能相似的新操作系統(tǒng) MS-DOS 是非常明顯的一步。但很快,在 1984 年蘋果發(fā)布了第一臺(tái) Macintosh 計(jì)算機(jī)。它證實(shí)了,圖形用戶界面對(duì)沒有經(jīng)驗(yàn)的用戶更具有吸引力。
Apple Macintosh System V 界面
我也不知道 Microsoft 是什么時(shí)候決定開啟第一個(gè) Windows 項(xiàng)目的。但在一年后,也就是 1985 年,第一個(gè)版本 —— Windows 1.0 就發(fā)布了。
模擬系統(tǒng)
我不認(rèn)為,現(xiàn)在大多數(shù)用戶都擁有一臺(tái)能夠運(yùn)行 MA-DOS 的計(jì)算機(jī),我們大概率用不到它。測(cè)試任何老系統(tǒng)最簡單的辦法就是在模擬器中運(yùn)行它。而更好的辦法是 “玩” 實(shí)際的磁盤映像并運(yùn)行 “真實(shí)的” 軟件。這會(huì)幫助你真正的理解它運(yùn)行的方式。有兩種方式可以做到這一點(diǎn)。
可以使用這個(gè)不錯(cuò)的網(wǎng)站: https://www.pcjs.org/software 。它可以在瀏覽器中直接運(yùn)行各種各樣的操作系統(tǒng)的圖像。
第二個(gè)辦法是在你的電腦上安裝 DOSBox 模擬器,它可以運(yùn)行任何系統(tǒng)。從 Windows1.0 到 Windows95 它都可以。
標(biāo)準(zhǔn) DOSBox 只有命令行支持,并且它還有點(diǎn)煩人,尤其是從 img 文件安裝外部驅(qū)動(dòng)器時(shí)。我使用的是 DOSBox SUV Daum 版本,它有一個(gè)更友好的用戶界面:
DOSBox[1] 模擬器
( [1]DOSBox 是一個(gè)軟件。它是當(dāng)前在 Windows、Linux,macOS、Android 系統(tǒng)運(yùn)行 DOS 游戲的較為完美的解決方案,該軟件不僅能支持相當(dāng)多的游戲?qū)崿F(xiàn)正常運(yùn)行,而且能將聲音完美表現(xiàn)出來。)
現(xiàn)在,我們準(zhǔn)備就緒。開始吧!
Windows 1.01(1985)
版本 1.01 是 Windows 的第一個(gè)公開版本。讓我們看看 Windows 的第一版安裝程序是什么樣子。
Windows 1.01 安裝程序
開機(jī)標(biāo)志:
Windows 1.01 啟動(dòng)標(biāo)志
啟動(dòng)后的用戶界面:
Windows 1.01 界面
Windows 1.01 顯然已經(jīng)有了一個(gè)非?;A(chǔ)的設(shè)計(jì),大多數(shù)的 UI 組件 —— 窗口,滾動(dòng)條,菜單都已經(jīng)存在。“復(fù)制” 和 “粘貼” 功能也可以適用于應(yīng)用程序之間。但此操作僅限于文本,還并不能復(fù)制和粘貼文件或文件夾。鼠標(biāo)的功能也是有限的,就和 MAC 的一樣,第一個(gè)鼠標(biāo)只有一個(gè)按鍵。還有另一個(gè)有趣的功能 —— 窗口可以最大化或調(diào)整大小,但只能在一個(gè)垂直維度上操作。并且,很明顯,應(yīng)用程序之間還沒有 Alt+Tab 切換,也沒有桌面壁紙等等的功能。
當(dāng)然,還可以進(jìn)行某種可視化文本的編輯:
Windows 1.01 文本編輯器
其他的一些應(yīng)用,如計(jì)算器 / 日歷,都是可以使用的。但可以使用的應(yīng)用是有限的。
Windows 1.01 日歷
這是 Windows 中所有可執(zhí)行文件的清單。如我們所見,它不是很長。
Windows 1.01 文件夾中的可執(zhí)行文件
我經(jīng)常會(huì)讀到一些 “初代 Windows 只是一個(gè)基于 MS-DOS 的外殼” 的觀點(diǎn)。但它其實(shí)只有 50% 是正確的。在 Windows 中運(yùn)行 MS-DOS 的應(yīng)用確實(shí)可行。而且我相信,很多人確實(shí)這樣使用過它。但全新的 GUI API —— 圖形用戶界面被制造了出來。這個(gè) API (應(yīng)用程序接口)允許其他開發(fā)者去制作新軟件,不僅可以在 Windows 本地運(yùn)行,還可以使用很多新類型的控件 —— 按鈕、滾動(dòng)條、字體和其他元素。當(dāng)然,這個(gè)新的 GUI(圖形用戶界面)和 MS-DOS 不兼容。開發(fā)者必須完全重寫舊代碼或從頭開始制作新的應(yīng)用程序。如果我們嘗試在 MS-DOS 中去運(yùn)行 Windows1.0 的應(yīng)用程序,我們會(huì)看到一個(gè)錯(cuò)誤反饋:
MS-DOS[2] 模式下的錯(cuò)誤信息
( [2]MS-DOS(微軟磁盤操作系統(tǒng)),是美國微軟公司提供的磁盤操作系統(tǒng)。在美國微軟公司推出 Windows1.0、Windows3.0、Windows 95 以前,磁盤操作系統(tǒng)是 IBM PC 及兼容機(jī)中的最基本配備,而 MS-DOS 則是個(gè)人電腦中最普遍使用的磁盤操作系統(tǒng)之一。)
因此,Windows 不僅是像 Norton Commander[ 3 ] 一樣,是基于 MS-DOS 的一個(gè)外殼,它也擁有自己的 API 和 UI 庫。這也算是一種 “雞與蛋” 的問題:因?yàn)?,?dāng)新的操作系統(tǒng)發(fā)布時(shí),它是沒有應(yīng)用程序的。而且,我也不知道,第一個(gè) Windows 1.0 API 是公開的,還是之后為第三方開發(fā)者發(fā)布的。
( [3]Norton Conmmander 4.0 是美國 Symantec 公司推出的一套 DOS 下的 SHELL 軟件,它的功能極其強(qiáng)大,界面快捷友好,是用戶必備的工具軟件。)
與 Apple 的 Macintosh 相比,第一版 Windows 的功能很有限。但至少,它是 MS 開發(fā)者的一個(gè)開始。更重要的是,IBM PC 比 MAC 便宜將近 30%。并且,在 640*840 分辨率的 9-12 英寸顯示器上,屏幕上有多個(gè)窗口并沒有那么重要。對(duì)于許多應(yīng)用程序,就算使用全屏文本模式的界面設(shè)計(jì)也足夠了。
為了展示一下基于文本的 UI 的外觀,讓我們來看看 Lotus 1-2-3:
Lotus 1-2-3 的用戶界面
這是用于 MS-DOS 的 Microsoft Word1.1,只是為了好玩:
用于 MS-DOS 的 Microsoft Word1.1
與此相比,即使是第一版 Windows UI,也是向前邁進(jìn)了一步。我也能想象到在那樣短的時(shí)間內(nèi),從頭開始制作一個(gè)全新的系統(tǒng),應(yīng)用程序和實(shí)用程序,是多么的艱難。最后但很重要的一點(diǎn)是,Windows 1.0 支持開箱即用的彩色屏幕。
Windows 2.1(1988)
我不知道有多少開發(fā)人員在 Windows 團(tuán)隊(duì)中工作。但我們可以看到幾年內(nèi),界面設(shè)計(jì)就有了改進(jìn):
Windows 2.1 界面
它仍然沒有桌面,沒有開始按鈕,也沒有任務(wù)欄。如果一定要,也只有最小化應(yīng)用程序的圖標(biāo)可以在屏幕上移動(dòng)。實(shí)話說,這些改變看起來沒有我想象中的那么巨大。我猜主要的原因可能是因?yàn)楫?dāng)年微軟的主要利潤來源不是 Windows,大部分開發(fā)者忙于其他的項(xiàng)目。
很有趣的是,直到今天,我們?nèi)匀豢梢钥吹揭恍?yīng)用,如 Notepad,依舊沒有改變太多。
Windows 2.1 Notepad[4]
( [4]notepad(記事本)是一種代碼編輯器,也是 Windows 操作系統(tǒng)中的程序,用于文本編輯,在文字編輯方面與 Windows 寫字板,Office 功能相當(dāng)。)
連接功能非常有限,互聯(lián)網(wǎng)還沒有被發(fā)明。該終端的應(yīng)用程序,被允許在使用調(diào)制解調(diào)器[5] 撥打電話。
( [5]調(diào)制解調(diào)器,是調(diào)制器和解調(diào)器的縮寫 ,一種計(jì)算機(jī)硬件,它能把計(jì)算機(jī)的數(shù)字信號(hào)翻譯成可沿普通電話線傳送的模擬信號(hào),而這些模擬信號(hào)又可被線路另一端的另一個(gè)調(diào)制解調(diào)器接收,并譯成計(jì)算機(jī)可懂的語言。)
Windows 2.1 通訊終端
有趣的是,使用每秒 1200 位的連接速度,可能需要十分鐘才能加載出這篇文章。但是,當(dāng)時(shí) HTML 還沒有被發(fā)明。
Windows 3.0(1990)
Windows 3.0 比它的前輩還成功,第一年就賣出了 400 萬份。
Windows 3.0 啟動(dòng)標(biāo)志
有趣的是,界面設(shè)計(jì)的趨勢(shì) “回歸” 到了扁平化和低飽和顏色,即使在今天,它的界面看起來依舊很不錯(cuò)。
Windows 3.0 界面
文件管理器和程序管理器變成了獨(dú)立應(yīng)用程序。最后,文件可以被縮放(順便一提,MAC 在幾年前就可以使用了)。但它仍然無法使用長文件名 —— 這種 DOS 遺留和所謂的 “8.3 文件名” 在 Windows95 之前一直存在著。
Microsoft Word 2.0C 安裝程序
編輯器本身是有足夠的文本處理功能
Microsoft Word 2.0C 界面
MS Word 安裝程序只有 8MB 的大小。
Windows 3.1(1992)和 3.11(1993)
這是我們?cè)u(píng)論中的最后一個(gè)版本:
Windows 3.1 界面
從 UI 的角度看,仍是有許多不同的。最值得提的點(diǎn)有三個(gè):
- 添加了 TrueType 字體支持。這些是使用貝塞爾曲線的矢量字體,并且可以在不損傷質(zhì)量的情況下輕松的縮放。TTF 格式的文件直到今天也仍在使用。
- 就像我們?cè)谶@張照片上看到的那樣,該版本添加了媒體播放器和錄音機(jī)應(yīng)用。多媒體的新時(shí)代開始了。第三方開發(fā)者也開始制作音頻處理程序。
Creative WaveStudio 編輯器
- 該版本還添加了 TCP / IP 支持。最后,電腦獲得了連接互聯(lián)網(wǎng)的能力。(盡管當(dāng)時(shí)大多數(shù)人不知道這個(gè)詞。)
Windows 3.11 TCP/IP 設(shè)置
另一個(gè)重要的里程碑:Photoshop 在 1992 年第一次發(fā)布適用于 Windows 的版本 —— Photoshop2.5。
當(dāng)時(shí)還不支持使用圖層,并且打開這張 8 萬像素的圖像大概需要 5 秒(這對(duì)當(dāng)時(shí)來說是個(gè)巨大的尺寸)。令人驚訝的是,它的界面并沒有太大改變。總的來說,這個(gè)版本可以進(jìn)行基本的圖像操作(裁剪、層次、曲線、添加文本、應(yīng)用簡單的過濾器:如模糊或銳度。)
Photoshop2.5 界面
編程
最后一件必須要提的事 —— 編程中的新概念。它于 1991 年,在微軟的 Visual Basic 1.0 版本中發(fā)布,并成為了一個(gè)新興的 IDE(我也不知這個(gè)詞在 1991 年是否存在)。它可以使應(yīng)用程序資源和事件處理程序進(jìn)行可視化編輯,這種方法一直沿用至今。
Microsoft Visual Basic 1.0 界面
我們可以創(chuàng)建一個(gè)項(xiàng)目并編輯它(我不確定 Basic 是否真的是一個(gè)編譯器)。之后就可以獲得在 Windows 本地運(yùn)行的 exe 文件。
使用 VB 制作的 Hello World 應(yīng)用程序
我不知道 Windows 各版本之間的兼容性如何,但遺憾的是,我不能在 Windows10 中運(yùn)行這個(gè)項(xiàng)目。
Windows 10 中的錯(cuò)誤提示
Windows10 的文件屬性中有一個(gè) “兼容模式” 選項(xiàng),但可選擇的最低版本是 Windows95。并沒有 Windows3.1 的程序使用支持。
對(duì)了,Visual Basic.NET 今天依舊存在。感興趣的朋友可以試試看,看看是否可以打開 20 年前制作的 1.0 版本的項(xiàng)目。
結(jié)論
很開心可以了解 Windows 的演變。在不到十年間,Windows 從一個(gè)只有 1.5MB 大小的超簡版演變成了一個(gè)成熟的系統(tǒng)。