微軟Office圖標新設計!流動線條、明亮漸層營造動態感,呼應人與AI流暢合作的產品體驗

微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗

最近使用WordExcelPowerpointOutlook等程式,有沒有發現它們悄悄換上了新圖標(icon)?近日微軟(Microsoft)針對旗下10個主要Office應用程式,進行了2018年以來首次的圖標再設計,其保留原版大致架構,融入流暢曲線、鮮明的漸層色調,並簡化視覺元素,透過微小卻精妙的調整,呈現更易辨識、更具彈性和親和力的新形象。

微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗
(圖片來源:Microsoft Design)

AI如何影響設計?微軟用這組圖標回應時代

電腦上的軟體圖標(icon)雖小,卻是完整使用者體驗不可或缺的一部分。設計精良的圖標,不僅得以將產品/服務功能、品牌識別等要素化繁為簡,更能在使用者心中留下難忘的視覺印象。然而隨科技飛速發展,人們生活及工作模式變動之快,圖標能否貼合時代脈動及使用者需求,也考量品牌及設計者的策略和功底。

微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗
(圖片來源:Microsoft Design)

微軟Office上回推出新圖標已是2018年,距今推出的2025最新版已過7年。這期間AI技術發展極快,大大改變人們的工作模式,微軟也從中觀察到使用者對Office產品體驗的期待有所轉變,因此於2023年推出AI智能助理「Copilot」,提供內容協作、跨應用程式整合等服務,盼能透過人與AI之間流暢合作,達到提高生產力、激發創意等目標。時隔兩年再推Office新版圖標,則可視為將「人與AI流暢合作」此概念視覺化的設計行動,藉此反映出AI對設計及產品開發的實質影響。

微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗
(圖片來源:Microsoft Design)
微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗
(圖片來源:Microsoft Design)

以「連結」為設計關鍵字

作為微軟Office宇宙中的「串連者」,CopilotLogo以彩色環帶般的視覺,象徵流動、整合、連結等特質,其有機線條及繽紛色彩,也成了Office圖標再設計的一大靈感來源。在新版圖示中,微軟汲取Copilot Logo意象,並以「連結」為關鍵字發展設計,其不僅意指視覺之間相互「連結」所達成的一致性,更體現了微軟Office體系無縫「連結」人與AI及各軟體,所帶來的流暢使用體驗。

微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗
(圖片來源:Microsoft Design)
微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗
(圖片來源:Microsoft Design)

弧線 X 曲面 X 鮮亮漸層共組動感圖標

設計團隊秉持「進化,而非革命」的設計精神,不對圖標做大幅調整,而是透過精妙微調傳遞理念。2025新版圖標保留了原版既有的字母區塊,如代表WordWExcelX等,以確保即刻辨識度;並沿用原版大致架構,巧妙做了點「減法」,像是把Word圖標中原有的4個矩形調整為3個,減少視覺上的干擾。

微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗
(圖片來源:Microsoft Design)
微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗
(圖片來源:Microsoft Design)

相對容易觀察到的改變在於「線條輪廓」和「色彩」。新版圖標以曲線取代銳利邊角、將形狀邊緣柔化,用曲面代替原先厚重且靜止的形體,讓整體視覺變得更加俏皮可親。用色方面,每個軟體沿用其代表色,像是Word的藍、Powerpoint的橘、Excel的綠等,但色彩變得更加飽和鮮亮,並擅用漸層創造視覺上的靈動感和立體度。透過這組動感又俏皮的新icon,微軟向世界遞出一封邀請函,邀人們打開Office一同激盪腦力和創造。

微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗
(圖片來源:Microsoft Design)
微軟Office圖標迎新版設計!流動線條、鮮亮色彩共織動感視覺,呼應人與AI流暢協作的產品體驗
(圖片來源:Microsoft Design)

延伸閱讀

RECOMMEND

