天天看點

深度:從 Office 365 新圖示來看微軟背後的設計新理念

開始表演

請關注我的公衆号“寒樹Office”來擷取一些新鮮而有趣的新聞與知識,最近又有兩家俱樂部上線了(東莞與長沙),俱樂部的活動告一段落,接下來的日子裡我将持續與大家分享 Office 365 的精彩内容,這次很高興與大家分享 Office 365 的新圖示以及它們背後的故事。

深度:從 Office 365 新圖示來看微軟背後的設計新理念

今天(2019年3月11日)微軟全面推送了 Office 365 新圖示,而早些時候(一星期前)己有部分幸運兒己經收到了更新,亦或将通道改成“Dogfood”(“狗糧”是微軟産品測試中的一個重要環節)來得到 Office 的早期預覽版。背景回複“O365”,分享給你 SVG 格式的 LOGO 吧。

不過即便如此,預設情況下,還是需要多操作一步,才能提前體驗到全新的 LOGO。

添加功能:選項-->快速通路工具欄-->添加” Office 預覽體驗計劃“;

勾選體驗:為我注冊以獲得提前體驗 Office 新版本的資格;

選擇級别:選擇你的 Office 預覽體驗度劃級别為“預覽體驗成員”;

勾選同意:我同意有關我參與此度早的條款和條件。

幕後推手

微軟早在2018年底(11月30日),就宣布了 Office 365 新圖示計劃,直到今天方才正式落地。當時微軟 Office 設計負責人喬恩.弗裡德曼(Jon Friedman)就宣布,他正在考慮要重新設計 Office 365程式的圖示,包括Word,Excel,PowerPoint,OneNote,Outlook,OneDrive,SharePoint。重新設計的圖示是微軟使Office成為協作套件平台的目标的一部分。

喬恩.弗裡德曼是個優雅的帥哥,現任 Office 365 首席設計師。正是這個微軟的老幹部,主導了 Office 365 的視覺設計,帶來了全新的人機互動理念,這是一種不同以往的操作模式。喬恩.弗裡德曼表示建立一個通用系統并同時設計圖示是一項艱巨的任務。現在他已經建立了這個系統,并将開始在整個微軟中擴充它,這便是 Fluent Design 流暢設計風格。

流暢設計

Office 上一次 更換新圖示還是在 2013 年的時候,整整跨越了15年。微軟在 Build 2017 開發者大會上首次公布了 Fluent Design System(流暢設計體系)。Office Fluent Design 圖示與曆史版本的Office圖示(Office 2003/2007/2010/2013)放在一起做一下比較,能明顯地看出變化:

深度:從 Office 365 新圖示來看微軟背後的設計新理念

Office 365 最新 Logo 采用的 Fluent Design 流暢設計風格,是微軟在設計風格上的一大進步。之是以稱之為“Fluent Design的一大步”,是因為Office的跨平台通用性,會使Fluent Design設計走出Windows系統,跨入Mac OS、iOS、Android等平台。以下這些 Fluent Design 圖示在PC、筆記本、平闆、手機等平台的效果展示:

深度:從 Office 365 新圖示來看微軟背後的設計新理念

未來也将在所有微軟服務中更新類似的圖示,這是微軟野心勃勃的一個全新視覺設計體系,包括五大核心元素:Light(光感)、Depth(深度)、Motion(動畫)、Material(材質)和 Scale(縮放),能讓你全方位感受到新視覺設計所帶來的全新體驗。了解更多:

https://developer.microsoft.com/en-us/windows/apps/design?ocid=cxfluent-getstartedfooter-devcenterappsdesign
深度:從 Office 365 新圖示來看微軟背後的設計新理念

設計理念

