很多人對企業級產品設計Matrix并不了解,甚至都不知道說的是什么,沒關系這里就來為大家總結和介紹一些關于,企業級產品設計Matrix Design System怎么樣的信息。通過大量的項目實踐和經驗總結,我們逐步完善了致力于改善企業級產品體驗的設計系統。基于準確,清晰,高效和通用的設計原則來授權產品業務,矩陣設計系統應運而生。
一、企業級產品設計Matrix是什么
Matrix經緯設計體系,以下簡稱Matrix。致力于打造企業級的產品設計體系,提升勞動產能,建立適用于設計團隊、開發團隊、產品團隊的全鏈路通用產品解決方案。讓項目開發更直觀,更高效、更簡單。它由總體的設計指引,以及適用于設計師與開發者的“G1組件庫,Matrix Magic模板網站”,以及適用于更多工作角色的“在線設計工具”等等內容構成。
二、Matrix的價值
做為設計師的你是否經常會承接一些業務邏輯不同,但界面表現有規可尋的產品設計需求?做為開發者的你是否會經常遇到近似的中后臺組件,卻不得不重復開發來滿足不同的業務場景需要?無論是設計還是開發,我們均需要站在更高層的視角,將此類產品的構建方式看待成一個系統化的整體。從UI一致性,設計與開發效率等等層面,能夠建立一套設計體系(Design System)是解決企業級產品規模化問題的關鍵。
Matrix項目價值
1.對于開發團隊:使用Matrix能夠減少重復性的開發工作,并能達成驗收的視覺統一、通用前端框架封裝的代碼,幫助前端快速開發。
2.對于設計團隊:可以利用Matrix組件Library與模版頁面快速輸出設計稿,使用全局組件庫持續獲取最新的設計資源,減少重復性的設計工作。
3.對于產品團隊:根據Matrix Axure元件庫,快速搭建符合設計規范的產品原型,統一交互規則,提高效率并省去設計時間。
三、Matrix的典型功能
在眾多的業務形態中,我們根據其產品特點,總結出一些穩定且高復用性的內容,制定出統一的設計語言來做為企業級產品的整體指引,目前Matrix通過以下功能來構建中后臺系統:
· G1組件庫 Basis Gene適用于開發團隊的線上組件庫
組件化、平臺化在企業級中后臺產品中已經被廣泛使用,這類產品具有量級大、功能復雜、迭代頻繁等特點,常常需要設計與開發能夠快速的做出響應。
適用于設計團隊的sketch全局組件庫:
在設計側,Matrix的組件庫整體進行了全局化的構建,全部組件均進行了變量化定義,更加方便業務的拓展。我們在設計側對組件的總數進行控制,達到一類組件能夠適配多種不同使用場景的目標,最大化提升組件的靈活度。
· Matrix Magic 模板網站
Matrix Magic模板網站是一套開箱即用的設計解決方案,我們根據產品中常用的業務場景,將matrix中的組件以及模塊進行再次組合,將模板庫劃分為“彈窗類,登錄注冊類,結果類,詳情類,列表類,表單類,數據類”等7個大類別,將它們都提煉成為典型的模板頁面資源,并進行開發。
· 適用于產品團隊的Matrix Axure 元件庫
針對產品團隊,我們基于Matrix的組件庫與模板庫,對高復用性的內容進行提取并合理分類,將這類內容創建為Axure的部件,使用Matrix元件庫,能夠從產品源頭統一交互規則與框架形態,并可以創建出完全符合Matrix體系設計規范的高保真產品原型。
四、Matrix體系設計理論
· 原子設計理論
原子理論當下已經不再是一個陌生的話題,目前行業內多數的設計體系都或多或少的采用了這套理論,原子理論的設計理念來自物理世界,原子為最小顆粒且是構成萬物的基礎,組合后形成分子,分子進一步結合為整體并最終形成萬物。
· 8倍數設計原則
8倍數設計原則,簡單來說,就是以數字“8”做為一個步進值,在設計過程中建立一個以8為單位的網格系統,同時使用8的倍數來設定頁面中元素的間距以及尺寸。使用此原則的優勢在于能夠更好的兼容主流的屏幕尺寸,讓我們的設計在不同設備中可以做到更的好適配。
· 布局與響應式規則
由于PC端的機型分辨率各異,我們需要設定一個基準分辨率來做為我們的標準,并在此基礎上進行多端適配,目前的PC端趨于主流的分辨率多數為1366×768、1440×900、1920×1080等設備,我們以1440×900趨于中間層的分辨率做為基準,進行向上或向下的響應式適配。
以上即是關于企業級產品設計Matrix Design System怎么樣的全部內容,想了解更多關于產品設計的信息,請繼續關注中培偉業。