在開始之前,先了解背景是很有幫助的。在大約五十年前,電腦有冰箱那么大,而且價格相當于一輛跑車。后來,硬件逐漸變得更小、更便宜,功能也變得更強大。并在 1974 年,第一臺個人計算機 Altair 8800 被制造了出來。不久后,微型計算機的銷售量迅速的增長( 當然,微型是相比于冰箱而言 )。而商用計算機 ( 主要是大型且昂貴的主機 )的制造商 “IBM” 也決定進入這個市場。但在當時他們沒有適合新硬件的操作系統。在 1980 年 11 月 6 日,IBM 和 Microsoft 簽訂了合同。當時的微軟大概有 30 名員工,并且已經因為他們的 BASIC 產品而聞名。該產品銷售了超過五十萬份。

在 80 年代初期,最著名的操作系統是 CP / M,它看起來像這樣:

35年的 Windows 系統界面設計是如何演變的?

CP / M 操作系統接口

在當時,去開發一個功能相似的新操作系統 MS-DOS 是非常明顯的一步。但很快,在 1984 年蘋果發布了第一臺 Macintosh 計算機。它證實了,圖形用戶界面對沒有經驗的用戶更具有吸引力。

35年的 Windows 系統界面設計是如何演變的?

Apple Macintosh System V 界面

我也不知道 Microsoft 是什么時候決定開啟第一個 Windows 項目的。但在一年后,也就是 1985 年,第一個版本 —— Windows 1.0 就發布了。

模擬系統

我不認為,現在大多數用戶都擁有一臺能夠運行 MA-DOS 的計算機,我們大概率用不到它。測試任何老系統最簡單的辦法就是在模擬器中運行它。而更好的辦法是 “玩” 實際的磁盤映像并運行 “真實的” 軟件。這會幫助你真正的理解它運行的方式。有兩種方式可以做到這一點。

可以使用這個不錯的網站: https://www.pcjs.org/software 。它可以在瀏覽器中直接運行各種各樣的操作系統的圖像。

第二個辦法是在你的電腦上安裝 DOSBox 模擬器,它可以運行任何系統。從 Windows1.0 到 Windows95 它都可以。

標準 DOSBox 只有命令行支持,并且它還有點煩人,尤其是從 img 文件安裝外部驅動器時。我使用的是 DOSBox SUV Daum 版本,它有一個更友好的用戶界面:

35年的 Windows 系統界面設計是如何演變的?

DOSBox[1] 模擬器

( [1]DOSBox 是一個軟件。它是當前在 Windows、Linux,macOS、Android 系統運行 DOS 游戲的較為完美的解決方案,該軟件不僅能支持相當多的游戲實現正常運行,而且能將聲音完美表現出來。)

現在,我們準備就緒。開始吧!

Windows 1.01(1985)

版本 1.01 是 Windows 的第一個公開版本。讓我們看看 Windows 的第一版安裝程序是什么樣子。

35年的 Windows 系統界面設計是如何演變的?

Windows 1.01 安裝程序

開機標志:

35年的 Windows 系統界面設計是如何演變的?

Windows 1.01 啟動標志

啟動后的用戶界面:

35年的 Windows 系統界面設計是如何演變的?

Windows 1.01 界面

Windows 1.01 顯然已經有了一個非常基礎的設計,大多數的 UI 組件 —— 窗口,滾動條,菜單都已經存在。“復制” 和 “粘貼” 功能也可以適用于應用程序之間。但此操作僅限于文本,還并不能復制和粘貼文件或文件夾。鼠標的功能也是有限的,就和 MAC 的一樣,第一個鼠標只有一個按鍵。還有另一個有趣的功能 —— 窗口可以最大化或調整大小,但只能在一個垂直維度上操作。并且,很明顯,應用程序之間還沒有 Alt+Tab 切換,也沒有桌面壁紙等等的功能。

當然,還可以進行某種可視化文本的編輯:

35年的 Windows 系統界面設計是如何演變的?

Windows 1.01 文本編輯器

其他的一些應用,如計算器 / 日歷,都是可以使用的。但可以使用的應用是有限的。

35年的 Windows 系統界面設計是如何演變的?

Windows 1.01 日歷

這是 Windows 中所有可執行文件的清單。如我們所見,它不是很長。

35年的 Windows 系統界面設計是如何演變的?

Windows 1.01 文件夾中的可執行文件

