本期小編為大家介紹的UI設(shè)計培訓(xùn)教程是關(guān)于“ui設(shè)計的如何進(jìn)行組件化和模塊化?”的內(nèi)容，其實組件化和模塊化以前主要用于軟件開發(fā)這方面，隨著互聯(lián)網(wǎng)的不斷發(fā)展，現(xiàn)在為了方面統(tǒng)籌和管理則被廣泛運用于ui設(shè)計中，今天小編就來為大家講講這兩者的區(qū)別。

　　UI設(shè)計培訓(xùn)分享：ui設(shè)計的如何進(jìn)行組件化和模塊化?

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

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

　　二、兩者的區(qū)別

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

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

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

　　ui設(shè)計的組件化和模塊化是怎樣的?以上就是小編為大家介紹的UI設(shè)計培訓(xùn)教程，組件化與模塊化在設(shè)計師的日常工作中起著重要作用，尤其是團隊協(xié)作的一些項目，大大提高了工作效率，希望以上的介紹能夠給大家?guī)韼椭绻胍私飧郩I設(shè)計培訓(xùn)的具體課程內(nèi)容，就加入千鋒教育的UI設(shè)計交流群吧-809348958，群內(nèi)會有專職的老師為你答疑解惑。另外群內(nèi)不定期還會有免費直播課，由現(xiàn)役的講師來授課。