2022-7-28 ui設計分享達人
模塊化設計，簡單地說就是將產品的某些要素組合在一起，構成一個具有特定功能的子系統，將這個子系統作為通用性的模塊與其他產品要素進行多種組合，構成新的系統，產生多種不同功能或相同功能、不同性能的系列產品（定義內容來自百度百科）。
模塊化設計思維最早可以追溯到從工業革命時期，工業革命之后制造業開始飛速發展，制造業能夠飛速發展得益于生產效率的大幅提升。在設計產品時采用“模塊化設計思維”，是提升生產效率的一個很重要的手法。
產品設計中對“模塊化設計思維”的應用也是制造業現代化的一個很重要的標志和特點。到了互聯網時代，“模塊化設計思維”也被應用在了操作系統、app的開發過程中，也大大提升了軟件工程師的開發效率。
“模塊化設計思維”是一個思維方式或者說是一個設計手法，這個“手法”可以應用在很多領域。
我們日常生活中所用到的稍微復雜一點的產品，如飛機、汽車、家電、手機、操作系統等等，都是在以“模塊化設計思維”為基礎的設計手法中設計出來的。
“模塊化設計思維”應用最徹底的行業當屬「汽車制造業」了。從汽車要素的組件化、汽車架構的模塊化到生產平臺的模塊化，可謂是應用的非常徹底。
例如：豐田汽車的「M20發動機」用在了凱美瑞、C-HR、威蘭達、亞洲龍、RAV4榮放、奕澤這些車型上，在這里「M20發動機」就是一個“通用性的模塊”經過與其他汽車要素進行不同的設計組合，就形成了不同的車型。
豐田汽車的「TNGA架構」也是“模塊化設計思維”的產物。在TNGA構架下，汽車模塊會達到高度的通用性，車輛零件的通用率可達到70%-80%，其中包括底盤懸架、發動機、變速箱等零件。
采用“模塊化設計思維”設計出來的“模塊”有兩個顯著的特點就是「獨立」「通用」。
在設計時需要選擇可以獨立的內容來進行“模塊化封裝”。怎么理解「獨立」呢？判斷模塊是否可以獨立，可以組成的模塊是否“可以進行單獨設計、開發、調試”不依賴其他要素即可運轉。
通用這個特點就比較容易理解了，就是該“模塊”可以與其他要素進行多種組合，形成不同類型、不同功能的產品。
采用“模塊化設計思維”來進行產品設計，有什么優勢呢？
高內聚低耦合，是軟件工程中的概念，是判斷軟件設計好壞的標準。目的是使程序模塊的可重復使用性、移植性增強。通常程序結構中各模塊的內聚程度越高，模塊間的耦合程度就越低。
內聚是從功能角度來度量模塊內的聯系，表示模塊內部間聚集、關聯的程度。那么高內聚就是指要高度的聚集和關聯，元素之間的關系簡單、明了，運行穩定。一個好的內聚模塊應當恰好只做一件事，高內聚具備可靠性、可重用性、可讀性等優點。
耦合是對模塊間關聯程度的度量，也就是模塊之間的依賴關系。低耦合度特性的模塊能減少模塊間的影響，防止對某一模塊修改所引起的“牽一發動全身”的水波效應，保證整個系統的正常運行。
由于模塊具有通用性特點，需要用到此功能模塊時無需重復設計，可以直接使用或簡單微調即可，減少了“重復造輪子”現象的發生。
這樣一來可以降低生產設計的時間成本和財力成本，二來時可以很大程度的提升產品設計、生產制造的效率。
通過上述內容“模塊化設計思維”的好處顯而易見，那么作為設計師在系統設計中應該怎么應用呢？這里容易陷入一個誤區就是為了模塊化而模塊化，模塊化設計需要在工作中去積累、抽象出可以進行模塊設計的內容。
首先一定要充分的了解整個系統，系統的業務屬性是什么，系統的功能有哪些（可以使用腦圖梳理出來），然后站在“上帝視角”去觀察整個系統，將具有「獨立」「通用」特點的內容抽離出來進行“模塊化”。
下面從「交互」和「UI」的角度來看兩個系統中比較常見的例子
下圖為「手機驗證碼驗證」交互流程圖，「手機驗證碼校驗」流程可以用在登錄、實名認證、修改密碼、查看修改重要信息等功能中，是一個常見的可“模塊化”的內容。
下圖為近期涉及的一個系統中的「搜索頁面」，系統中有很多搜索場景，例如：地址搜索、店鋪搜索、品牌搜索、人員搜索等。通過對功能和使用場景的分析，將「搜索頁面」進行了模塊化設計。
“模塊化設計思維”是一種提高工作效率的設計方法，需要各位在日常設計中嘗試著換一種角度來觀察系統。也要充分的理解“模塊化設計思維”的定義才能夠用好它，它并不是一個萬能的方法，只有用在合適的地方才能體現出其價值。
作者：群青被注冊 來源：站酷
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~