ui设计如何组件化和模块化？事实上，组件化和模块化以前主要是用在软件开发这方面，随着互联网的不断发展，现在为了方面的综合与管理也被广泛地应用在ui设计上，今天小编就给大家说说这两个方面的区别。

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

构件：提取重复的代码，并将其合并成单独的组件，组件最重要的就是重用，位于框架的最底层，其它功能都依赖于组件，具有很强的独立性。模块化：将属于相同功能/业务的代码隔离(分装)成独立模块，可以独立运行，按Pages.功能或其他粒度划分不同级别的模块，位于业务框架层，模块间通过接口调用，减少了模块之间的耦合，将主应用和模块连接起来，将主应用和接口耦合在一起，从而减少模块之间的耦合。具有良好的重用性，可独立管理。

二、两者的区别。

构件类似于单个小单元，可由多个构件组成构件库，便于调用与重用，构件间也可嵌套，小组件组合为大型组件。ui设计将模块视为独立的功能和项目(比如淘宝：注册.购物.直播…)，可调用组件组成模块，并可将多个模块组合为业务框架。

三.为什么要采用组合式和模块化。

1.易于维护，便于后期的代码查找和维护。2.避免阻塞，模块化可以独立运行，如果已设计的模块产生缺陷，则不会影响其他模块的调用。方便以后的代码寻找和维护。3.开发和调试非常有效，随着功能的增加，代码结构将变得更加复杂，想要修改一个小功能，也许需要重新查看整个项目的代码，将所有相同的地方修改一遍，重复的工作浪费了时间和人力，低效；通过组件化，每一种功能结构都调用同一组件，只需修改该组件，就可以进行全局修改。4.版本管理比较简单，如果由多人合作进行开发，则可避免代码覆盖和冲突。

ui设计如何组件化和模块化？以上就是小编为大家介绍的UI设计培训教程，组件和模块化在设计者日常工作中扮演着重要角色，特别是一些团队合作的项目，极大地提高了工作效率，希望以上的介绍能给大家带来帮助，若要了解更多关于UI设计训练的课程内容，关注成都UI全链路UI培训机构。