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

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

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

　　二、Matrix的價(jià)值

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

　　Matrix項(xiàng)目價(jià)值

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

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

3.對于產(chǎn)品團(tuán)隊(duì)：根據(jù)Matrix Axure元件庫，快速搭建符合設(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è)級產(chǎn)品的整體指引，目前Matrix通過以下功能來構(gòu)建中后臺系統(tǒng)：

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

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

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

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

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

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

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

針對產(chǎn)品團(tuán)隊(duì)，我們基于Matrix的組件庫與模板庫，對高復(fù)用性的內(nèi)容進(jìn)行提取并合理分類，將這類內(nèi)容創(chuàng)建為Axure的部件，使用Matrix元件庫，能夠從產(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ì)理念來自物理世界，原子為最小顆粒且是構(gòu)成萬物的基礎(chǔ)，組合后形成分子，分子進(jìn)一步結(jié)合為整體并最終形成萬物。

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

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

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

由于PC端的機(jī)型分辨率各異，我們需要設(shè)定一個(gè)基準(zhǔn)分辨率來做為我們的標(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è)級產(chǎn)品設(shè)計(jì)Matrix Design System怎么樣的全部內(nèi)容，想了解更多關(guān)于產(chǎn)品設(shè)計(jì)的信息，請繼續(xù)關(guān)注中培偉業(yè)。