本期小编为大家介绍的UI设计培训教程是关于“ui设计的如何进行组件化和模块化?”的内容，其实组件化和模块化以前主要用于软件开发这方面，随着互联网的不断发展，现在为了方面统筹和管理则被广泛运用于ui设计中，今天小编就来为大家讲讲这两者的区别。

　　UI设计培训分享：ui设计的如何进行组件化和模块化?

　　一、什么是组件，什么是模块

　　组件：把重复的代码提取出来合并成为一个个组件，组件最重要的就是复用，位于框架最底层，其他功能都依赖于组件，可供不同功能使用，独立性强。模块：分属同一功能/业务的代码进行隔离(分装)成独立的模块，可以独立运行，以页面、功能或其他不同粒度划分程度不同的模块，位于业务框架层，模块间通过接口调用，目的是降低模块间的耦合，由之前的主应用与模块耦合，变为主应用与接口耦合，接口与模块耦合。复用性很强，可以独立管理。

　　二、两者的区别

　　组件就像一个个小的单位，多个组件可以组合成组件库，方便调用和复用，组件间也可以嵌套，小组件组合成大组件。ui设计认为模块就像是独立的功能和项目(如淘宝：注册、登录、购物、直播…)，可以调用组件来组成模块，多个模块可以组合成业务框架。

　　三、为什么要使用组件化和模块化

　　1、可维护性强，便于后期代码查找和维护。2、避免阻断，模块化是可以独立运行的，如果一个设计的模块产生了bug，不会影响其他模块的调用。便于后期代码查找和维护。3、开发和调试效率高，随着功能越来越多，代码结构会越发复杂，要修改某一个小功能，可能要重新翻阅整个项目的代码，把所有相同的地方都修改一遍，重复劳动浪费时间和人力，效率低;使用组件化，每个相同的功能结构都调用同一个组件，只需要修改这个组件，即可全局修改。4、版本管理更容易，如果由多人协作开发，可以避免代码覆盖和冲突。

　　ui设计的组件化和模块化是怎样的?以上就是小编为大家介绍的UI设计培训教程，组件化与模块化在设计师的日常工作中起着重要作用，尤其是团队协作的一些项目，大大提高了工作效率，希望以上的介绍能够给大家带来帮助，如果想要了解更多UI设计培训的具体课程内容，就加入千锋教育的UI设计交流群吧-809348958，群内会有专职的老师为你答疑解惑。另外群内不定期还会有免费直播课，由现役的讲师来授课。