当我第一次看到这个架构图时也一筹莫展，首先这个颜色的多样性确实会对整个架构图的信息传达带来很大的阻碍。所以先将颜色、字体等统一看看。

这样就清晰很多了，我们也很直观的能区别出内容的相关性

很显然，这是四个各司其职的架构，我们各个击破。从结构上来看，两边的排版可以一致，上下的排版可以一致。因此这时候要做的就是将单一模块标准化。

正如上图的那样，原架构图外层是圆角矩形，内层是直角矩形，我们统一做成圆角之后，视觉上就舒服多了。

同样的，针对单一模块区域的主标题，也需要做一个标准化处理。