解析臺北時裝週全新識別,同場帶你玩官網互動抽卡!顏伯駿操刀「開放式F」框架,映照時尚流動與文化混融樣貌

解析臺北時裝週全新識別,同場帶你玩官網互動抽卡!顏伯駿操刀「開放式F」框架,映照時尚流動與文化混融樣貌

開秀倒數!臺北時裝週挾8年經驗全面升級,2026秋冬系列活動不僅導入過去未有的秀展形式,集中設計能量並拓寬大眾參與渠道,更啟用品牌識別2.0及改版官網。本篇詳解三頁文團隊構思的視覺系統,以及Second Nature.Services延續其概念打造的動態影像,看統籌設計師顏伯駿玩轉英文字母而成的開放性框架,如何映照時尚流動姿態與台灣文化混融樣貌。

旨在營造時尚產業發展環境,臺北時裝週2018年始由文化部一年一度舉辦,2021年起跟進國際時裝週趨勢,改分春夏、秋冬兩季亮相,8年來已然成為本土品牌發揮創意構想、實現永續理念,並連結在地文化、促進台灣時裝設計走上國際舞台的重要展演平台。今邁入第9年,文化部再攜手台灣設計研究院,透過調整秀展形式啟動全新識別擴大民眾參與等轉型策略,重新定位其平台角色,多面向強化對新銳品牌的輔導力度,建構更具包容性的產業推動機制。

臺北時裝週迎來「轉型元年」,全新識別(右)運用較過往(左)更為簡潔的設計語彙彰顯台灣文化開放性。(圖片來源:臺北時裝週官方臉書、文化部)
臺北時裝週迎來「轉型元年」,全新識別(右)運用較過往(左)更為簡潔的設計語彙彰顯台灣文化開放性。(圖片來源:臺北時裝週官方臉書、文化部)

AW26確立轉型元年

顏伯駿統籌品牌識別2.0,以交集線條回應台灣文化特質

隨世界時裝週陸續揭曉2026秋冬設計,預定3月26日至29日登場的臺北時裝週AW26,正標誌著「轉型元年」的重要節點。秀展形式在原有伸展台秀(Runway)外,將比照國際新增形象展演(Presentation)和響應活動(Event)兩大主要內容,進一步集中設計師火力於品牌本身。全新識別則由三頁文(YEN Design)創意總監顏伯駿統籌設計,以「交集、呈現」的核心概念回應台灣獨特文化特質:多元背景並存、世代價值觀交錯、島嶼內外創作能量在此匯聚與轉化。

平面

主體擷取「Taipei」和「Fashion」兩英字字首,藉T、F的線性結構開放框架,象徵城市與時尚、地方與產業之間的對話關係。

平面設計解構T、F線條,寓意城市與時尚的對話關係。(圖片提供:文化部)
平面設計解構T、F線條,寓意城市與時尚的對話關係。(圖片提供:文化部)

從各季度通用的「TPEFW」簡寫版,到直、橫兩式帶入標準中字及當季度表記的「TAIPEI FASHION WEEK臺北時裝週AW26」全稱版,均不試圖定義單一風格,而是視時尚為不斷流動、持續生成的狀態——恰如台灣混融且充滿彈性的文化樣貌,終憑可延展、可變化的姿態,承接相異背景與美學立場的設計聲音,讓品牌既得以保有各自主張,亦仍能在同一平台被看見。

「TPEFW」簡寫版。(圖片提供:文化部)
「TPEFW」簡寫版。(圖片提供:文化部)
「TAIPEI FASHION WEEK臺北時裝週AW26」全稱版,帶入標準中字及當季度表記;另有直式如內文首圖所示。(圖片提供:文化部)
「TAIPEI FASHION WEEK臺北時裝週AW26」全稱版,帶入標準中字及當季度表記;另有直式如內文首圖所示。(圖片提供:文化部)

► 動態

