雲平臺設計系統，助力業務快速開發

用友進入3.0階段，敏捷開發、逆向開發、雙披薩餅原則快速做戰，「用戶之友」價值迴歸，這些都爲快速原型、高保真驗證、快速開發、體驗一致提出了更高的要求。也帶來了更大的壓力。

新的變化體如今：

一、階段性發版變成持續迭代，週期短，進度快

二、單週或雙週迭代留給各個角色的時間很是少

三、被C端應用「慣壞」的用戶要求更高的B端體驗

四、爲避免資源浪費，研發流程必須UE先行，很是短期內完成設計方案及高保真驗證

五、各方對產品、體驗一致化的要求愈來愈高

六、協做各個角色要求快速即時溝通、全員0延誤共享設計方案

七、設計團隊須要摒棄簡單重複的低效率工做，要求高效合做、資源共享、協同設計

八、人人都是產品經理、需求變更頻繁，設計要隨需而變

如何知足新的需求呢？

要知足這些變換的新需求，惟一的解決方案就是須要一個設計系統，一個真正的設計系統，這有別於項目級別guideline或uikit的系統性設計系統，這個系統要求：所見即所得、更清晰、看得見、標準明確、可協同、可複用、可配置、可擴展…… ……雲平臺設計系統正是爲此而生。

設計系統，可以使設計團隊更好、更快的打造產品並規模化產出。

設計系統由基礎可複用的元件構成，經過明確的標準原則組合在一塊兒，用以搭建任意應用程序。

 

 

雲平臺設計系統

·雲平臺設計系統是支撐平臺產品體驗一致、高效開發的UE設計系統，是雲平臺產品的設計語言。它是基於用友一致化產品標準和風格指南，遵循用友產品設計模式的一種」溝通方式「，是平臺積累多年的設計方法、模式、體驗原則的理論支撐及應用。它可以有效保障平臺產品交互、視覺及體驗一致，有效保障團隊開發的敏捷高效。

·對平臺UE、FE角色而言，該系統盡最大可能保障雲平臺產品及服務在用戶體驗領域的總體性、一致性。爲團隊提供基本的可參考原則及共享資源，提高工做效率、促進協同與創新。

·雲平臺設計系統秉承用友」用戶之友「的核心體驗價值觀，致力於」穩如磐石、絲般柔滑「的雲平臺用戶體驗理念。助力產品服務實現客戶高價值、用戶高體驗的訴求。

 

雲平臺設計系統的原則

雲平臺設計系統定位服務於中、後臺產品，提供：系統的、邏輯的、貼合業務的、可落地的設計理論、模式及規範支撐，設計目標追求簡單、清晰、高效、一致。

 

·簡單：

設計師儘量將複雜的東西，用淺顯的形式呈現出來

·清晰：

對問題的描述、執行、反饋等，不糾結、不含糊

·高效

系統設計、資源共享、元素、模式複用，團隊協同

·一致：

目標一致、交互一致、視覺一致

雲平臺設計系統的特色

一、雲平臺設計系統完成了大部分組件的定製。

在實現業務中就不須要多考慮按鈕圓角要多大，行間距要留多少，能夠更加聚焦於業務邏輯自己，節省時間精力。

二、設計系統具備原子級的樣式自定義能力。

咱們能夠針對不一樣需求高效地產出對應的設計系統，而後快速複用組件。

三、元素構成系統化。

原子級的顏色、字體、陰影樣式等等這些均可以自定義，並且一次修改，全部組件可以同步修改。

四、協同做戰

樣式資源規範設計團隊全員共享

五、先設計系統，後業務與組件庫

這是雲平臺設計系統與僞系統的根本性差別

 

原子化設計方法的應用

 

 

 

 

設計系統的維護與進化

雲平臺設計系統綜合了以往的產品、項目、經驗及前瞻性趨勢，將這些信息打散至「原子」顆粒，再結合產品、項目、業務、用戶需求，從新梳理、抽取、沉澱，保留最原始最公共的部分造成設計基礎規範及元素，基於底層設計元素組裝可擴展、可配置的塊元素及大型組件，經過顆粒級的元素+塊元素+大型組件來靈活但又不失一致的構建頁面，再融入沉澱的設計模式，快速構建應用，快速完成視覺、交互高保真、可交互界面輸出。

雲平臺設計系統的元素遵循如下原則：

一、結構化、模塊化

全部元素在展示及模式上均被視爲是可重複使用的零件；均基於結構化設計，隨意搭建拆解。儘量減小依賴關係。加強體系化元素。

二、高效、標準

元素或組件基於共同的標準規範。組裝時使用最少的元素、產出使用最少的標註及描述來實現並清晰闡述明確設計。

三、抽象、模式化

基礎元素（控件、組件、模式）從概括的典型場景中分離成形。

四、可配置

自定義的基礎元素經過可選的參數配置生成，不須要從新設計。

五、可擴展

元件很容易擴展，對將來的設計有預期。

六、準確清晰

全部設計不含糊、不糾結、契合場景角色精準傳達。

雲平臺設計系統如何實現快速開發？

平臺設計系統高效一致的保障還來源於UE團隊與FE團隊的產出均依賴這套系統的指導。

 

基於雲平臺設計系統的通用sketch庫及前端組件庫

 

設計系統對快速交付及一致性的支撐

一體化的雲平臺sketch-Libraries，內含通用的平臺Symbol.基於sketch-Libraries，普通UE設計師原來須要2天工做量的界面，在充分理解業務的前提下僅僅須要幾個小時就能夠爲開發輸出規範的高保真交互頁面。全部UE以爲所有基於同一套標準symbol，共同使用，共同維護，實現其設計資源的協同與複用共享。

 

對前端開發而言，無需重複書寫基礎樣式，這裏的基礎控件視覺同時也是tinper-react基礎控件的設計規範。設計師基於雲平臺sketch-Libraries快速完成設計方案，併發布到墨刀項目文檔，經過共享地址，團隊全部角色實現設計方案協同共享，同步即時更新。

前端開發無需分散精力特別關注UI層的實現，只須要引入tinper-react便可保證一致。由於tinper-beereact 組件庫，包含豐富的基礎組件和應用組件，這些均基於平臺設計系統規範封裝，包含豐富的基礎組件和應用組件， 支持組件的靈活調用和擴展。

 

基於雲平臺設計系統的設計及實現方案

 

專屬雲-開發平臺

 

開發者中心

雲平臺設計系統應用案例

 

企業服務中心、用友雲運營系統、雲商務系統、移動平臺、Moli、企業帳號、數據門戶、開發者中心、開放平臺、友互通、iot物聯網平臺、精智工業雲平臺、服務治理平臺、雲ESB、MDM主數據管理、微服務平臺……等產品或系統均基於雲平臺設計系統。

最後，咱們節省了大量的時間，用來作什麼？

雲平臺設計系統幫助設計師避免重複和無用的勞動，避免淪落爲密集型勞動力，剔除對設計師沒有價值的工做，從而節省時間。這些時間來自，好比：在100個不一樣的頁面上進行一樣的調整工做，將系統總體風格變換，建立50次同一個組件或者替換70次一樣文字。

而後咱們用這些新得到時間關注對用戶或是客戶更重要的部分，能帶來更高價值、更高體驗的事兒：深入理解業務、洞察用戶、改進流程、融入品牌特性，作用戶反饋的分析，創新與相關的解決方案，情感化設計等等。