微軟設計變革!Office時隔5年再改圖標:3大重點,配色更鮮活、結構更立體

2018/12/17
好奇心日報
微軟設計變革!Office時隔5年再改圖標:3大重點,配色更鮮活、結構更立體
Microsoft
分享
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
新圖標色彩更鮮活、結構更立體,且字母和色塊的組合也有較大調整。

微軟設計總監喬恩・弗里德曼(Jon Friedman)發文表示,微軟 Office 產品圖標迎來了 5 年內的首度更新。根據弗里德曼展示的細節圖可以看出,新圖標色彩更鮮活、結構更立體,且字母和色塊的組合也有較大調整,不過老用戶仍然可以一眼就分辨出哪個圖標代表了哪個軟體。

微軟office新icon-02.jpg
Microsoft

 

重點1:新設計要彰顯微軟對用戶創作的尊重

新圖標延續了 Office 傳統的色塊+字母的設計風格。在配色上,Word 保持深藍,Excel 保持深綠,Powerpoint 保持橙紅,其餘如 Outlook、Skype 等應用也延續了以往的配色。

微軟office新icon-08.jpg
Microsoft

 
新圖標與老圖標的不同之處首先在於,字母變小而色塊變大了,且二者被分離開來,一個在前一個在後,看起來更加立體。弗里德曼解釋,在他看來,字母代表了工具本身,而色塊代表了用戶的創作。他希望能夠透過縮小字母,放大色塊來展示微軟對用戶創作的尊重。

微軟office新icon-06.jpg
Microsoft

 

重點2:漸變色彩的運用,更顯生動活潑

在細節上,每個圖標的色塊內不是簡單的一種顏色,而是藍色、綠色、橙色或紫色的漸變,這樣的搭配顯得更加生動活潑。而且,色塊內顏色的分割方式也是按照該應用的特點來設計的,比如 Word 的色彩是上下平行的,像一行行文字;Excel 的色彩是左重右輕的,像一張數字表格;PowerPoint 的色彩是圓形與扇形的結合,像一張扇形圖表。

微軟office新icon-05.png
Microsoft
微軟office新icon-04.jpg
Microsoft

 

重點3:邊角處理更柔和,彰顯不同產品之間的協作性

另外,新圖標拋棄了微軟 Office 圖標一直以來沿用的硬直角邊框,在邊角的處理上更加柔和。弗里德曼解釋,這樣的「無邊框」設計是為了體現 Office 多個產品之間的協作性。去掉了邊框的圖標顯得更加友好和開放。

微軟office新icon-01.jpg
Microsoft

 

美國媒體 The Verge 評論,此次圖標的更新是微軟更大的自我改造的一部分。除了更顯鮮活、現代,還體現了雲端化、跨平台的產品思路。弗里德曼特意提到,這些圖標在 Windows、Mac、iOS 和 Android 系統上均是一致的,體現微軟在各個平台上的產品通過雲端互相連接,渾然一體。現在,微軟正在構建為不同平台的產品統一的核心代碼庫,從而實現每個月對這些應用的快速更新。
 

微軟Office新圖標:

微軟office新icon-11.png
Word icon Microsoft
微軟office新icon-19.png
PowerPoint icon Microsoft
微軟office新icon-16.png
OneNote icon Microsoft
微軟office新icon-12.png
Excel icon Microsoft
微軟office新icon-18
Outlook icon Microsoft
微軟office新icon-13.png
Skype icon Microsoft
微軟office新icon-15.png
SharePoint icon Microsoft
微軟office新icon-14.png
Yammer icon Microsoft
微軟office新icon-17.png
Teams icon Microsoft
微軟office新icon-20.png
OneDrive icon Microsoft

本文經授權轉載自《好奇心日報》,原文請點此

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

我還不是會員, 註冊去!
找有趣、有用、有意義的大小設計事...
Vol.157
Vol.157 破繭、浴火,然後我們重生

25+ 個品牌・文化・創作者的「瀕死經驗」

© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