模板像俄罗斯套娃一层叠一层,结果...

因为文章属于新闻资讯类，所以我们找了一个看起来非常像纸质的卡片：

我们把内容塞进去，为了看起来更符合新闻早报的样式，找了一张适宜的配图；再把模板中稍微做了一点调整：

其实，因为秀米布局的关系，只要你想，就可以把已有的卡片模板，变成下方组合样式；而这是秀米独家出品，别无分号；接下来，我们就简单介绍下，是如何把图片压到图片上的：

• 打开布局模式，添加一个固定布局到编辑区域中，删掉默认文字框；

• 把图钉从布局中拖出来，放到固定布局里，设置固定布局的宽高度：

• 设置固定布局的段后距为负值，并根据图文元素的重叠规律，设置偏移数值：
  

• 把阴影卡片从背景中拖出来，删掉背景设置；

• 保留阴影卡片设置，设置全文的页边距10px；

• 把内容从多余的卡片中拖出来，取消这些对话卡片；

根据这篇文章类型，我们用关键词“新闻排版”、“资讯”、“热点”等关键词，在网页中获取适合的版式：

所以，根据上方示例参考，以及整合后得来的信息，我们给正文重新进行排版：

• 选用渐变色标题模板，作为正文的第一层级标题；

• 我们渐变色标题很多，所以在符合内容情况下，自由选用；

• 渐变色设为rgb(33, 98, 156)与rgb(45, 178, 234)

• 把文章按照原有标题分为几大块，依然放在阴影卡片中；

• 外部阴影样式调整为大小1px，模糊度4px，方向45，颜色rgb为(165, 164, 164)；

• 文中部分没有带图示的新闻，用二列表格制作；

• 最左边的零件，是我们之前上新的新闻热点等可使用的模板，GIF零件也同时提高了阅读性：

• 零件旁边的竖线，是设置的单元格右边的边框样式，然后往下应用格式；而右边单元格设置左右边距：

 编后语 

新闻是我们接触国内外大事的信息渠道，如何让新闻文章排版视觉性与功能性同时存在，是最需要考虑的问题；例如这篇文章中，只考虑到了“视觉性”：

• 文章中文字排版忽大忽小，整体偏左，影响阅读体验。

• 文章整体在阴影卡片中，又套了多层卡片模板，导致内容显示版面越来越小；

• 文中部分内容，直接采用图片，并没有对应的文字说明，非专业用户并不能看懂；

所以在编写一篇新闻资讯类的文章，我们不妨：

• 如果文章中开篇设了卷首语内容，要保证主次分明，不能颠倒关键内容；

• 文字排版要统一，如有一定的严格格式，可根据格式来；

• 正文排版是关键，排版可以直接简单；但不必为了抓眼球忽略了内容阅读效果；

• 如果文中有部分新闻信息未有图示说明，可以整合排版；可考虑左右版式，选用适合的模板就好；