重塑企業級設計系統 01 |  制定多維策略|以產品思維多面向驅動設計系統持續可行

Evelyn-avatar-img
發佈於設計 個房間
更新 發佈閱讀 5 分鐘

企業級設計系統從不只是「設計 UI」或「打造元件庫」。它是一場橫跨組織策略、技術架構、使用者體驗、流程治理的長期變革工程。其目的,是讓一個大型組織能在快速變化的科技環境中維持一致性、效率與可擴展性。

以下文章將逐步解析設計團隊在多年演進中,如何透過多維策略重塑一套可擴大、可迭代、可持續的企業級設計系統:

  1. 重塑企業級設計系統 01 | 制定多維策略|以產品思維多面向驅動設計系統持續可行
  2. 重塑企業級設計系統 02 | 明確工具佈局|同時解決快速開發與高度客製的矛盾
  3. 重塑企業級設計系統 03 | 優化開發架構|用Token、工具、治理因應快速變化需求
  4. 重塑企業級設計系統 04 | 制定實用設計準則|從人因工程到企業需求的跨領域整合
  5. 重塑企業級設計系統 05 | 整合策略迭代發展|讓設計系統成為企業創新的長效引擎



企業系統真實樣貌

外界常以為銀行內部系統是單一平台,但實際上由數百個子系統組成:櫃員系統、投資管理平台、預警系統、顧客管理系統等,每個系統皆有獨立的流程與目標,多數甚至運作十年以上,急需現代化與整合。

銀行內部系統

銀行內部系統


設計系統的誕生與使命

為了系統性優化這個龐大的內部生態系,銀行於 2020 年成立專職設計團隊,核心任務是建立企業級設計系統,作為所有系統的統一設計與開發基準。這套設計系統的使命是:

能落地、可大量應用、易於維運、在變動中保持一致性。

設計系統不只是界面升級工具,更是推動企業數位化與未來 AI 自動化的底層基礎建設

設計系統的演進歷程

2021 年推出初版設計系統時,策略聚焦於開發效率與維運便利,大量採用開源元件並建立統一規範,使系統能在短時間大量落地。

此策略在前幾年相當成功——四年內成功打造八十個以上系統

然而到了 2024 年,團隊意識到既有設計系統無法滿足部分新型態的系統需求。透過回顧過去資料與成長軌跡,我們發現其發展脈絡與典型的產品生命週期曲線高度相似:

初代設計系統生命週期

初代設計系統生命週期


導入期:建立基礎、少量試行

以開發效率為核心,建立基礎元件、統一視覺與互動模式,先導入少量系統,完成 UI 初步統一。

成長期:形成通用模式、擴大應用

導入系統數增加後,逐漸形成跨系統一致的操作模式,使設計系統更容易推廣與複用。

成熟期:流程化推廣、成為共通語言

透過資源網站、線上課程與跨團隊協作,設計系統逐漸成為企業的「共通語言」。

轉折點:面對科技與需求變化

AI、低程式碼工具與全新需求型態逐漸出現,設計系統必須進化,避免落入衰退期。

從轉折到再成長

團隊從零到一累積的經驗,奠定了良好基礎。然而既有架構已不敷企業未來擴張所需,因此需要重新制定新策略,推動產品進入下一波成長。

企業級設計系統改版策略

面對更全面的需求與技術革新,新設計系統不再是「在舊架構上增加修改元件」,而是從底層重塑整體框架,以支援企業不同階段的擴張與轉型。

策略上,團隊調整過往側重在開發者的建構模式,重新歸納公司與使用者 (公司內部員工)對設計系統的深層需求,並以 IDEO 的創新三環模型整合企業、開發者與使用者三方需求,重新制定三大策略方向,形成一個正向循環讓這個模式能夠持續運行:

多維創新策略

多維創新策略


商業可持續性(Viability)— 支援企業擴張與未來技術

目標是讓設計系統能支援更多場景,並與 AI、低程式碼、自動化技術接軌,使其從 UI 工具升級為企業底層基礎建設。

具體策略:明確工具佈局|同時解決快速開發與高度客製的矛盾

技術可行性(Feasibility)— 打造穩定且可維運的開發基礎

採用語意化 Token、模組化、模板化與標準化治理流程,使企業在高度變動的需求下仍能維持穩定交付與高品質維運。

具體策略:優化開發架構|用Token、工具、治理因應快速變化需求

顧客吸引力(Desirability)— 聚焦真實任務、提升好用度

