這幾天設計界的大事情就是 Office 圖標更新了。
微軟前幾天發布了 Office 的一套全新圖標設計,整體色彩更加豐富。每種圖標在同一主題色下包含了階梯漸變,顯得更加具有現代感和動態美,代表了 Office 未來云端化、智能化、跨平臺化的大方向。
同時微軟正在考慮 Windows 整體的圖標重繪工作,運用最新 Fluent Design 視覺語言來定義下一代的 Windows界面。希望到時候的界面能讓用戶和設計師耳目一新。
如果對 Fluent Design 感到陌生,請查看其官網https://www.microsoft.com/design/fluent/
編者注:也可以查看這篇解釋 → 《用一篇文章,幫你看懂微軟最新發布的「流暢設計體系」!》
本次更新是 Office圖標5年來首次變化,上次還是2013年的時候。那么各位設計師對以前的圖標和界面還有印象嗎?Word、Excle、PPT它們剛開始長什么樣呢?一起來回顧下。
在很早之前,電腦是沒有圖形界面的,當時屏幕全都是代碼,也就是 DOS系統。UI(user interface)是什么?誰也不知道。電腦門檻很高,一般人還玩不了。
和電腦剛開始類似,MUD游戲(Multiple User Domain多用戶虛擬空間游戲)是最早的網絡游戲,沒有圖形,全部用文字和字符畫來構成。下圖是當年很火的 mud游戲──北大俠客行。
下圖是 DOS時代的 Office,真的不能想象,沒有圖文界面,這軟件怎么排版的……
比爾蓋茨說要讓每個家庭的桌上都有一臺電腦,那么電腦的門檻必定要降低,所以用戶圖形界面時代到來了,純代碼的 DOS界面實在不友好,用現在的話說就是用戶體驗極差。1990年,Office1.0登場,這在當時已經算是劃時代的作品了,各種操作圖形化,門檻大大降低。全家桶三大軟件都包括,具體版本為Word 1.1、Excel 2.0和PowerPoint 2.0。
下圖是當時 Word的界面,以現在的審美來看,是不是很難接受呢?不過它基本上奠定了未來幾十年 Word 的框架結構。
1992年,推出Office3.0,界面上沒什么大的改變,不久之后更名為 Office92。
1994年,推出Office 4.0,依然沒有大變化,貌似圖標變成彩色了?
1995年,Windows 95操作系統發布,Office 95也同步推出。從這個版本開始,Office里的軟件版本號都與Office的版本號統一了起來。比如Word 7.0、Excel 7.0、PowerPoint 7.0。桌面圖標有著濃厚的上世紀互聯網初期氣息。
1996年11月發布 Office97,界面細節更加完善。工具圖標不再使用高光引用凸出,變得更加簡潔。桌面圖標沒有改變。
在這個版本中,微軟提供了一個小助手,是一個右下角動來動去的長著大眼睛的小回形針,給用戶帶來使用幫助。后來才知道這家伙英文名叫 Clippy,2007年被去掉了。
1999年發布 Office2000,桌面圖標重新設計,開始有點現代互聯網圖標的感覺了。從這代開始全家桶的主體顏色開始確定。
小助手Clippy 換了新面貌,更加立體有光澤,同時還帶來了它的幾個小伙伴。這個是我最早接觸的 office,當時上小學,電腦課還叫微機課,上課最大的樂趣就是逗它玩兒。
發布于2001年,和 Windows XP 同一年推出。雖然新的 Office XP 名稱中有「XP」代號,但并不是只能在 Windows XP系統中運行,只是配合當時的營銷手法而命名。
界面上比2000版更加柔和和現代,少了之前的生硬,更符合互聯網時代的風格。
2003年發布,這個版本 Office 采用了新的Logo,也是使用最久的一個版本,至今很多復印店里面還在使用。
工具欄圖標背景都經過大幅度的優化,整個界面也與 XP 系統的藍色主題相得益彰,已經擺脫了以前界面中的原始感覺,開始進入現代設計風格。桌面圖標和上一代相比更加立體和質感,上大學用的最多的一版,現在看來滿滿都是回憶。
發布于2007年,這一版界面又發生了重大變化,是我最喜歡的一個版本。交互上,工具菜單進行了整合,界面看起來非常賞心悅目,整個細節把控的很好,尤其是那些高光投影的運用,在 word 里面編輯文字是一種享受。桌面圖標也是經過精心設計,結構一致。
發布于2010年,界面進一步進化,但是與2007相比去掉了很多樣式細節,偏向簡化,去掉了界面中大面積的淺藍色。Office 主Logo細節調整,變成橙黃色漸變。桌面圖標也更加優美,這版的圖標個人覺得比之前的都要有感覺。全家桶中的軟件大部分都擁有了自己專屬的字母標志。
發布于2013年,Office 主Logo發生巨變,更加簡潔。2013年也是 iOS 7發布的年份,互聯網設計風格開始往扁平化方向發展。
之前界面中的細節全部去除,只留下信息本身和主題色。這樣的設計很適合網頁版本,也預示著微軟產品開始往云端、跨平臺發展。
我目前用的這一版本,圖標沒什么變化,界面最大改動就是頂部導航用純色突出,很有層次感。
2018年下半年發布,已發正式版,是目前最新的版本。2019需要 Win 10系統才能安裝,眾多的 Win7用戶無法體驗了。不過界面和圖標上沒大更新,繼續延續扁平化的設計思想,和2016外觀基本一樣。全家桶中的三大成員都增加了新功能,趕緊去體驗吧。
除了常規的 Office版本之外還有個 Office 365,和其他的有什么區別呢?簡單來說365屬于訂閱制,是一種基于云計算的網絡服務,每年需要續費,當然會提供很多其他服務。2016屬于單機版,本地應用。主體功能上二者差不多。
Office 365 是完整的云中 Office,早在2011年就已經發布了,主體界面和同時代的Office 基本是一樣的,只不過365用戶會獲得持續更新,比如在 Office 2019推出沒多久,微軟就向 Office 365 的訂閱用戶推送了 Ribbon 用戶界面的一波更新,界面 UI 細節進行了迭代優化。
Mac版本的 Office圖標就和 Win版本的差別很大,這里大家可以看下圖。當然了,界面和 Win版本的基本類似。不過在2016版本的 Mac Office 中,圖標已經和 Win版本基本保持一致,只是增加了一些厚度細節和陰影高光,看起來更有真實感。
關于未來的 Office發展,目前微軟已經給我們指明了一些方向,除了用戶需求、使用場景、新技術運用之外,新的視覺語言也將發揮重要的作用。
下面附上 Office圖標的簡單進化歷程: