如何让秀⽶模板更适合⾃⼰制作的内容
今天分享的的是⼩伙伴Ollie的《⾥斯本：那家咖啡店》是⼀篇关于探店美⾷的游记⼼得，多图排版是这篇⽂章的特点，编者在⽂章中利⽤布局划分版⾯，同时很巧妙的将现有模板，调整模板设置，更符合⽂章内容本⾝；经常有⼩伙伴们询问，XX类型的⽂章如何排版呢，就可以使⽤这样的⽅式，调整秀⽶现有模板的配⾊、内容，同样是能够与⽂章契合的哦！
部分版式制作⽅式
旧模板，新变化
在⽂章正⽂内容中，编者为完美表达探店的站点，⽇期与时间等内容，制作了这样的⼀个版式：
Dear Breakfast
R. Gaivotas 17, 1200-649 Lisboa
NO°/01
27
免费模板制作下载
三⽉
星期⼆
10 :
⽽这样的⼀个版式，是由下⽅的秀⽶现有的⽇签模板转化⽽成的；对照这两个版块，能够看出编者并没有⼀味的套⽤模板，⽽是根据实际内容，对模板进⾏调整，更适应⽂章本⾝：
每⽇⼀签
致独⼀⽆⼆的你
26
四⽉
星期⽇
伟⼤的⼼灵，
在这个世界更喜欢独⽩，
⾃⼰与⾃⼰说话。
——叔本华⽽由秀⽶原有模板，是如何在调整内容，转化成最后版式呢？接下来开始揭秘：
•在图⽂编辑界⾯，左边素材区中，根据关键词“⽇签”，进⾏搜索，到对应模板，拖到编辑区域中；
•打开布局模式，删除模板中最上边的“每⽇⼀签”，添加⼀个⼆列布局，到编辑区域中；
•设置左右布局宽度分别为78%、22%，然后往左边布局中输⼊⽂字；
•右边布局设置四周边距均为2px，设置全部边框样式为实线，尺⼨1px，颜⾊默认；然后输⼊⽂字：
<< 滑动查看操作过程⽰例 >>
•紧接着，把模板图⽚中左边的布局删除，调整图⽚所在的布局，设置宽度为90%，依然右对齐；
•然后替换模板中的图⽚内容：
<< 滑动查看操作过程⽰例 >>
•然后在图⽚下⽅，继续添加⼀个⼆列布局；设置左右布局宽度为61%、38%；
•然后将半透明的标题拖动到左边布局内，调整标题布局为70%，右边布局输⼊⽂字；
•最后再记得调整⼀下⽇期就好：
<< 滑动查看操作过程⽰例 >>
这样就制作好了，在后⾯编者把地点与⽇期调换位置，重复制作模板：
NO°/02
Hello, Kristof
R. do Poço dos Negros 103, 1200 Lisboa
10 :
28
三⽉
星期三
⾼低不平的多图排版⽅式
因为⽂章类型的关系，编者在⽂章中添加了很多图⽚内容，并利⽤布局划分版⾯，例如下⽅这个错落有致的多图模板：
© Dear Breakfast offical website
这个模板制作⽐较简单，把图⽚放在三列布局中，设置图⽚边框样式，然后分别调整图⽚的段前/后距，让其能有错落感；下⾯是制作⽅式：
•打开布局模式，添加⼀个三等列布局到编辑区域中；
•设置三列布局左右边距均为2px；
•紧接着，往最左边布局中拖⼊图⽚，设置图⽚段前/后距为0；
•设置图⽚全部边框样式为实线，尺⼨3px，颜⾊为rgb(210, 234, 237)；
<< 滑动查看操作过程⽰例 >>
•然后把这个图⽚复制，放到剪贴板中，再分别拖到剩下的布局中；
•分别替换图⽚，再设置第⼆个图⽚段前距20px，第三个图⽚段前距10px：
<< 滑动查看操作过程⽰例 >>
左右排列的多图样式
在⽂章中，还有⼀块左右排列的多图样式，为了不过于单⼀，编者在⽂章中放⼊⽂字，并调整了部分图⽚的宽度，凹凸有致：
早餐精选
Eggs Benedict
Pink Latte
制作⽅式也很简单，把内容放在⼆列布局中，左右布局分别设置左右边距5px；然后拖⼊图⽚，设置边框样式，再调整部分图⽚的宽度就好：
⽂章格式参数
18
14
配⾊⽅案
标题
rgb(62, 62, 62)
rgb(62, 62, 62)
正⽂rgb(62, 62, 62)
其他配⾊参考rgb(210, 234, 237)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。