透過更實用的設計準則、任務導向流程與一致的頁面架構,讓使用者能在跨系統情境中保持相同的操作節奏,降低學習成本、減少錯誤,提升工作效率,而非僅停留在視覺美感。

具體策略:制定實用設計準則|從人因工程到企業需求的跨領域整合

多維策略的重要性

設計系統之所以能支持企業長期發展,核心在於運用多維策略整合商業、技術與使用者三方需求。單點優化無法應對企業擴張與科技快速變動,唯有同時兼顧可擴展性、可維運性與高效體驗,才能打造真正能持續演進的系統基礎建設


為什麼設計系統支持企業擴張,首先需明確工具佈局呢?

下一篇將介紹企業級設計系統的工具版圖,以及如何打造能同時支援快速開發與高度客製的工具生態。

  1. 重塑企業級設計系統 02 | 明確工具佈局|同時解決快速開發與高度客製的矛盾
留言
avatar-img
Root Design Lab
27會員
34內容數
「Root Design Lab」結合了「Root」(根源、基礎)、「Design」(設計)與「Lab」(實驗室),象徵這是一個充滿探索精神的創新平台! 我們是UXD(User Experience Design,使用者體驗設計) ,專注於設計與前端技術的發展與實踐,透過實驗與不斷精進,推動創意與技術的無限可能!
Root Design Lab的其他內容
2025/08/21
當 AI 帶來技術浪潮,真正關鍵的不是技術本身,而是回到人的需求與真實問題。本文整理自 2025 年全球產品經理大會,從多位講者反覆強調的觀點中,歸納出七個值得產品經理深思的方向,作為面對 AI 時代的設計與策略參考。
Thumbnail
2025/08/21
當 AI 帶來技術浪潮,真正關鍵的不是技術本身,而是回到人的需求與真實問題。本文整理自 2025 年全球產品經理大會,從多位講者反覆強調的觀點中,歸納出七個值得產品經理深思的方向,作為面對 AI 時代的設計與策略參考。
Thumbnail
2025/08/01
從靈感補給到實戰經驗,陪你一起突破設計瓶頸 分享五個我自己平常沒事就會滑的社群內容來源,包含 Medium 文章、YouTube 頻道、Podcast、Instagram 和 Threads 等,幾乎都是UI/UX設計領域的優質資源,不只在學習技能上有所幫助,有時也能帶來一些職涯思考或情緒共鳴。
Thumbnail
2025/08/01
從靈感補給到實戰經驗,陪你一起突破設計瓶頸 分享五個我自己平常沒事就會滑的社群內容來源,包含 Medium 文章、YouTube 頻道、Podcast、Instagram 和 Threads 等,幾乎都是UI/UX設計領域的優質資源,不只在學習技能上有所幫助,有時也能帶來一些職涯思考或情緒共鳴。
Thumbnail
2025/07/14
面對 AI 時代的來臨,UX 設計師的角色不再只是畫出美觀介面,更需要深入理解 AI 的特性、限制與潛能,重新思考人機互動的方式。 本篇整理鄭衍偉(YenWei)的分享,從 AI 的特性與限制出發,帶你思考 UX 在 AI 產品中的新任務,包括建立信任、設計可解釋介面、與資料團隊協作等實務建議。
Thumbnail
2025/07/14
面對 AI 時代的來臨,UX 設計師的角色不再只是畫出美觀介面,更需要深入理解 AI 的特性、限制與潛能,重新思考人機互動的方式。 本篇整理鄭衍偉(YenWei)的分享,從 AI 的特性與限制出發,帶你思考 UX 在 AI 產品中的新任務,包括建立信任、設計可解釋介面、與資料團隊協作等實務建議。
Thumbnail
看更多
你可能也想看
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
有的創新能改變世界,有的卻像一個響屁,臭屁過後就煙消雲散? 多數人以為「創新設計」就是設計一個從未出現過的產品。但在真實的市場裡,能活下來的創新,不是靈感,而是一套能持續獲利的商業系統。如果你是設計師、創業者或產品經理,想理解「創新」的底層邏輯, 歡迎一起來
Thumbnail
有的創新能改變世界,有的卻像一個響屁,臭屁過後就煙消雲散? 多數人以為「創新設計」就是設計一個從未出現過的產品。但在真實的市場裡,能活下來的創新,不是靈感,而是一套能持續獲利的商業系統。如果你是設計師、創業者或產品經理,想理解「創新」的底層邏輯, 歡迎一起來
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
PLM (產品生命週期管理) 是一套整合的管理流程與資訊系統,用於管理產品從概念到報廢的整個生命週期。導入 PLM 系統可提升產品品質、縮短開發時間、降低成本,並促進跨部門協同。成功導入 PLM 系統的關鍵在於高階支持、流程標準化、跨部門協同、數位資產管理以及教育訓練。
Thumbnail
PLM (產品生命週期管理) 是一套整合的管理流程與資訊系統,用於管理產品從概念到報廢的整個生命週期。導入 PLM 系統可提升產品品質、縮短開發時間、降低成本,並促進跨部門協同。成功導入 PLM 系統的關鍵在於高階支持、流程標準化、跨部門協同、數位資產管理以及教育訓練。
Thumbnail
我們偷偷幫大家升級啦 ૮₍♡>𖥦< ₎ა 還在為印刷問題煩惱嗎?最新推出的「智慧幫手團隊」已上線,不管你是設計老手還是印刷小白,這裡都有超實用工具等你來探索! 📌 印刷知識庫 24 小時 AI 知識庫幫你解答,印刷大全整合至 OpenAI 專屬知識庫,半夜靈感來也不怕找不到客服。
Thumbnail
我們偷偷幫大家升級啦 ૮₍♡>𖥦< ₎ა 還在為印刷問題煩惱嗎?最新推出的「智慧幫手團隊」已上線,不管你是設計老手還是印刷小白,這裡都有超實用工具等你來探索! 📌 印刷知識庫 24 小時 AI 知識庫幫你解答,印刷大全整合至 OpenAI 專屬知識庫,半夜靈感來也不怕找不到客服。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
引言:為何需要自動化? 在當今高速發展的科技時代,固態硬碟(SSD)已成為從個人電腦到數據中心不可或缺的儲存介質。其卓越的性能、低功耗和高可靠性,使其在各類應用中取代了傳統機械硬碟。然而,SSD的內部結構和工作原理遠比傳統硬碟複雜,它涉及NAND Flash管理、控制器韌體、主機介面協議(如NVM
Thumbnail
引言:為何需要自動化? 在當今高速發展的科技時代,固態硬碟(SSD)已成為從個人電腦到數據中心不可或缺的儲存介質。其卓越的性能、低功耗和高可靠性,使其在各類應用中取代了傳統機械硬碟。然而,SSD的內部結構和工作原理遠比傳統硬碟複雜,它涉及NAND Flash管理、控制器韌體、主機介面協議(如NVM
Thumbnail
打造一個好用、順手又不佔空間的衣櫃,是許多裝潢與換家具時的重點之一。尤其在空間有限的現代住宅中,衣櫃不只是儲物的工具,更是收納美學與機能設計的展現。 本篇文章將帶你深入了解「類系統衣櫃」的特色,與傳統系統櫃有何不同?如何挑選合適的尺寸與配置?價格又是怎麼計算的?一次讓你看懂!
Thumbnail
打造一個好用、順手又不佔空間的衣櫃,是許多裝潢與換家具時的重點之一。尤其在空間有限的現代住宅中,衣櫃不只是儲物的工具,更是收納美學與機能設計的展現。 本篇文章將帶你深入了解「類系統衣櫃」的特色,與傳統系統櫃有何不同?如何挑選合適的尺寸與配置?價格又是怎麼計算的?一次讓你看懂!
Thumbnail
這篇文章介紹了一套獨特的解決複雜商業問題的深度重構三部曲方法論,包含深度洞察、破窗思考和系統設計三個步驟,並輔以多個成功案例佐證,最後引導讀者預約一對一的顧問諮詢服務。
Thumbnail
這篇文章介紹了一套獨特的解決複雜商業問題的深度重構三部曲方法論,包含深度洞察、破窗思考和系統設計三個步驟,並輔以多個成功案例佐證,最後引導讀者預約一對一的顧問諮詢服務。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
高韌性設計是系統、組織和服務的關鍵。它通過減少對單一供應商或資源的依賴,提高適應性和可持續性。這一原則適用於各個領域,從SaaS系統到AI應用、組織結構、能源策略,甚至個人項目如電子報。高韌性設計的核心是多元化和靈活性,確保即使面臨挑戰也能持續運作。 一般性系統的高韌性設計 作為一家 S
Thumbnail
高韌性設計是系統、組織和服務的關鍵。它通過減少對單一供應商或資源的依賴,提高適應性和可持續性。這一原則適用於各個領域,從SaaS系統到AI應用、組織結構、能源策略,甚至個人項目如電子報。高韌性設計的核心是多元化和靈活性,確保即使面臨挑戰也能持續運作。 一般性系統的高韌性設計 作為一家 S
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News