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

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

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

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

　　二、兩者的區(qū)別

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

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

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

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