排版实战｜DIY轴线模板（下）

接上一期

上周，我们了解了如何自定义新版轴线模板各部分的内容，包括调整零件颜色，轴线样式，在模板中添加内容以及替换零件样式的方法。那么在这一期，小米教你如何自己也能做出一个完整的轴线模板。

轴线模板的整体结构

添加一个新版轴线模板到编辑界面后，打开布局模式，你会看见整个轴线模板从内到外一共有四层布局：

我们从内到外一层一层分析：

 第一层布局

这一层布局不一定是必要的，它控制的是某些轴线中的标题部分的边距；

 第二层布局

第二层布局包含了整个轴线部分的内容，而这层布局控制的是轴线的样式；

 第三层布局

同样是包含了整个轴线部分的所有内容，并控制轴线部分的左边边距；

 第四层布局

将标题零件和轴线部分的内容包括在一起，成为一个整体；

制作轴线模板时，我们先从轴线的部分开始制作。

制作步骤

第1步

制作轴线部分

首先添加一个空白布局，点击布局的灰色边缘调出工具条，设置布局左边边框的样式：

设置完左边边框后，添加内容到布局中，你会发现所有内容都紧贴着轴线，很不美观，那是因为你还没有设置布局的边距：

所以，继续在布局模式下，选中布局的边缘，调整布局的左边距：

第2步：

添加第二层控制轴线位置的布局

由于轴线要与数字或标题零件在接下来的步骤中要做位置上的调整，所以还需要再套一层布局来调整轴线的位置：

第3步：

添加零件，然后用第二层布局调整轴线位置

添加一个零件后，在定位选项中，将零件调为左对齐，调整大小，段前短后距改为0与轴线接合。

然后接下来利用第二层布局的左边距调整轴线的位置：

也许你会有个小疑问，为何不用定位功能的偏移选项来调整轴线的位置呢？那是因为这个做法，很有可能是将轴线部分的内容移出编辑区域，在手机上看浏览的时候，超出编辑区域的内容就会被切掉了。

第4步：

将零件和轴线内容放入一个布局当中

添加一个新的空白布局，将零件和轴线都放到布局当中：

第5步：

这是一个额外的小步骤

也许，有可能你想在数字零件旁边再加入一个标题，那么这时候，我们可以设置一个标题，然后修改这个标题的段前距

这时候，你会发现一个问题就是标题与数字重叠了：

遇到上述情况时，你可能想到的是，我们可以用定位中的偏移选项来调整，如果在偏移后，文字不会超出编辑区域的话，可以考虑这个做法，但我还是建议你用一个布局套住标题部分，用布局的间距调整位置，操作如下：

小结

今天主要为大家演示了从0开始，从内到外搭建一个轴线模板的过程。了解这个制作原理之后，你可以制作出任何形式的轴线模板。

看过上述演示之后，你可能表示一脸懵币！？那就对了！不做练习是学不到任何操作技巧的哦！！

练习的进入方式

在电脑上登录秀米网站

点击秀米图文排版2.0进入编辑界面

编辑界面右方的帮助按钮

进入到图文排版帮助地图

在关键词之后有更多的教程

可以看到练习题的快速入口

答案先放这了，习题请按上述方法找～