Second Nature.Services首先符號化「Fashion」字首F為視覺圖像,呼應「包容與支持、交流與匯聚」的平台願景。10秒畫面以不同節奏朝不同方向閃現的線段相互串聯,形態上似一座承載伸展台秀、形象展演、響應活動等本次時裝週細流的折疊式框架;意象上則突顯創意能量在城市裡碰撞,綻放多元時尚光譜。

互動式官網上線

趣味「縫線體驗」引入站內,專屬頁面接手帶逛

配合品牌識別更新,臺北時裝週官網同步改版,將為期4天的秀展內容統整於查得到、看得懂、追得上的即時入口。首頁設置「縫一條線,揭曉你的Color tone」互動式體驗,進站後列有各參展單位專屬頁面,方便民眾和業界人士快速掌握品牌介紹、季度亮點等資訊。

官網首頁由「縫一條線,揭曉你的Color tone」互動式體驗指引觀者進站。(圖片截自臺北時裝週官方網站)
官網首頁由「縫一條線,揭曉你的Color tone」互動式體驗指引觀者進站。(圖片截自臺北時裝週官方網站)
點擊任意縫線後,即獲隨機「色彩標籤」一張。(圖片截自臺北時裝週官方網站)
點擊任意縫線後,即獲隨機「色彩標籤」一張。(圖片截自臺北時裝週官方網站)
Pantone 2026年度代表色「雲上舞白(Cloud Dancer)」也在列,看秀前不妨試玩找出你的命定色!(圖片截自臺北時裝週官方網站)
Pantone 2026年度代表色「雲上舞白(Cloud Dancer)」也在列,看秀前不妨試玩找出你的命定色!(圖片截自臺北時裝週官方網站)

作為一套映現城市精神、島嶼文化與產業動能的視覺座標系統,臺北時裝週品牌識別2.0落下台灣時尚從台北出發,持續向外探索、向內積累的當代位置。承先啟後,臺北時裝週AW26將於松山文創園區展開包括多達15場次的品牌秀展,以及Live秀展直播區、Editor's Pick風格市集、國際買主採購洽談會等相關活動,邀時尚愛好者共襄盛舉。

臺北時裝週AW26

  • 時間:2026年3月26日29日
  • 地點:松山文創園區2-5號倉庫

>> 最新消息可至臺北時裝週官方網站官方臉書官方IG查看。

延伸閱讀

RECOMMEND

日本「大丸松坂屋百貨」全新紙袋設計!藝術總監三澤遙以堆疊紙藝呈現萬花筒「百樣圖」視覺

日本「大丸松坂屋百貨」全新紙袋設計!藝術總監三澤遙以堆疊紙藝呈現萬花筒「百樣圖」視覺

日本歷史悠久的百貨公司「大丸」與「松坂屋」在經營整合後,2010年時以「大丸松坂屋百貨」亮相,儘管兩個品牌合併許久,卻遲遲沒有一致性的百貨公司整體識別。為此,品牌以企業「多元價值彼此認可,交疊而成的豐富性」為主題,邀請藝術總監三澤遙操刀,制定名為「百樣圖」(百様図)的全新視覺識別系統!

喜歡到日本旅遊血拚的人,想必一定都對大丸松坂屋百不陌生,這個在全日本主要城市共設有15家門市的百貨品牌,每家店鋪擁有獨自的個性,並與所在地域深度連結,與顧客共同孕育出只有當地才能誕生的文化,某種意義上,可以說是一家各自獨立又共存「沒有總店的百貨公司」。

大丸松坂屋品牌標誌(圖片來源:大丸松坂屋百貨店)
大丸松坂屋品牌標誌(圖片來源:大丸松坂屋百貨店)

為什麼用「百樣圖」作為全新品牌識別?

2025 年適逢大丸與松坂屋整合滿15週年,品牌希望將各店鋪獨立品牌化的概念再往前一步,決定建立「大丸松坂屋百貨」統一品牌形象。

