新版Office 到來之前,來回顧下這12個歷史版本設計

這幾天設計界的大事情就是 Office 圖標更新了。

微軟前幾天發(fā)布了 Office 的一套全新圖標設計,整體色彩更加豐富。每種圖標在同一主題色下包含了階梯漸變,顯得更加具有現(xiàn)代感和動態(tài)美,代表了 Office 未來云端化、智能化、跨平臺化的大方向。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

同時微軟正在考慮 Windows 整體的圖標重繪工作,運用最新 Fluent Design 視覺語言來定義下一代的 Windows界面。希望到時候的界面能讓用戶和設計師耳目一新。

如果對 Fluent Design 感到陌生,請查看其官網(wǎng)https://www.microsoft.com/design/fluent/

編者注:也可以查看這篇解釋 →?《用一篇文章,幫你看懂微軟最新發(fā)布的「流暢設計體系」!》

本次更新是 Office圖標5年來首次變化,上次還是2013年的時候。那么各位設計師對以前的圖標和界面還有印象嗎?Word、Excle、PPT它們剛開始長什么樣呢?一起來回顧下。

一、DOS時代的Office

在很早之前,電腦是沒有圖形界面的,當時屏幕全都是代碼,也就是 DOS系統(tǒng)。UI(user interface)是什么?誰也不知道。電腦門檻很高,一般人還玩不了。

和電腦剛開始類似,MUD游戲(Multiple User Domain多用戶虛擬空間游戲)是最早的網(wǎng)絡游戲,沒有圖形,全部用文字和字符畫來構成。下圖是當年很火的 mud游戲──北大俠客行。

新版Office 到來之前,來回顧下這12個歷史版本設計

下圖是 DOS時代的 Office,真的不能想象,沒有圖文界面,這軟件怎么排版的……

新版Office 到來之前,來回顧下這12個歷史版本設計

二、Office 1.0

比爾蓋茨說要讓每個家庭的桌上都有一臺電腦,那么電腦的門檻必定要降低,所以用戶圖形界面時代到來了,純代碼的 DOS界面實在不友好,用現(xiàn)在的話說就是用戶體驗極差。1990年,Office1.0登場,這在當時已經(jīng)算是劃時代的作品了,各種操作圖形化,門檻大大降低。全家桶三大軟件都包括,具體版本為Word 1.1、Excel 2.0和PowerPoint 2.0。

下圖是當時 Word的界面,以現(xiàn)在的審美來看,是不是很難接受呢?不過它基本上奠定了未來幾十年 Word 的框架結構。

新版Office 到來之前,來回顧下這12個歷史版本設計

三、Office 3.0

1992年,推出Office3.0,界面上沒什么大的改變,不久之后更名為 Office92。

新版Office 到來之前,來回顧下這12個歷史版本設計

四、Office 4.0

1994年,推出Office 4.0,依然沒有大變化,貌似圖標變成彩色了?

新版Office 到來之前,來回顧下這12個歷史版本設計

五、Office 95

新版Office 到來之前,來回顧下這12個歷史版本設計

1995年,Windows 95操作系統(tǒng)發(fā)布,Office 95也同步推出。從這個版本開始,Office里的軟件版本號都與Office的版本號統(tǒng)一了起來。比如Word 7.0、Excel 7.0、PowerPoint 7.0。桌面圖標有著濃厚的上世紀互聯(lián)網(wǎng)初期氣息。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

六、Office 97

新版Office 到來之前,來回顧下這12個歷史版本設計

1996年11月發(fā)布 Office97,界面細節(jié)更加完善。工具圖標不再使用高光引用凸出,變得更加簡潔。桌面圖標沒有改變。

新版Office 到來之前,來回顧下這12個歷史版本設計

在這個版本中,微軟提供了一個小助手,是一個右下角動來動去的長著大眼睛的小回形針,給用戶帶來使用幫助。后來才知道這家伙英文名叫 Clippy,2007年被去掉了。

新版Office 到來之前,來回顧下這12個歷史版本設計

七、Office 2000

新版Office 到來之前,來回顧下這12個歷史版本設計

1999年發(fā)布 Office2000,桌面圖標重新設計,開始有點現(xiàn)代互聯(lián)網(wǎng)圖標的感覺了。從這代開始全家桶的主體顏色開始確定。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

小助手Clippy 換了新面貌,更加立體有光澤,同時還帶來了它的幾個小伙伴。這個是我最早接觸的 office,當時上小學,電腦課還叫微機課,上課最大的樂趣就是逗它玩兒。

新版Office 到來之前,來回顧下這12個歷史版本設計

八、Office XP

新版Office 到來之前,來回顧下這12個歷史版本設計

發(fā)布于2001年,和 Windows XP 同一年推出。雖然新的 Office XP 名稱中有「XP」代號,但并不是只能在 Windows XP系統(tǒng)中運行,只是配合當時的營銷手法而命名。

