新的變化體現在:
- 階段性發(fā)版變成持續迭代,周期短,進(jìn)度快
- 單周或雙周迭代留給各個(gè)角色的時(shí)間非常少
- 被C端應用“慣壞”的用戶(hù)要求更高的B端體驗
- 為避免資源浪費,研發(fā)流程必須UE先行,非常短時(shí)間內完成設計方案及高保真驗證。
- 各方對產(chǎn)品、體驗一致化的要求越來(lái)越高
- 協(xié)作各個(gè)角色要求快速即時(shí)溝通、全員0延誤共享設計方案
- 設計團隊需要摒棄簡(jiǎn)單重復的低效率工作,要求高效合作、資源共享、協(xié)同設計。
- 人人都是產(chǎn)品經(jīng)理、需求變動(dòng)頻繁,設計要隨需而變
如何滿(mǎn)足新的需求呢?
要滿(mǎn)足這些變換的新需求,唯一的解決方案就是需要一個(gè)設計系統,一個(gè)真正的設計系統,這有別于項目級別guideline或uikit的系統性設計系統,這個(gè)系統要求:所見(jiàn)即所得、更清晰、看得見(jiàn)、標準明確、可協(xié)同、可復用、可配置、可擴展… …云平臺設計系統正是為此而生。
設計系統,能夠使設計團隊更好、更快的打造產(chǎn)品并規模化產(chǎn)出。
設計系統由基礎可復用的元件構成,通過(guò)明確的標準原則組合在一起,用以搭建任意應用程序。

云平臺設計系統,保障開(kāi)發(fā)敏捷高效
用友云平臺設計系統是支撐平臺產(chǎn)品體驗一致、高效開(kāi)發(fā)的UE設計系統,是云平臺產(chǎn)品的設計語(yǔ)言。它是基于用友一致化產(chǎn)品標準和風(fēng)格指南,遵循用友產(chǎn)品設計模式的一種“溝通方式”,是平臺積累多年的設計方法、模式、體驗原則的理論支撐及應用。它能夠有效保障平臺產(chǎn)品交互、視覺(jué)及體驗一致,有效保障團隊開(kāi)發(fā)的敏捷高效。
對平臺UE、FE角色而言,該系統盡最大可能保障云平臺產(chǎn)品及服務(wù)在用戶(hù)體驗領(lǐng)域的整體性、一致性。為團隊提供基本的可參考原則及共享資源,提升工作效率、促進(jìn)協(xié)同與創(chuàng )新。
云平臺設計系統秉承用友“用戶(hù)之友”的核心體驗價(jià)值觀(guān),致力于“穩如磐石、絲般柔滑”的云平臺用戶(hù)體驗理念。助力產(chǎn)品服務(wù)實(shí)現客戶(hù)高價(jià)值、用戶(hù)高體驗的訴求。
云平臺設計系統的原則
云平臺設計系統定位服務(wù)于中、后臺產(chǎn)品,提供:系統的、邏輯的、貼合業(yè)務(wù)的、可落地的設計理論、模式及規范支撐,設計目標追求簡(jiǎn)單、清晰、高效、一致。

簡(jiǎn)單
設計師盡可能將復雜的東西,用淺顯的形式呈現出來(lái)。
清晰
對問(wèn)題的描述、執行、反饋等,不糾結、不含糊。
高效
系統設計、資源共享、元素、模式復用,團隊協(xié)同
一致
目標一致、交互一致、視覺(jué)一致。
云平臺設計系統的特點(diǎn)
1、云平臺設計系統完成了大部分組件的定制。
在實(shí)現業(yè)務(wù)中就不需要多考慮按鈕圓角要多大,行間距要留多少,可以更加聚焦于業(yè)務(wù)邏輯本身,節省時(shí)間精力。
2、設計系統具有原子級的樣式自定義能力。
我們可以針對不同需求高效地產(chǎn)出對應的設計系統,然后快速復用組件。
3、元素構成系統化。
原子級的顏色、字體、陰影樣式等等這些都可以自定義,而且一次修改,所有組件能夠同步修改。
4、協(xié)同作戰
樣式資源規范設計團隊全員共享
5、先設計系統,后業(yè)務(wù)與組件庫。
這是云平臺設計系統與偽系統的根本性差異

原子化設計方法的應用




