設計系統：為什麼品牌需要一個

已發表: 2022-09-20

那裡有超過 50 萬個品牌，但只有一些品牌脫穎而出。想想那些經受住了時間考驗的公司，比如迪斯尼、耐克或微軟，並抓住了你的一個角落。他們成功地將自己與競爭對手區分開來。

通常，強大的品牌讓我們記住這些品牌。如今，產品或服務的功能大多被認為是理所當然的，我們的關注點從功能轉向形式。產品或服務的設計有能力吸引我們的注意力並伴隨我們很長時間。顏色、字體、圖標、圖像、語氣——整個體驗讓我們記憶深刻。

與客戶的每一個接觸點都是一個告訴他們你是誰以及你代表什麼的機會。但是，當與多個團隊、部門和產品合作時，您如何以一致且可擴展的方式做到這一點？

介紹設計系統

設計系統的出現是為了幫助我們處理日益複雜的數字生態系統，其中包含比以往更多的產品、服務和接觸點。對於希望提供一致的客戶體驗 (CX)、擴展設計工作、加快工作流程和改善協作的大型品牌來說，這是合乎邏輯的舉措。

一個設計系統歸結為一個集中的庫，由一組內聚的功能性和可重用的設計元素和組件組成。從圖案、畫筆、組件、形狀、插圖和排版到尺寸、間距、編碼按鈕和表單的說明。指南、價值觀和使用示例也是設計系統的重要組成部分。

最重要的是，DPDK 添加了基於庫和指南的生產文件概述。簡而言之，設計系統擁有設計人員和開發人員需要的所有工具。

成功的設計系統絕對不是一成不變的，需要不斷發展。據 Forrester 稱，擁有成熟設計系統的品牌可提供更一致的客戶體驗、更高的客戶滿意度並更快地將產品推向市場。理想的設計系統實現的三個主要成果是：

1. 一致性

為構建和（重新）使用組件引入一組共享的規則和指南，可以更輕鬆地跨平台創建一致的體驗。

2.效率

它使開發人員和設計人員能夠重用元素和組件，而不必一遍又一遍地從頭開始構建外觀相似的組件。團隊有更多時間專注於他們最擅長的事情，從而創造出最好的 CX。

3. 可擴展性

提高效率和一致性將幫助您更快、更好地構建產品。擴展變得更容易和更便宜。

設計系統如果做得好，將對品牌和業務方面的性能產生巨大影響。為了展示我在這裡不僅是在說話而且是在走路，讓我們仔細看看DPDK自己的插畫設計系統（IDS）。

說走就走

在 DPDK，我們是設計系統的堅定擁護者，並且 15 年來一直在為品牌提供關於它們的重要性和需求的建議。雖然我們之前已經建立了 DPDK 設計系統，但我們的 IDS 只是在我們的營銷團隊開始並且我們的博客開始形成時才創建的。 IDS 基本上是一個位於該系統內的系統。去年 11 月，我在 Adobe MAX 上發表了關於規模設計的演講，詳細討論了我們的設計系統。您可以在此處查看談話內容和要點。

無論如何，插圖是活躍溝通和讓您的品牌與眾不同的好方法。與圖庫攝影不同，它們是獨特而有創意的。然而，插畫風格的挑戰在於它通常依賴於創作者。

我們還希望我們的 IDS 能夠經受住時間的考驗，而不是依賴於一個單一的設計師。這就是為什麼多個設計師可以使用的結構化插圖風格是關鍵的原因。 IDS 確保樣式保持一致並有助於以可管理的方式進行擴展。

建立插畫設計系統

當你創建一個設計系統時，你總是從一個願景開始。你需要回答幾個重要的問題，比如你是誰，你代表什麼。然後，您將這些問題的答案轉化為您的視覺形象。

我們的目標是擁有一種獨特的插畫風格，簡單、色彩豐富，並且可以涵蓋許多數字行業主題。可擴展性也是一個重要方面。插圖需要能夠被分解並以不同的方式重新構建。

我們從基本的圖形元素、簡單的字符以及大量的測試和學習開始。從那裡，我們開發了 IDS 的基本第一個版本。我們開始使用的前幾個 PDF 由指南、字符、對象、形狀、畫筆和混合圖案組成。

最終，這些成熟為 DPDK 的每個設計師都可以訪問和使用的實時 Adobe XD 庫。這個庫中的元素就像樂高積木，設計師可以輕鬆地創建新插圖。如果庫中未提供組件，設計人員可以創建和添加新項目。 IDS 為我們的設計師提供了創造性的自由，可以在“盒子內”進行設計和實驗，同時保護我們的插圖風格。

另一方面，營銷團隊使用插圖使我們的品牌栩栩如生。這比在博客上發佈內容更進一步。您可以在每個接觸點（在線和離線）以及外部和內部通信中看到 IDS 的運行情況。

想想我們準備的白皮書、我們為會議創建的演示文稿或發送的直接郵件。 IDS 也用於雇主品牌和內部活動。獨特的風格和廣泛的應用幫助我們從競爭對手中脫穎而出。

包含的顏色

設計系統需要不斷發展。定期反饋是確保進展的一個重要方面。這就是為什麼我們每月舉辦一次審查會議，讓設計師可以提出新的想法並討論在以前的設計方面可以改進的地方。

當我們在 2020 年做出對外平等、多樣性和包容性的承諾時，我們很快意識到我們的插圖需要反映多元化的人群。我們是 DPDK 的國際團隊，這並沒有反映在 IDS 中，也不能代表我們生活的世界。

第一個插圖是在白色背景上繪製的，它轉化為最終以白色膚色為主的角色。為了體現更具包容性的設計，我們開始嘗試不同的顏色，如紅色、黃色和綠色。但我們認識到這不是要走的路。

使用真實照片並從我們自己的團隊中汲取靈感，我們最終決定使用逼真的色彩並決定使用自然色調。通過一套指導方針，我們確定了角色的尺寸、比例和膚色。隨之，我們的角色演變成具有各種膚色、時尚服裝和髮型的多樣化人物。通過我們的插圖，您可以了解 DPDK 作為一個機構是誰，以及我們如何看待這個世界。

結果

使用 IDS 為每個插圖平均節省了兩個小時（取決於復雜性）。將其乘以四，您就可以騰出一位設計師來完成一天的工作。那是巨大的。這樣一來，我們的設計師就有更多時間進行創意並專注於設計和工藝，而不必將時間花在手工工作和重複性任務上。

我不必擔心不一致或釋放資源，因為十多個不同的設計師已經使用 IDS 並對其進行了進一步的改進。我們的營銷團隊能夠及時發佈內容和發起活動。總而言之，我們的 IDS 努力將 DPDK 的品牌提升到了一個新的水平，並幫助我們的團隊快速擴展輸出並創造品牌體驗。

您準備好為您的團隊提供面向未來的設計系統了嗎？

在此處閱讀全文