秀米排版丨轴线卡片如何制作

更新时间：2025-01-06 15:16:19

制作轴线卡片，需要运用布局思维。

步骤一：首先，通过使用固定布局，制作出一个三角形。

1.1 在图文模板中，选择布局中的基础布局或编号#3336，插入固定布局。

1.2 调整固定布局的尺寸，设置宽度为15px，高度为36px。

1.3 添加边框，设置左边框样式为实线，大小为15px，颜色为红色。下边框样式同样为实线，大小为36px，颜色透明。

步骤二：其次，添加文本并设置背景色。

2.1 在三角形下方添加文本内容。

2.2 打开深度布局模式，将固定布局拖至文本右侧。

2.3 设置左侧布局的宽度为自适应，并添加背景色，对齐方式为整行拉伸。

2.4 调整内边距，左右各12px，上下各2px。

2.5 设置右侧布局宽度为自伸缩，0值。

2.6 设置左侧布局文本字体颜色为白色，加粗，并在组件定位中设置组前距为3px。

步骤三：通过复制第一行布局并进行翻转。

3.1 复制第一行布局，将其拖至原布局右侧。

3.2 设置右侧布局内层背景色为黄色。

3.3 翻转右侧布局的内层和外部文字，调整字体颜色为黑色。

3.4 调整左侧布局外层的上边距为12px，左右边距为10px、-15px。

步骤四：添加一个单列布局，并添加正文。

4.1 添加单列布局，输入正文文本。

4.2 设置单列布局内边距，上下左右均为20px，并添加灰色背景。

步骤五：增加第二个单列布局并嵌套。

5.1 添加第二个单列布局，将第一个单列布局嵌套其中。

5.2 设置外层单列布局的内边距，上18px，下15px，左18px；外边距，左35px。

5.3 设置外层单列布局边框，位置左，样式实线，大小4px，颜色红色。

步骤六：最后进行细节调整。

6.1 选取外层单列布局，调整其宽度为自伸缩。

6.2 更改第一行黄色内的文字内容，完成轴线卡片制作。