這幾天設計界(jie)的大事情就是 Office 圖(tu)標(biao)更新了。
微軟前幾天發布了(le) Office 的一(yi)套全新圖(tu)標(biao)設計，整(zheng)體色彩更(geng)加豐(feng)富。每(mei)種圖(tu)標(biao)在同一(yi)主題(ti)色下(xia)包含了(le)階梯(ti)漸變，顯(xian)得更(geng)加具有現代感和動態美，代表了(le) Office 未來云端化、智(zhi)能化、跨平臺化的大方向。
同時(shi)微(wei)軟正在考(kao)慮 Windows 整體的(de)(de)圖標重繪工作，運用最新 Fluent Design 視覺語言(yan)來定義下(xia)一代的(de)(de) Windows界面。希望到時(shi)候的(de)(de)界面能(neng)讓用戶和設(she)計師耳(er)目一新。
如果對 Fluent Design 感到陌生，請查看其官網(wang)
編者(zhe)注：也可(ke)以查看(kan)這篇解釋 →
本次更新是 Office圖(tu)標5年來首次變化(hua)，上次還是2013年的時(shi)候。那么各位設計師對以前的圖(tu)標和(he)界面還有印象嗎？Word、Excle、PPT它們剛開始長什么樣呢？一起來回(hui)顧(gu)下(xia)。
在很(hen)早之前，電腦是(shi)沒有圖形界面(mian)的，當時屏幕全都(dou)是(shi)代碼，也就(jiu)是(shi) DOS系統。UI（user interface）是(shi)什(shen)么？誰也不知道。電腦門(men)檻很(hen)高，一(yi)般(ban)人還(huan)玩不了。
和(he)(he)電腦剛開始類似(si)，MUD游(you)戲(xi)(xi)（Multiple User Domain多用(yong)戶虛擬(ni)空間(jian)游(you)戲(xi)(xi)）是(shi)(shi)最早的網絡游(you)戲(xi)(xi)，沒有圖(tu)形，全部用(yong)文字(zi)和(he)(he)字(zi)符(fu)畫(hua)來構成。下(xia)圖(tu)是(shi)(shi)當年很(hen)火(huo)的 mud游(you)戲(xi)(xi)──北大俠客行。
下圖(tu)是 DOS時代的(de)(de) Office，真的(de)(de)不能(neng)想(xiang)象(xiang)，沒有(you)圖(tu)文界(jie)面，這軟件怎么(me)排版的(de)(de)……
比爾(er)蓋茨(ci)說要(yao)讓每(mei)個家庭的(de)桌上都(dou)有一(yi)臺電(dian)腦，那么電(dian)腦的(de)門(men)檻(jian)(jian)必定要(yao)降低(di)，所(suo)以(yi)用(yong)戶(hu)圖(tu)形界(jie)面(mian)時代(dai)到(dao)來(lai)了(le)，純(chun)代(dai)碼的(de) DOS界(jie)面(mian)實在不友好，用(yong)現在的(de)話說就是用(yong)戶(hu)體(ti)驗極差。1990年(nian)，Office1.0登(deng)場，這在當(dang)時已經(jing)算是劃(hua)時代(dai)的(de)作品了(le)，各種操作圖(tu)形化(hua)，門(men)檻(jian)(jian)大大降低(di)。全家桶三大軟件都(dou)包括，具體(ti)版本為Word 1.1、Excel 2.0和(he)PowerPoint 2.0。
下圖是當時 Word的界面，以現在的審美(mei)來(lai)看，是不(bu)是很難接受呢(ni)？不(bu)過它基本上奠定了未來(lai)幾十年 Word 的框(kuang)架結構。
1992年，推出Office3.0，界面(mian)上沒(mei)什么大的(de)改變，不久之后更(geng)名為(wei) Office92。
1994年，推出Office 4.0，依(yi)然沒有大變化(hua)，貌似圖標變成彩色了？
1995年，Windows 95操作(zuo)系統發布，Office 95也同步推出(chu)。從這個版本(ben)開始，Office里的(de)軟件版本(ben)號都與Office的(de)版本(ben)號統一(yi)了起來(lai)。比如Word 7.0、Excel 7.0、PowerPoint 7.0。桌面圖標(biao)有著濃厚的(de)上世紀互聯網初(chu)期氣息。
1996年11月發布 Office97，界面(mian)細節更加完善(shan)。工具圖(tu)標(biao)不再使(shi)用高(gao)光引用凸出，變(bian)得更加簡潔。桌面(mian)圖(tu)標(biao)沒(mei)有(you)改變(bian)。
在這(zhe)個版本中，微軟提供了(le)一個小助手，是一個右下角動(dong)(dong)來(lai)動(dong)(dong)去的長著大眼睛的小回形針，給(gei)用戶(hu)帶來(lai)使用幫助。后(hou)來(lai)才知道這(zhe)家伙英(ying)文名叫 Clippy，2007年被去掉了(le)。
1999年發(fa)布 Office2000，桌面圖標(biao)(biao)重(zhong)新(xin)設計，開始有點(dian)現(xian)代(dai)互聯網圖標(biao)(biao)的感覺了。從這代(dai)開始全家桶的主體顏色開始確定(ding)。
小(xiao)助手Clippy 換了新面(mian)貌，更加立(li)體(ti)有光(guang)澤，同時(shi)還(huan)帶來了它的幾個小(xiao)伙伴。這(zhe)個是我最早接觸的 office，當時(shi)上(shang)小(xiao)學，電腦課(ke)還(huan)叫微(wei)機課(ke)，上(shang)課(ke)最大(da)的樂趣(qu)就是逗(dou)它玩兒(er)。
發布(bu)于2001年，和 Windows XP 同一(yi)年推出。雖然新的 Office XP 名稱中有「XP」代號，但并不是只能在(zai) Windows XP系(xi)統中運行，只是配合當時(shi)的營銷手法而(er)命名。
界(jie)面(mian)上比2000版更加柔和(he)和(he)現代(dai)，少了之前(qian)的生硬，更符合互聯(lian)網時代(dai)的風格。
2003年發布，這個版(ban)本(ben)(ben) Office 采用了新的(de)Logo，也是使(shi)用最久(jiu)的(de)一個版(ban)本(ben)(ben)，至(zhi)今很多復印店里面還在使(shi)用。
工(gong)具欄(lan)圖標背景都(dou)(dou)經(jing)過(guo)大幅度的(de)(de)優化，整個界(jie)面(mian)也與(yu) XP 系(xi)統(tong)的(de)(de)藍色主題相得益(yi)彰(zhang)，已(yi)經(jing)擺脫了以(yi)前界(jie)面(mian)中(zhong)的(de)(de)原始感(gan)覺(jue)，開始進入現代(dai)設計風格。桌面(mian)圖標和上一(yi)代(dai)相比更加立體和質(zhi)感(gan)，上大學(xue)用(yong)的(de)(de)最(zui)多的(de)(de)一(yi)版，現在看來(lai)滿滿都(dou)(dou)是回憶。
發布于2007年，這一(yi)(yi)版界面(mian)又(you)發生了(le)重大變化，是我最喜歡(huan)的一(yi)(yi)個版本。交(jiao)互上，工具菜(cai)單進行(xing)了(le)整合，界面(mian)看起來非常賞心悅(yue)目，整個細節把(ba)控的很好(hao)，尤其是那些(xie)高光投影的運用，在 word 里面(mian)編輯文字(zi)是一(yi)(yi)種(zhong)享(xiang)受。桌面(mian)圖標也是經過精心設計，結構一(yi)(yi)致。
發布于2010年，界面(mian)進(jin)一(yi)步進(jin)化，但(dan)是(shi)與2007相(xiang)比去掉了很多(duo)樣式細節，偏向簡(jian)化，去掉了界面(mian)中(zhong)大(da)面(mian)積的淺藍色。Office 主(zhu)Logo細節調(diao)整，變(bian)成橙黃色漸變(bian)。桌面(mian)圖標也(ye)更加(jia)優美(mei)，這(zhe)版(ban)的圖標個(ge)人覺得比之(zhi)前的都要有(you)感覺。全家桶(tong)中(zhong)的軟(ruan)件(jian)大(da)部分都擁(yong)有(you)了自己專屬的字母(mu)標志。
發布于2013年，Office 主Logo發生巨(ju)變(bian)，更(geng)加(jia)簡潔。2013年也是 iOS 7發布的年份(fen)，互聯網設計風格(ge)開始往扁(bian)平化方向發展。
之前界面中的細節全部去除，只留下信息本身和主題色。這樣的設計很適(shi)合網頁(ye)版(ban)本，也(ye)預示著微軟產品(pin)開(kai)始往云端、跨平臺發展。
我目(mu)前用的(de)這(zhe)一版本，圖(tu)標(biao)沒什么變化，界面最大改動就是(shi)頂(ding)部導航用純色突出，很有層次感。
2018年(nian)下半年(nian)發(fa)布，已發(fa)正式版，是目前最(zui)新(xin)的版本。2019需要 Win 10系(xi)統(tong)才能安裝(zhuang)，眾多的 Win7用(yong)戶(hu)無法體驗了(le)。不(bu)過界面和(he)圖標上(shang)沒大更(geng)新(xin)，繼續延續扁平化的設計思想，和(he)2016外觀基(ji)本一樣。全家桶中的三(san)大成員都增加了(le)新(xin)功能，趕緊去(qu)體驗吧。
除了常規(gui)的(de) Office版(ban)本(ben)之外還有個(ge) Office 365，和其他(ta)的(de)有什么區別呢？簡單來(lai)說365屬于訂閱制，是一種基(ji)于云計算的(de)網(wang)絡服務，每年需(xu)要(yao)續(xu)費，當然會(hui)提供很多其他(ta)服務。2016屬于單機(ji)版(ban)，本(ben)地應用。主(zhu)體功(gong)能上二者差不多。
Office 365 是完整的(de)云中 Office，早(zao)在2011年就已經發布了，主體界(jie)面和同時代(dai)的(de)Office 基本是一(yi)樣(yang)的(de)，只(zhi)不過365用戶會獲得(de)持(chi)續更(geng)新(xin)，比如在 Office 2019推(tui)出沒多久，微軟就向 Office 365 的(de)訂閱用戶推(tui)送(song)了 Ribbon 用戶界(jie)面的(de)一(yi)波(bo)更(geng)新(xin)，界(jie)面 UI 細節進行了迭代(dai)優(you)化(hua)。
Mac版本(ben)(ben)的(de) Office圖標就和 Win版本(ben)(ben)的(de)差別很大，這里(li)大家可以(yi)看(kan)下圖。當(dang)然(ran)了，界(jie)面和 Win版本(ben)(ben)的(de)基本(ben)(ben)類似(si)。不過在2016版本(ben)(ben)的(de) Mac Office 中，圖標已(yi)經和 Win版本(ben)(ben)基本(ben)(ben)保持一致(zhi)，只(zhi)是(shi)增加了一些厚度細節和陰影高(gao)光，看(kan)起來(lai)更有真(zhen)實感。
關于未來(lai)的(de)(de) Office發展，目前微軟已經給我們(men)指(zhi)明了一些方向，除(chu)了用(yong)(yong)戶需求(qiu)、使用(yong)(yong)場景、新技術運用(yong)(yong)之外，新的(de)(de)視覺語(yu)言也將發揮重要的(de)(de)作用(yong)(yong)。
下面附上 Office圖標的簡單進化歷程：
在線客服1號
微信公眾賬號