設計系統的維護與進(jìn)化
云平臺設計系統綜合了以往的產(chǎn)品、項目、經(jīng)驗及前瞻性趨勢,將這些信息打散至“原子”顆粒,再結合產(chǎn)品、項目、業(yè)務(wù)、用戶(hù)需求,重新梳理、抽取、沉淀,保留最原始最公共的部分形成設計基礎規范及元素,基于底層設計元素組裝可擴展、可配置的塊元素及大型組件,通過(guò)顆粒級的元素+塊元素+大型組件來(lái)靈活但又不失一致的構建頁(yè)面,再融入沉淀的設計模式,快速構建應用,快速完成視覺(jué)、交互高保真、可交互界面輸出。
云平臺設計系統的元素遵循原則
1、結構化、模塊化
所有元素在展現及模式上均被視為是可重復使用的零件;均基于結構化設計,隨意搭建拆解。盡可能減少依賴(lài)關(guān)系。增強體系化元素。
2、高效、標準
元素或組件基于共同的標準規范。組裝時(shí)使用最少的元素、產(chǎn)出使用最少的標注及描述來(lái)實(shí)現并清晰闡述明確設計。
3、抽象、模式化
基礎元素(控件、組件、模式)從歸納的典型場(chǎng)景中分離成形。
4、可配置
自定義的基礎元素通過(guò)可選的參數配置生成,不需要重新設計。
5、可擴展
元件很容易擴展,對未來(lái)的設計有預期。
6、準確清晰
所有設計不含糊、不糾結、契合場(chǎng)景角色精準傳達。
云平臺設計系統如何實(shí)現快速開(kāi)發(fā)?
平臺設計系統高效一致的保障還來(lái)源于UE團隊與FE團隊的產(chǎn)出均依賴(lài)這套系統的指導。

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


設計系統對快速交付及一致性的支撐
一體化的云平臺sketch-Libraries,內含通用的平臺Symbol。基于sketch-Libraries,普通UE設計師原來(lái)需要2天工作量的界面,在充分理解業(yè)務(wù)的前提下僅僅需要幾個(gè)小時(shí)就可以為開(kāi)發(fā)輸出規范的高保真交互頁(yè)面。所有UE覺(jué)得全部基于同一套標準symbol,共同使用,共同維護,實(shí)現其設計資源的協(xié)同與復用共享。
對前端開(kāi)發(fā)而言,無(wú)需重復書(shū)寫(xiě)基礎樣式,這里的基礎控件視覺(jué)同時(shí)也是tinper-react基礎控件的設計規范。設計師基于云平臺sketch-Libraries快速完成設計方案,并發(fā)布到墨刀項目文檔,通過(guò)共享地址,團隊所有角色實(shí)現設計方案協(xié)同共享,同步即時(shí)更新。
前端開(kāi)發(fā)無(wú)需分散精力特別關(guān)注UI層的實(shí)現,只需要引入tinper-react即可保證一致。因為tinper-beereact 組件庫,包含豐富的基礎組件和應用組件,這些均基于平臺設計系統規范封裝,包含豐富的基礎組件和應用組件, 支持組件的靈活調用和擴展。
基于云平臺設計系統的設計及實(shí)現方案
基于云平臺設計系統的設計及實(shí)現方案

專(zhuān)屬云-開(kāi)發(fā)平臺

開(kāi)發(fā)者中心
云平臺設計系統應用案例

云平臺設計系統應用案例

企業(yè)服務(wù)中心、用友云運營(yíng)系統、云商務(wù)系統、移動(dòng)平臺、Moli、企業(yè)賬號、數據門(mén)戶(hù)、開(kāi)發(fā)者中心、開(kāi)放平臺、友互通、iot物聯(lián)網(wǎng)平臺、精智工業(yè)云平臺、服務(wù)治理平臺、云ESB、MDM主數據管理、微服務(wù)平臺……等產(chǎn)品或系統均基于云平臺設計系統。
最后,我們節省了大量的時(shí)間,用來(lái)做什么?
云平臺設計系統幫助設計師避免重復和無(wú)用的勞動(dòng),避免淪落為密集型勞動(dòng)力,剔除對設計師沒(méi)有價(jià)值的工作,從而節省時(shí)間。這些時(shí)間來(lái)自,比如:在100個(gè)不同的頁(yè)面上進(jìn)行同樣的調整工作,將系統整體風(fēng)格變換,創(chuàng )建50次同一個(gè)組件或者替換70次同樣文字。
然后我們用這些新獲得時(shí)間關(guān)注對用戶(hù)或是客戶(hù)更重要的部分,能帶來(lái)更高價(jià)值、更高體驗的事兒:深刻理解業(yè)務(wù)、洞察用戶(hù)、改進(jìn)流程、融入品牌特性,做用戶(hù)反饋的分析,創(chuàng )新與相關(guān)的解決方案,情感化設計等等。

開(kāi)始搭建您的系統吧!
用友云平臺不忘初心,做“用戶(hù)之友”,致力于“穩如磐石、絲般柔滑”的用戶(hù)體驗。努力實(shí)現客戶(hù)高價(jià)值、用戶(hù)高體驗的訴求。

用友云平臺(iuap),定位于數字化商業(yè)基礎設施平臺,基于新技術(shù)、新架構、新模式為現代企業(yè)數字化轉型,提供數據服務(wù)、能力服務(wù)、平臺服務(wù)、混合云服務(wù)、生態(tài)服務(wù),并為大型企業(yè)混合云提供全新架構和支撐能力。同時(shí)面向開(kāi)發(fā)者、合作伙伴提供平臺生態(tài)服務(wù),打造產(chǎn)業(yè)共創(chuàng )共享平臺。