版式解析大配图与文字提取

④段落文字一定要注意字符的间距和行距控制。

文段中的字间距不能太过疏远，虽然单字识别性会提高，但是单词和句子的识别性会降低，导致阅读的连贯性减弱，极为加大内容理解的难度。同时，文段中的字间距也不能太过接近，尤其不能贴合到一起，字距太近会影响单字的识别能力，很容易找不到读到了哪个位置。我个人大部分情况下文字的间距会保持在10到-25之间，具体大小根据不同字体和字符的大小变化会有波动，但不会太大。

文段的行距跟间距的道理相似，拉开太远会影响阅读的连贯，影响理解能力，离得太近会干扰上下两行的阅读，很容易串行，一般会以半个字符高度左右为准。

在行距确认上，我个人有一个常用的小技巧，网页的分辨率是以72为主，而文字常用的点这个单位，在72分辨率的时候正好是1像素=1个点，也就是说我们在字符中选择的行距是几点，它的实际就是多少像素。

而在软件中，行距并不是指上方文字底部到下方文字顶部的距离，而是指上方文字的底部到下方文字底部的距离，拿行距30点为例。

所以行距的确认我们就在文字高度的基础上加上它一半像素就可以了。因为像素和点一个大小，通过选区可以直接得到文字的高度。比如下方文字高度是50像素，那么行距我们就可以设置为50+50/2=75像素（不用太死，结合情况可以在这个数值周边有浮动）。

这里一定要注意，字符的高度可不是字符的大小，不能以文字大小的数值为准，要以像素框选的高度为准，比如我们设置的字符大小是60点，文字实际的高度是47像素，所以行距要在70左右，而不是90。

配色思路：由于配图中的颜色比较明确，这里可以直接从配图中吸取颜色。之前提到过用色尽量亮暗结合，因为底是白色，所以搭配的颜色要尽量重一点，不过这里需要注意一个细节，像粉色，黄色，绿色，青色这种比较明艳的颜色，一定不要直接去吸图片中暗部的颜色，那样吸出的颜色会比较脏，最好是先吸明亮的部分，然后做一些饱和度和明度的调节。

直接吸取暗色部分，颜色暗淡

吸取亮部颜色，通过拾色器加深饱和度和明度，颜色重但是艳丽

网格思路：之前几篇文章中，文字部分的处理基本以对齐参考线为主。这里的文字部分依次由四个内容组成，标题、装饰、正文、英文，而且内容都比较少，一个高度基准里就能容下一个部分，所以在文字的排列上，我使用的处理方式是每一个文字部分，在相对应的每个高度基准（如果对20列参考线和高度基准不太明白，可以查看前两期文章的网格部分）当中做了垂直居中。

延展思路：当前版式的核心特征是文字部分提取成版块应用，其次依然是贴合画布两侧配图的应用。