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