新的 Office 365 應用圖示傳遞了三大思想:功能性、簡潔性、智能化。

  • 功能性:遵重曆史并且基本保留 Office 的圖示的曆史,比如将字母和符号結合,圖示之間既互相獨立用互相配對,用形狀原則來強調産品變化,每個圖示都有獨特并且易區分的符号,并且它們之間互相連接配接,在此基礎上主導了新圖示改進之;
  • 簡潔性:更加強調簡潔,簡潔和和諧則是視覺元素的關鍵,反應 Office 的直覺和連接配接性。強烈的色彩依然時 Office 圖示品牌的核心,新圖示改進了調色闆,使用了更大膽、更更輕、更友好的色調,展現出對 Office 發展曆程的肯定。
  • 智能化:以人為本,強調内容以及速度變化,增加了圖示的深度。Office 365 增加大量智能化功能,在這一系列變化背後,實際上是一條人機互動設計理念Office 365 向雲而生,人工智能在未來的版本疊代中将成為"關鍵先生"。
深度:從 Office 365 新圖示來看微軟背後的設計新理念

以 Office 套件中的 Word 圖示為例來看一下變化,從進化來看 Word 2003 時有沒有一種曆史滄桑感,而 Word 365 強烈的現代感,對比非強烈:

  • 縮減了字母占比:本次改變了字母與特征元素的比例,2007之前的版本中,字母占圖示的三分之二,符号占三分之一。這次大大縮減了字母 W 的比例,着重強調特征元素,因為字母代表工具本身,特征元素更能表達人們的創造力。
  • 移除了視覺邊界:為了展現現代生活的變化,移除了視覺邊界,本次以前的 Office 圖示都有一個文本格式,而改版後,我們隻強調内容 Word 圖示專注于行内容,去掉格式邊框。
深度:從 Office 365 新圖示來看微軟背後的設計新理念

再比如,Excel 圖示最大的變化是去掉表單格式,專注單元格内容了。

深度:從 Office 365 新圖示來看微軟背後的設計新理念

關于智能

最新的圖示設計,除去了功能性、簡潔性,本次特别提出了智能化的理念。目前,已經超過 10 億人使用 Office。Office 運作在不同的裝置,不同的平台之上,為了擁抱變化,Office 已經正在成為一個實時的協作套件,并且也陸續加入了 AI 特性。為了支援這個不斷變化的工作環境,Office正在轉變為一個協作套件,讓你幾乎可以在任何裝置上友善協作。我們把強大的人工智能技術應用到工具中:讓你可以輕松擷取對于資料的洞察能力,能使用語音寫論文或者使用對于 Linkedin 的資料洞察力自動建立履歷。更新的套件添加了全新的應用,可以進行人工智能會議和聊天服務的 Microsoft Teams(最近迷上了視訊 + AI,這是一個非常贊的場景,美顔功能會有麼,21v啥時有啊!)。總結起來,這是非常棒的一次更新,使得整個套件的體驗非常無縫和流暢。出給希章老師打一個廣告:

如何加入Microsoft Teams 技術社群

深度:從 Office 365 新圖示來看微軟背後的設計新理念

Office 365 增加大量智能化功能,在這一系列變化背後,實際上是一條人機互動設計理念:以人為本。為打造更好的"人工智能助手"(Office 智能服務),喬恩帶領團隊花費大量精力,通過積累和觀察客戶體驗,提出了人機互動五大原則:"以人為本"、"平衡智商與情商"、"尊重社會"、"尊重環境"和"與時俱進"。這些原則并不是一開始就确定下來的,而是一個曆時五年得出的結果。

深度:從 Office 365 新圖示來看微軟背後的設計新理念

Office 可以讓你變得更高效地處理資料,使用聽寫來完成你的 Paperwork,或者使用 Linkedin 來制作你的履歷,當然還有 AI 智能會議和辦公溝通工具 Microsoft Teams。未來的時間,我将會把重點放在 Office 365 + AI 的課題研究上。比如 PowerPoint 365 中的演講實時對譯功能用上了麼,這可是我認為的 Office 365 AI 中最精彩和強大的功能了。提前公布一個小彩蛋,正是微軟的AI應用科學家林沂蒙科所帶領的團隊,實作了此項功能。嗯嗯,就是他~~~

深度:從 Office 365 新圖示來看微軟背後的設計新理念

繼續閱讀