本次全面更新,對大丸來說是相隔35年、對松坂屋則是相隔23年的重大改版,因此,設計找來日本設計中心三澤設計研究室的藝術總監三澤遙操刀,以「多元價值彼此認可,交疊的豐富性」為核心,提出全新「百樣圖」視覺識別設計,並將其應用在購物紙袋、包裝紙上。

藝術總監三澤遙(圖片來源:大丸松坂屋百貨店)
藝術總監三澤遙(圖片來源:大丸松坂屋百貨店)
大丸百貨舊紙袋(圖片來源:大丸松坂屋百貨店)
大丸百貨舊紙袋(圖片來源:大丸松坂屋百貨店)
松坂屋舊紙袋(圖片來源:大丸松坂屋百貨店)
松坂屋舊紙袋(圖片來源:大丸松坂屋百貨店)

作為全新象徵的「百樣圖」,其「百樣」所代表的是延續每間店鋪歷史、各地區的獨特性、時代氛圍與瞬間之美、對顧客的細緻關懷等多元價值,再加上與每位顧客的價值觀彼此交疊,進而誕生的設計圖像。

日本「大丸松坂屋百貨」全新紙袋設計(圖片來源:大丸松坂屋百貨店)
日本「大丸松坂屋百貨」全新紙袋設計(圖片來源:大丸松坂屋百貨店)
日本「大丸松坂屋百貨」全新紙袋設計(圖片來源:大丸松坂屋百貨店)
日本「大丸松坂屋百貨」全新紙袋設計(圖片來源:大丸松坂屋百貨店)

視覺汲取圓與方意象,孔雀綠與皇家藍色彩

以多元交疊的概念為基礎,設計上從大丸標誌中擷取孔雀綠與圓形元素,從松坂屋標誌中擷取皇家藍與方形元素,透過「圓與方」這兩種簡單幾何形狀的組合,以及平凡卻有無限可能的「紙」素材,讓色彩層層重疊,創造出如萬花筒般不斷生成新視覺的同時,也蘊含著未來仍將延續兩大品牌歷史的心意。

日本「大丸松坂屋百貨」全新紙袋設計(圖片來源:大丸松坂屋百貨店)
日本「大丸松坂屋百貨」全新紙袋設計(圖片來源:大丸松坂屋百貨店)

色彩上,選定主色調後並搭配三種襯托主色的輔助色。其中松坂屋的橙色,則是延續自改版前購物袋所使用的象徵花卉卡特蘭(Cattleya)的色調,用小細節呼應與承襲過往設計。不過,三澤遙也表示在設計初期,其實並沒有限制色彩數量,然而過程中漸漸收斂,才形成最終看到的設計版本。

大丸松坂屋品牌標誌全新視覺配色(圖片來源:大丸松坂屋百貨店)
大丸松坂屋品牌標誌全新視覺配色(圖片來源:大丸松坂屋百貨店)

至於最為吸睛的設計,莫過於如紙工藝般的外包裝,「我們一開始的出發點,就是希望它不只是傳統包裝紙那種固定化的圖案,而是一種像萬花筒般持續變化的動態存在。」三澤遙說;因此,能看到開有圓形與方形孔洞的彩色紙張一層層疊合,當紙張微微移動時,透過孔洞會露出下方重疊的另一種顏色,新的圖樣也隨之誕生。

日本「大丸松坂屋百貨」全新紙袋設計(圖片來源:大丸松坂屋百貨店)
日本「大丸松坂屋百貨」全新紙袋設計(圖片來源:大丸松坂屋百貨店)

當然,考量到成本,實際拿在手上的購物紙袋依舊是以印刷為主,採用「柔版 Flexo」印刷技術,呈現出如同紙張被挖空、層層堆疊的視覺效果,讓人彷彿能從視覺上感受到觸感,帶來真實而立體的效果。

若想更了解設計細節,也可到官方特設網站查看,透過動畫呈現看更多藏在視覺語彙中的小巧思。

資料來源|大丸松坂屋百貨店FNN JP

延伸閱讀

RECOMMEND