界面上比2000版更加柔和和現(xiàn)代,少了之前的生硬,更符合互聯(lián)網(wǎng)時代的風格。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

九、Office 2003

新版Office 到來之前,來回顧下這12個歷史版本設計

2003年發(fā)布,這個版本 Office 采用了新的Logo,也是使用最久的一個版本,至今很多復印店里面還在使用。

工具欄圖標背景都經(jīng)過大幅度的優(yōu)化,整個界面也與 XP 系統(tǒng)的藍色主題相得益彰,已經(jīng)擺脫了以前界面中的原始感覺,開始進入現(xiàn)代設計風格。桌面圖標和上一代相比更加立體和質感,上大學用的最多的一版,現(xiàn)在看來滿滿都是回憶。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

十、Office 2007

新版Office 到來之前,來回顧下這12個歷史版本設計

發(fā)布于2007年,這一版界面又發(fā)生了重大變化,是我最喜歡的一個版本。交互上,工具菜單進行了整合,界面看起來非常賞心悅目,整個細節(jié)把控的很好,尤其是那些高光投影的運用,在 word 里面編輯文字是一種享受。桌面圖標也是經(jīng)過精心設計,結構一致。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

十一、Office 2010

新版Office 到來之前,來回顧下這12個歷史版本設計

發(fā)布于2010年,界面進一步進化,但是與2007相比去掉了很多樣式細節(jié),偏向簡化,去掉了界面中大面積的淺藍色。Office 主Logo細節(jié)調整,變成橙黃色漸變。桌面圖標也更加優(yōu)美,這版的圖標個人覺得比之前的都要有感覺。全家桶中的軟件大部分都擁有了自己專屬的字母標志。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

十二、Office 2013

新版Office 到來之前,來回顧下這12個歷史版本設計

發(fā)布于2013年,Office 主Logo發(fā)生巨變,更加簡潔。2013年也是 iOS 7發(fā)布的年份,互聯(lián)網(wǎng)設計風格開始往扁平化方向發(fā)展。

之前界面中的細節(jié)全部去除,只留下信息本身和主題色。這樣的設計很適合網(wǎng)頁版本,也預示著微軟產品開始往云端、跨平臺發(fā)展。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

十三、Office 2016

新版Office 到來之前,來回顧下這12個歷史版本設計

我目前用的這一版本,圖標沒什么變化,界面最大改動就是頂部導航用純色突出,很有層次感。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

十四、Office 2019

新版Office 到來之前,來回顧下這12個歷史版本設計

2018年下半年發(fā)布,已發(fā)正式版,是目前最新的版本。2019需要 Win 10系統(tǒng)才能安裝,眾多的 Win7用戶無法體驗了。不過界面和圖標上沒大更新,繼續(xù)延續(xù)扁平化的設計思想,和2016外觀基本一樣。全家桶中的三大成員都增加了新功能,趕緊去體驗吧。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

十五、Office 365

新版Office 到來之前,來回顧下這12個歷史版本設計

除了常規(guī)的 Office版本之外還有個 Office 365,和其他的有什么區(qū)別呢?簡單來說365屬于訂閱制,是一種基于云計算的網(wǎng)絡服務,每年需要續(xù)費,當然會提供很多其他服務。2016屬于單機版,本地應用。主體功能上二者差不多。

Office 365 是完整的云中 Office,早在2011年就已經(jīng)發(fā)布了,主體界面和同時代的Office 基本是一樣的,只不過365用戶會獲得持續(xù)更新,比如在 Office 2019推出沒多久,微軟就向 Office 365 的訂閱用戶推送了 Ribbon 用戶界面的一波更新,界面 UI? 細節(jié)進行了迭代優(yōu)化。

新版Office 到來之前,來回顧下這12個歷史版本設計

十六、Mac Office

Mac版本的 Office圖標就和 Win版本的差別很大,這里大家可以看下圖。當然了,界面和 Win版本的基本類似。不過在2016版本的 Mac Office 中,圖標已經(jīng)和 Win版本基本保持一致,只是增加了一些厚度細節(jié)和陰影高光,看起來更有真實感。

新版Office 到來之前,來回顧下這12個歷史版本設計

新版Office 到來之前,來回顧下這12個歷史版本設計

未來

關于未來的 Office發(fā)展,目前微軟已經(jīng)給我們指明了一些方向,除了用戶需求、使用場景、新技術運用之外,新的視覺語言也將發(fā)揮重要的作用。

新版Office 到來之前,來回顧下這12個歷史版本設計

下面附上 Office圖標的簡單進化歷程:

新版Office 到來之前,來回顧下這12個歷史版本設計

以 Office圖標的發(fā)展路程來說,從最初的原始感,到中期的復雜化、細節(jié)化,再到目前的扁平化、簡約化,未來已來,新的視覺語言也會引領下一代設計方向。

歡迎關注作者的微信公眾號:「UI黑客」

新版Office 到來之前,來回顧下這12個歷史版本設計

「Office?實用指南」

收藏 6
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。