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

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

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

　　二、Matrix的價(jià)值

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

　　Matrix項(xiàng)目?jī)r(jià)值

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

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

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

　　三、Matrix的典型功能

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

　　· G1組件庫(kù) Basis Gene適用于開(kāi)發(fā)團(tuán)隊(duì)的線上組件庫(kù)

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

　　適用于設(shè)計(jì)團(tuán)隊(duì)的sketch全局組件庫(kù)：

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

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

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

　　· 適用于產(chǎn)品團(tuán)隊(duì)的Matrix Axure 元件庫(kù)

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

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

　　· 原子設(shè)計(jì)理論

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

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

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

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

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

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