UI設計培訓分享：ui設計的如何進行元件化和模組化?

　　本期小編為大家介紹的 UI設計培訓教程是關於“ui設計的如何進行元件化和模組化?”的內容，其實元件化和模組化以前主要用於軟體開發這方面，隨著網際網路的不斷髮展，現在為了方面統籌和管理則被廣泛運用於ui設計中，今天小編就來為大家講講這兩者的區別。

　　UI設計培訓分享：ui設計的如何進行元件化和模組化?

　　一、什麼是元件，什麼是模組

　　元件：把重複的程式碼提取出來合併成為一個個元件，元件最重要的就是複用，位於框架最底層，其他功能都依賴於元件，可供不同功能使用，獨立性強。模組：分屬同一功能/業務的程式碼進行隔離(分裝)成獨立的模組，可以獨立執行，以頁面、功能或其他不同粒度劃分程度不同的模組，位於業務框架層，模組間透過介面呼叫，目的是降低模組間的耦合，由之前的主應用與模組耦合，變為主應用與介面耦合，介面與模組耦合。複用性很強，可以獨立管理。

　　二、兩者的區別

　　元件就像一個個小的單位，多個元件可以組合成元件庫，方便呼叫和複用，元件間也可以巢狀，小元件組合成大元件。ui設計認為模組就像是獨立的功能和專案(如淘寶：註冊、登入、購物、直播…)，可以呼叫元件來組成模組，多個模組可以組合成業務框架。

　　三、為什麼要使用元件化和模組化

　　1、可維護性強，便於後期程式碼查詢和維護。2、避免阻斷，模組化是可以獨立執行的，如果一個設計的模組產生了bug，不會影響其他模組的呼叫。便於後期程式碼查詢和維護。3、開發和除錯效率高，隨著功能越來越多，程式碼結構會越發複雜，要修改某一個小功能，可能要重新翻閱整個專案的程式碼，把所有相同的地方都修改一遍，重複勞動浪費時間和人力，效率低;使用元件化，每個相同的功能結構都呼叫同一個元件，只需要修改這個元件，即可全域性修改。4、版本管理更容易，如果由多人協作開發，可以避免程式碼覆蓋和衝突。

　　ui設計的元件化和模組化是怎樣的?以上就是小編為大家介紹的UI設計培訓教程，元件化與模組化在設計師的日常工作中起著重要作用，尤其是團隊協作的一些專案，大大提高了工作效率，希望以上的介紹能夠給大家帶來幫助