歡迎光臨
每天分享高質量文章

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

 

開始表演

 

請關註我的公眾號“寒樹Office”來獲取一些新鮮而有趣的新聞與知識,最近又有兩傢俱樂部上線了(東莞與長沙),俱樂部的活動告一段落,接下來的日子里我將持續與大家分享 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 最新 Logo 採用的 Fluent Design 流暢設計風格,是微軟在設計風格上的一大進步。之所以稱之為“Fluent Design的一大步”,是因為Office的跨平臺通用性,會使Fluent Design設計走出Windows系統,跨入Mac OS、iOS、Android等平臺。以下這些 Fluent Design 圖標在PC、筆記本、平板、手機等平臺的效果展示:

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

https://developer.microsoft.com/en-us/windows/apps/design?ocid=cxfluent-getstartedfooter-devcenterappsdesign

 

設計理念

 

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

  • 功能性:遵重歷史並且基本保留 Office 的圖標的歷史,比如將字母和符號結合,圖標之間既相互獨立用相互配對,用形狀原則來強調產品變化,每個圖標都有獨特並且易區分的符號,並且它們之間互相連接,在此基礎上主導了新圖標改進之;

  • 簡潔性:更加強調簡潔,簡潔和和諧則是視覺元素的關鍵應 Office 的直觀和連接性。強烈的色彩依然時 Office 圖標品牌的核心,新圖標改進了調色板,使用了更大膽、更更輕、更友好的色調,體現出對 Office 發展歷程的肯定。

  • 智慧化:以人為本,強調內容以及速度變化,增加了圖標的深度Office 365 增加大量智慧化功能,在這一系列變化背後,實際上是一條人機交互設計理念Office 365 向雲而生,人工智慧在未來的版本疊代中將成為”關鍵先生”。

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

  • 縮減了字母占比:本次改變了字母與特征元素的比例,2007之前的版本中,字母占圖標的三分之二,符號占三分之一。這次大大縮減了字母 W 的比例,著重強調特征元素,因為字母代表工具本身,特征元素更能表達人們的創造力。

  • 移除了視覺邊界:為了體現現代生活的變化,移除了視覺邊界,本次以前的 Office 圖標都有一個文本格式,而改版後,我們只強調內容 Word 圖標專註於行內容,去掉格式邊框

再比如,Excel 圖標最大的變化是去掉表單格式,專註單元格內容了。

 

關於智慧

 

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

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

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

 

活動預告

 

 
報名
時間:4月13日-14日(周六、日),上午9點-下午6點
地點:上海市,徐匯區,古美路1528號A7一樓漕河涇開發區會議中心(漢堡王對面)
鏈接:https://aka.ms/M365-DevDays
 

微軟總部研發專家深度揭示研發技術,數十門精品課程乾貨驚喜滿滿,並全面呈現微軟 Microsoft 365, Office 365,Windows 10,企業移動及安全性(EMS),雲計算及資料平臺等相關技術。通過參與本次活動,您將學習瞭解到:全面的微軟產品研發技術、高級IT管理維護技巧,以及來自行業專家的豐富解決方案經驗。同時,您還可以在微軟技術專家的指導下,親自動手構建業務應用,暢享開發解決方案的樂趣。

 

夾岸高山,皆生寒樹。——南朝梁·吳均《與朱元思書》

就做一個有個性,較高端的,Office 技術小品牌~~~

QQ交流群:976054900

查看更多交流方式

微信號:寒樹Office

英文ID:HSOffice

    赞(0)

    分享創造快樂