很多人對企業(yè)級產(chǎn)品設(shè)計Matrix并不了解，甚至都不知道說的是什么，沒關(guān)系這里就來為大家總結(jié)和介紹一些關(guān)于，企業(yè)級產(chǎn)品設(shè)計Matrix Design System怎么樣的信息。通過大量的項目實踐和經(jīng)驗總結(jié)，我們逐步完善了致力于改善企業(yè)級產(chǎn)品體驗的設(shè)計系統(tǒng)。基于準(zhǔn)確，清晰，高效和通用的設(shè)計原則來授權(quán)產(chǎn)品業(yè)務(wù)，矩陣設(shè)計系統(tǒng)應(yīng)運而生。

　　一、企業(yè)級產(chǎn)品設(shè)計Matrix是什么

Matrix經(jīng)緯設(shè)計體系，以下簡稱Matrix。致力于打造企業(yè)級的產(chǎn)品設(shè)計體系，提升勞動產(chǎn)能，建立適用于設(shè)計團隊、開發(fā)團隊、產(chǎn)品團隊的全鏈路通用產(chǎn)品解決方案。讓項目開發(fā)更直觀，更高效、更簡單。它由總體的設(shè)計指引，以及適用于設(shè)計師與開發(fā)者的“G1組件庫，Matrix Magic模板網(wǎng)站”，以及適用于更多工作角色的“在線設(shè)計工具”等等內(nèi)容構(gòu)成。

　　二、Matrix的價值

做為設(shè)計師的你是否經(jīng)常會承接一些業(yè)務(wù)邏輯不同，但界面表現(xiàn)有規(guī)可尋的產(chǎn)品設(shè)計需求？做為開發(fā)者的你是否會經(jīng)常遇到近似的中后臺組件，卻不得不重復(fù)開發(fā)來滿足不同的業(yè)務(wù)場景需要？無論是設(shè)計還是開發(fā)，我們均需要站在更高層的視角，將此類產(chǎn)品的構(gòu)建方式看待成一個系統(tǒng)化的整體。從UI一致性，設(shè)計與開發(fā)效率等等層面，能夠建立一套設(shè)計體系（Design System）是解決企業(yè)級產(chǎn)品規(guī)模化問題的關(guān)鍵。

　　Matrix項目價值

1.對于開發(fā)團隊：使用Matrix能夠減少重復(fù)性的開發(fā)工作，并能達成驗收的視覺統(tǒng)一、通用前端框架封裝的代碼，幫助前端快速開發(fā)。

2.對于設(shè)計團隊：可以利用Matrix組件Library與模版頁面快速輸出設(shè)計稿，使用全局組件庫持續(xù)獲取最新的設(shè)計資源，減少重復(fù)性的設(shè)計工作。

3.對于產(chǎn)品團隊：根據(jù)Matrix Axure元件庫，快速搭建符合設(shè)計規(guī)范的產(chǎn)品原型，統(tǒng)一交互規(guī)則，提高效率并省去設(shè)計時間。

　　三、Matrix的典型功能

在眾多的業(yè)務(wù)形態(tài)中，我們根據(jù)其產(chǎn)品特點，總結(jié)出一些穩(wěn)定且高復(fù)用性的內(nèi)容，制定出統(tǒng)一的設(shè)計語言來做為企業(yè)級產(chǎn)品的整體指引，目前Matrix通過以下功能來構(gòu)建中后臺系統(tǒng)：

　　· G1組件庫 Basis Gene適用于開發(fā)團隊的線上組件庫

組件化、平臺化在企業(yè)級中后臺產(chǎn)品中已經(jīng)被廣泛使用，這類產(chǎn)品具有量級大、功能復(fù)雜、迭代頻繁等特點，常常需要設(shè)計與開發(fā)能夠快速的做出響應(yīng)。

　　適用于設(shè)計團隊的sketch全局組件庫：

在設(shè)計側(cè)，Matrix的組件庫整體進行了全局化的構(gòu)建，全部組件均進行了變量化定義，更加方便業(yè)務(wù)的拓展。我們在設(shè)計側(cè)對組件的總數(shù)進行控制，達到一類組件能夠適配多種不同使用場景的目標(biāo)，最大化提升組件的靈活度。

　　· Matrix Magic 模板網(wǎng)站

　　Matrix Magic模板網(wǎng)站是一套開箱即用的設(shè)計解決方案，我們根據(jù)產(chǎn)品中常用的業(yè)務(wù)場景，將matrix中的組件以及模塊進行再次組合，將模板庫劃分為“彈窗類，登錄注冊類，結(jié)果類，詳情類，列表類，表單類，數(shù)據(jù)類”等7個大類別，將它們都提煉成為典型的模板頁面資源，并進行開發(fā)。

　　· 適用于產(chǎn)品團隊的Matrix Axure 元件庫

針對產(chǎn)品團隊，我們基于Matrix的組件庫與模板庫，對高復(fù)用性的內(nèi)容進行提取并合理分類，將這類內(nèi)容創(chuàng)建為Axure的部件，使用Matrix元件庫，能夠從產(chǎn)品源頭統(tǒng)一交互規(guī)則與框架形態(tài)，并可以創(chuàng)建出完全符合Matrix體系設(shè)計規(guī)范的高保真產(chǎn)品原型。

　　四、Matrix體系設(shè)計理論

　　· 原子設(shè)計理論

原子理論當(dāng)下已經(jīng)不再是一個陌生的話題，目前行業(yè)內(nèi)多數(shù)的設(shè)計體系都或多或少的采用了這套理論，原子理論的設(shè)計理念來自物理世界，原子為最小顆粒且是構(gòu)成萬物的基礎(chǔ)，組合后形成分子，分子進一步結(jié)合為整體并最終形成萬物。

　　· 8倍數(shù)設(shè)計原則

8倍數(shù)設(shè)計原則，簡單來說，就是以數(shù)字“8”做為一個步進值，在設(shè)計過程中建立一個以8為單位的網(wǎng)格系統(tǒng)，同時使用8的倍數(shù)來設(shè)定頁面中元素的間距以及尺寸。使用此原則的優(yōu)勢在于能夠更好的兼容主流的屏幕尺寸，讓我們的設(shè)計在不同設(shè)備中可以做到更的好適配。

　　· 布局與響應(yīng)式規(guī)則

由于PC端的機型分辨率各異，我們需要設(shè)定一個基準(zhǔn)分辨率來做為我們的標(biāo)準(zhǔn)，并在此基礎(chǔ)上進行多端適配，目前的PC端趨于主流的分辨率多數(shù)為1366×768、1440×900、1920×1080等設(shè)備，我們以1440×900趨于中間層的分辨率做為基準(zhǔn)，進行向上或向下的響應(yīng)式適配。

以上即是關(guān)于企業(yè)級產(chǎn)品設(shè)計Matrix Design System怎么樣的全部內(nèi)容，想了解更多關(guān)于產(chǎn)品設(shè)計的信息，請繼續(xù)關(guān)注中培偉業(yè)。