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