我經常會讀到一些 “初代 Windows 只是一個基于 MS-DOS 的外殼” 的觀點。但它其實只有 50% 是正確的。在 Windows 中運行 MS-DOS 的應用確實可行。而且我相信,很多人確實這樣使用過它。但全新的 GUI API —— 圖形用戶界面被制造了出來。這個 API (應用程序接口)允許其他開發者去制作新軟件,不僅可以在 Windows 本地運行,還可以使用很多新類型的控件 —— 按鈕、滾動條、字體和其他元素。當然,這個新的 GUI(圖形用戶界面)和 MS-DOS 不兼容。開發者必須完全重寫舊代碼或從頭開始制作新的應用程序。如果我們嘗試在 MS-DOS 中去運行 Windows1.0 的應用程序,我們會看到一個錯誤反饋:

35年的 Windows 系統界面設計是如何演變的?

MS-DOS[2] 模式下的錯誤信息

( [2]MS-DOS(微軟磁盤操作系統),是美國微軟公司提供的磁盤操作系統。在美國微軟公司推出 Windows1.0、Windows3.0、Windows 95 以前,磁盤操作系統是 IBM PC 及兼容機中的最基本配備,而 MS-DOS 則是個人電腦中最普遍使用的磁盤操作系統之一。)

因此,Windows 不僅是像 Norton Commander[ 3 ] 一樣,是基于 MS-DOS 的一個外殼,它也擁有自己的 API 和 UI 庫。這也算是一種 “雞與蛋” 的問題:因為,當新的操作系統發布時,它是沒有應用程序的。而且,我也不知道,第一個 Windows 1.0 API 是公開的,還是之后為第三方開發者發布的。

( [3]Norton Conmmander 4.0 是美國 Symantec 公司推出的一套 DOS 下的 SHELL 軟件,它的功能極其強大,界面快捷友好,是用戶必備的工具軟件。)

與 Apple 的 Macintosh 相比,第一版 Windows 的功能很有限。但至少,它是 MS 開發者的一個開始。更重要的是,IBM PC 比 MAC 便宜將近 30%。并且,在 640*840 分辨率的 9-12 英寸顯示器上,屏幕上有多個窗口并沒有那么重要。對于許多應用程序,就算使用全屏文本模式的界面設計也足夠了。

為了展示一下基于文本的 UI 的外觀,讓我們來看看 Lotus 1-2-3:

35年的 Windows 系統界面設計是如何演變的?

Lotus 1-2-3 的用戶界面

這是用于 MS-DOS 的 Microsoft Word1.1,只是為了好玩:

35年的 Windows 系統界面設計是如何演變的?

用于 MS-DOS 的 Microsoft Word1.1

與此相比,即使是第一版 Windows UI,也是向前邁進了一步。我也能想象到在那樣短的時間內,從頭開始制作一個全新的系統,應用程序和實用程序,是多么的艱難。最后但很重要的一點是,Windows 1.0 支持開箱即用的彩色屏幕。

Windows 2.1(1988)

我不知道有多少開發人員在 Windows 團隊中工作。但我們可以看到幾年內,界面設計就有了改進:

35年的 Windows 系統界面設計是如何演變的?

Windows 2.1 界面

它仍然沒有桌面,沒有開始按鈕,也沒有任務欄。如果一定要,也只有最小化應用程序的圖標可以在屏幕上移動。實話說,這些改變看起來沒有我想象中的那么巨大。我猜主要的原因可能是因為當年微軟的主要利潤來源不是 Windows,大部分開發者忙于其他的項目。

很有趣的是,直到今天,我們仍然可以看到一些應用,如 Notepad,依舊沒有改變太多。

35年的 Windows 系統界面設計是如何演變的?

Windows 2.1 Notepad[4]

( [4]notepad(記事本)是一種代碼編輯器,也是 Windows 操作系統中的程序,用于文本編輯,在文字編輯方面與 Windows 寫字板,Office 功能相當。)

連接功能非常有限,互聯網還沒有被發明。該終端的應用程序,被允許在使用調制解調器[5] 撥打電話。

( [5]調制解調器,是調制器和解調器的縮寫 ,一種計算機硬件,它能把計算機的數字信號翻譯成可沿普通電話線傳送的模擬信號,而這些模擬信號又可被線路另一端的另一個調制解調器接收,并譯成計算機可懂的語言。)

