本篇文章从“什么是模块化设计”和“模块化设计的好处”两方面出发，教大家如何通过模块化设计减少无用功，从而提高工作效率。
最近在做项目的时候发现一个问题：在我当前做的APP项目中，部分界面模块在之前的多个项目中有设计过，比如订单模块、购物车模块、地址模块等，而我当前项目又需要设计这些。
那么如果是你会怎么做呢？是重新设计、复制粘贴、还是利用组件库进行搭建呢？
我之前采用的方式就比较笨，首先打开之前的项目，找到对应的界面进行复制，然后在进行风格和数据调整等。这种设计方式没有问题，但这是一种浪费时间的重复操作，同时如果你复制的模块如果来自几个APP这很容易导致不统一。
另外对于一些常见模块，比如商品列表，几乎每个项目都有，但是其展示的参数和风格都有所差异，比如一些有标签，促销信息，介绍等而一些又没有，即使拷贝以前的，修改起来也需要时间。
那么怎么才能解决这些问题呢？后来通过大量的收集和学习别人的文章发现，采用模块化设计的方式可以降低这种无用功操作。模块化有部分同学可能不太理解，下面我们从2个方面来了解：
什么是模块化设计？模块化设计的好处？
一、什么是模块化设计
模块化设计是将设计分解成小的模块，然后独立设计它，最后在将它们组合成更大的系统，就像小朋友玩的积木一样，由一些简单的零件组成小的模块，然后在组合成各种模型样式。
在我们生活中到处都可以看到模块化设计的例子，比如汽车、电脑、家具都是由一些零件组合成小部件，然后在由这些小部件组合成模块，再由模块组合成成品。这些部件可以更换、添加、移除而不影响整体设计。
同理在UI设计中，我们同样可以将文字、颜色、图标、图片等看成一个元素，那么由这些元素组合可以成为一个小的模块，最后将这些模块组合在一起就形成了各种界面样式。比如个人中心一般有头像区、功能区，那么根据常见样式可以拆分为4个基础组件：
那么我们由个人中心的这几个组件就可以组合成一个具有不同展现效果的模块：
因此，从上图可以看出：当我们做好了基础的组件并定义它的规范后，在以后的项目遇到这种情况，界面就会做得很轻松，像搭建积木一样就可以搭出不同样式
二、模块化设计的好处
上面大概介绍了模块化设计，那么采用模块化设计有什么好处呢？模块化的核心意义在于分离职责，它的