可以看到,页面上的信息分成6个部分,所以呢,我们可以先来画6个色块进行布局:










不过,因为每一段的文字字数,各不相等,有多有少,所以呢,色块的尺寸,我们需要基于字数多少,来做一些调整:

接下来呢,把内容放到对应的色块里,在这个过程中,可以把重点的信息加粗放大:

最后,为了避免视觉单调,可以增加一些可视化的元素,并对部分的色块,做一些颜色上的调整即可:

接下来是第二页:

这个也属于Word型的页面,主要说了两部分内容,因此,我们可以将其分开处理。
首先是第一段,我们可以对信息做一些拆分,让内容变得更结构化:

其次,对于数据的部分,我们可以把它变成可视化的图表:

页面上的一共分成六个数据,所以呢,页面的布局可能就会变成这样:

最后,把图表放到对应的色块里,完成排版即可:

然后是第三页:

这个属于文字比较多的页面,让人一眼看上去,没有阅读的欲望,所以,我们还是要进行结构化的处理。