35年的 Windows 系統界面設計是如何演變的?

Windows 2.1 通訊終端

有趣的是,使用每秒 1200 位的連接速度,可能需要十分鐘才能加載出這篇文章。但是,當時 HTML 還沒有被發明。

Windows 3.0(1990)

Windows 3.0 比它的前輩還成功,第一年就賣出了 400 萬份。

35年的 Windows 系統界面設計是如何演變的?

Windows 3.0 啟動標志

有趣的是,界面設計的趨勢 “回歸” 到了扁平化和低飽和顏色,即使在今天,它的界面看起來依舊很不錯。

35年的 Windows 系統界面設計是如何演變的?

Windows 3.0 界面

文件管理器和程序管理器變成了獨立應用程序。最后,文件可以被縮放(順便一提,MAC 在幾年前就可以使用了)。但它仍然無法使用長文件名 —— 這種 DOS 遺留和所謂的 “8.3 文件名” 在 Windows95 之前一直存在著。

35年的 Windows 系統界面設計是如何演變的?

Microsoft Word 2.0C 安裝程序

編輯器本身是有足夠的文本處理功能

35年的 Windows 系統界面設計是如何演變的?

Microsoft Word 2.0C 界面

MS Word 安裝程序只有 8MB 的大小。

Windows 3.1(1992)和 3.11(1993)

這是我們評論中的最后一個版本:

35年的 Windows 系統界面設計是如何演變的?

Windows 3.1 界面

從 UI 的角度看,仍是有許多不同的。最值得提的點有三個:

  • 添加了 TrueType 字體支持。這些是使用貝塞爾曲線的矢量字體,并且可以在不損傷質量的情況下輕松的縮放。TTF 格式的文件直到今天也仍在使用。
  • 就像我們在這張照片上看到的那樣,該版本添加了媒體播放器和錄音機應用。多媒體的新時代開始了。第三方開發者也開始制作音頻處理程序。

35年的 Windows 系統界面設計是如何演變的?

Creative WaveStudio 編輯器

  • 該版本還添加了 TCP / IP 支持。最后,電腦獲得了連接互聯網的能力。(盡管當時大多數人不知道這個詞。)

35年的 Windows 系統界面設計是如何演變的?

Windows 3.11 TCP/IP 設置

另一個重要的里程碑:Photoshop 在 1992 年第一次發布適用于 Windows 的版本 —— Photoshop2.5。

當時還不支持使用圖層,并且打開這張 8 萬像素的圖像大概需要 5 秒(這對當時來說是個巨大的尺寸)。令人驚訝的是,它的界面并沒有太大改變。總的來說,這個版本可以進行基本的圖像操作(裁剪、層次、曲線、添加文本、應用簡單的過濾器:如模糊或銳度。)

35年的 Windows 系統界面設計是如何演變的?

Photoshop2.5 界面

編程

最后一件必須要提的事 —— 編程中的新概念。它于 1991 年,在微軟的 Visual Basic 1.0 版本中發布,并成為了一個新興的 IDE(我也不知這個詞在 1991 年是否存在)。它可以使應用程序資源和事件處理程序進行可視化編輯,這種方法一直沿用至今。

35年的 Windows 系統界面設計是如何演變的?

Microsoft Visual Basic 1.0 界面

我們可以創建一個項目并編輯它(我不確定 Basic 是否真的是一個編譯器)。之后就可以獲得在 Windows 本地運行的 exe 文件。

35年的 Windows 系統界面設計是如何演變的?

使用 VB 制作的 Hello World 應用程序

我不知道 Windows 各版本之間的兼容性如何,但遺憾的是,我不能在 Windows10 中運行這個項目。

35年的 Windows 系統界面設計是如何演變的?

Windows 10 中的錯誤提示

Windows10 的文件屬性中有一個 “兼容模式” 選項,但可選擇的最低版本是 Windows95。并沒有 Windows3.1 的程序使用支持。

對了,Visual Basic.NET 今天依舊存在。感興趣的朋友可以試試看,看看是否可以打開 20 年前制作的 1.0 版本的項目。

結論

很開心可以了解 Windows 的演變。在不到十年間,Windows 從一個只有 1.5MB 大小的超簡版演變成了一個成熟的系統。

歡迎關注作者微信公眾號:「TCC翻譯情報局」

35年的 Windows 系統界面設計是如何演變的?

收藏 18
點贊 26

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。