网络编辑如何驾驭文章排版

遇翔

[摘要]作为一个合格的网络编辑，不单需要写的一手好文章，更应该重视文章排版，只有熟练的驾驭文章排版，才是一个被行业所需要的网络编辑。一篇优秀的文章，很大一部分得力于优秀的文章排版，好的排版可以让文章结构更加清晰，逻辑顺畅，使读者更容易理解，便于快速阅读，并且整个版面清爽整洁，让阅读成为一种享受。文章排版的主要目的只有一个，提升用户体验。

[关键词]脸面 电脑端 手机端

一、文章排版就是文章的脸面

当今是个看脸的时代，漂亮的“外貌”定然会受到更多关注，写文章也不例外。文章的“脸面”就是它的排版。一篇文笔出彩、排版精致的文章，除了更能抓住读者的眼球与思想外，阅读完毕后还会有一种赏心悦目的感觉，从而使新读者从此爱上阅读，让老读者更加享受阅读。

二、电脑端文章排版

1.文章字体字号

首先文章整体字体要保持统一，目前应用最多的字体有，宋体、仿宋、新宋体、黑体、微軟雅黑等。选择某种字体后，整篇文章中就应该避免出现其他字体来破坏文章整体效果。其次文章正文的内容字号一般以15-16PX为宜。另外主副标题无疑是文章中最明显的元素，比正文更加显眼。所以我们在进行文章排版的时候，一般主副标题都要比正文字号更大。主标题字号通常将正文字号放大到180%-200%。副标题字号通常将正文字号放大到130%-150%。

2.文章段落

调整文章段落的行间距和段间距，可以让读者阅读时条理更加分明。段间距让读者能够更好的识别内容块，行间距控制好则可以使阅读更加轻松。行间距和段间距分别如何设置呢？事实上，行间距并没有一个固定值，通常根据字体大小来定义。控制在正文字号尺寸的120%-160%，并且字体越小，行间距应该越大，确保字与行间的呼吸空间。段间距一般而言等于或大于正文字体的行间距。需要根据整体文章篇幅来定，篇幅短的文章可以降低段间距的值。篇幅长或学术类的文章，则可以加大段间距的值，给与读者喘息和思考的机会，并使文章更有层次和可读性。

3.文章行长

我们随便打开一篇网络文章，数一数每行的字数，一般情况下不会超过40个汉字。这是因为如果每行文字过长，读者会没有喘息的时间，降低阅读率。并且从一行换至下一行首的时候容易串行，影响读者的阅读节奏。所以我们要注意划分阅读区域，文章宽度控制在450-600PX为宜。

4.文章配图

当下最流行的文章格式当属图文并茂形式，而图文并茂最基本的要求就是配图清晰、明亮并契合主题，网络文章用到配图的地方无外乎三个地方：封面图（头图）、缩略图、正文配图。封面图最佳尺寸等于行长，如行长600PX，则图片宽也应为600PX，宽跟高的比例则定义为16：9较为合适，因相机拍摄成片的图片尺寸为16：9，所以图片选取这个比例更为方便，该图片宽高即为600PX*337PX。并让图片内容主体尽量处于图片正中心位置。缩略图最佳尺寸为200PX*200PX，居于正文的左侧或右侧，这种小图要选择简介干净，色彩统一的图片，以保证文章整体的整洁。正文配图经过调查，图片最佳尺寸跟封面图宽度相等，高度可根据需求调整。

三、手机端文章排版

1.文章字体字号

跟电脑端要求一样，文章整体字体需要保持统一，目前手机端最常用的字体非微软雅黑莫属。因为大部分手机设备默认字体都是微软雅黑或是酷似微软雅黑的字体，所以大多数编辑在发布手机端文章时，都喜欢使用微软雅黑。文章正文的字号单位建议使用REM单位。使用REM为元素设定字体大小时，设定的为相对大小，相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持REM。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用REM设定的字体大小。手机端正文字号没有明确的规则，字号大小根据读者群而定，一些老年读者多的网站建议字体尽量大一些，这样更能提高用户体验。至于主副标题则跟电脑端需求一样，主标题字号通常将正文字号放大到180%-200%。副标题字号通常将正文字号放大到130%-150%。

2.文章段落

手机端的字符间距不易太小，如果字符之间的间距设置太小的话，会显得内容过于紧密，在阅读时很容易串行，影响读者阅读。因为手机屏幕有限，所以行间距要设计的比电脑小。单位依然使用REM，以便于适配不同的移动设备。段间距则直接用空行来间隔即可，这样各段落之间才不会显得过于紧凑，给读者喘息和思考的时间。

3.文章行长

由于手机屏幕显示有限，行长建议为屏幕宽度的90%左右，并且文字两端对齐，这样可以令读者有良好的阅读体验，更能让用户专注到文字内容。但是因为手机屏幕显示得空间有限，两侧留白区域也不能够太多，约是页面的10%-20%的范围左右。

4.文字配图

手机端与电脑端配图方式有所不同。基本上只用到封面图及正文配图，而去掉了居左或居右的缩略图，这是因为手机屏幕带来的限制，显示区域有限的条件下，只能去掉了图文混排的排版形式。与电脑端配图形式一样的是图片宽度，依然是等同于行长为宜。

四、结语

如果原创文章来源于灵感，没有经验可谈的话。那么文章排版技术则来源于一次次、一遍遍的文章发布经验与体会。从每一篇文章的发布中积累经验，找到时下用户更可以接受的排版形式，与时俱进，日益更迭，不断的提升用户体验，给网站带来更多、更稳定的读者，就是网络编辑驾驭文章排版带来的最大价值。