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

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

　　一、什么是組件，什么是模塊

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

　　二、兩者的區別

　　組件就像一個個小的單位，多個組件可以組合成組件庫，方便調用和復用，組件間也可以嵌套，小組件組合成大組件。ui設計認為模塊就像是獨立的功能和項目(如淘寶：注冊、登錄、購物、直播…)，可以調用組件來組成模塊，多個模塊可以組合成業務框架。

　　三、為什么要使用組件化和模塊化

　　1、可維護性強，便于后期代碼查找和維護。2、避免阻斷，模塊化是可以獨立運行的，如果一個設計的模塊產生了bug，不會影響其他模塊的調用。便于后期代碼查找和維護。3、開發和調試效率高，隨著功能越來越多，代碼結構會越發復雜，要修改某一個小功能，可能要重新翻閱整個項目的代碼，把所有相同的地方都修改一遍，重復勞動浪費時間和人力，效率低;使用組件化，每個相同的功能結構都調用同一個組件，只需要修改這個組件，即可全局修改。4、版本管理更容易，如果由多人協作開發，可以避免代碼覆蓋和沖突。

　　ui設計的組件化和模塊化是怎樣的?以上就是小編為大家介紹的UI設計培訓教程，組件化與模塊化在設計師的日常工作中起著重要作用，尤其是團隊協作的一些項目，大大提高了工作效率，希望以上的介紹能夠給大家帶來幫助，如果想要了解更多UI設計培訓的具體課程內容，就加入千鋒教育的UI設計交流群吧-809348958，群內會有專職的老師為你答疑解惑。另外群內不定期還會有免費直播課，由現役的講師來授課。