1.5　文章内容排版

文章内容排版是提升阅读体验的重要环节，涉及字体、字号、配色、强调方式、代码高亮及标点规范等方面。

1.5.1　字体选择

●字体应符合用户的阅读习惯，优先选择编辑器默认字体以确保兼容性。

●全文字体和字号需要保持统一，建议最多使用三种字体，避免视觉混乱，如图1-8所示。

1.5.2　字号设置

●字号大小的设置规则：标题＞小标题＞正文＞注释和引用。

●同级标题、正文、注释、引用的字号要保持统一。

电子屏幕显示的内容推荐字号为14～17像素（如网页），我比较喜欢用15像素，这也是很多编辑器（比如语雀）的默认字号，而微信公众号和今日头条的默认字号是17像素。如果正文中用到了注释和引用，那么可以比正文小一两号，字体的颜色通常是深灰色，如图1-9所示。

1.5.3　配色原则

● 配色不要太乱 ， 最好不超过三种 。做幻灯片有一个配色原则，在同一个画面中最好不要超过三种颜色，这也适用于文章配色，即一篇文章中的配色最好不要超过三种，避免视觉疲劳。

● 配色不要太鲜艳 ， 最好是经典的黑白配 。颜色太过鲜艳会给人一种压迫感，要尽量避免。较常见的配色是：正文用黑色，引用和注释用深灰色，重点内容用一种亮色（如橙色或蓝色）强调。

1.5.4　强调方式

●在文章中通过设置不同的字体样式（加粗、斜体、下画线和颜色）增加视觉效果，达到强调重点的目的。但要保持克制，如果强调过多，全都是重点，也就相当于没有重点了。

●杂乱无章的强调也会引起读者的不适，一般建议通过加粗和使用亮色来强调重点，少用或不用斜体和下画线，如图1-10所示。

1.5.5　代码展示

代码要用代码块包裹，以便与正文区分开来，而且要明确使用语言（如Python、JavaScript），只有明确了语言，代码才能正确地被高亮显示，如图1-11所示。

1.5.6　字间距的规范使用

字间距的设置不仅影响排版美观与否，还直接影响阅读体验。除了字间距本身，空格、全角和半角的使用也会显著影响观感。以下是具体的规范和示例。

1.加空格的情况

①中文与英文之间加空格。示例：

②中文与数字之间加空格。示例：

③数字与单位之间加空格（度数符号和百分号除外）。示例：

④数字与运算符之间加空格。示例：

⑤使用＞（半角）标识路径时，两边加空格。示例：

2.不加空格的情况

①中文标点符号与数字、中文、英文之间不加空格。示例：

②英文和数字组合成的名字之间不加空格。示例：

③当/（半角）表示“或”“路径”时，与前后的字符之间均不加空格。示例：

④负号后不加空格。示例：

3.全角和半角的使用

全角和半角的区别主要体现在字节占用和间距上。

●全角：中文标点符号，占2字节。如“，。；：！＃”。

●半角：英文标点符号和数字，占1字节。如“，.；：！＃”。

①中文排版中使用全角标点符号。示例：

②英文排版中使用半角标点符号。示例：

1.5.7　标点符号的规范使用

标点符号对于很多人来说是最熟悉的陌生人。虽然它们随处可见，但也很容易用错，以下是省略号和顿号的规范用法。

1.省略号 （……）

● 排版规则 ：省略号在中文中占两个汉字空间，包含六个点。

● 使用规则 ：省略号和“等”“等等”不能同时使用。如果已经使用了省略号，就不应再添加“等”或“等等”。

输入建议：使用Shift+6输入六个点，避免使用三个点或六个句号。

2.顿号 （、）

● 排版规则 ：顿号用于句子内部并列词语之间的停顿。

● 使用规则 ：

◇不要在“和”“与”“或”“及”等连词前使用顿号。

◇标有引号或书名号的并列成分之间不应使用顿号。

1.5.8　拼写规范

专有名词常出现在文章、邮件甚至简历中，虽然不规范的拼写不会影响内容理解，但会给人留下不专业的印象。以下是专有名词的推荐或不推荐拼写方式，如表1-1所示。

建议：在使用专有名词时，尽量与官方写法保持一致，以确保文章的专业性和一致性。这不仅提升了文章的观感，也避免了因拼写不规范而产生的误解。

1.5.9　图片

正所谓“一图胜千言”，图片在文章中的作用不容小觑。合理的图片排版不仅能增强文章的层次感，还能让内容更加直观易懂，从而提升整体阅读体验。以下是关于图片排版的几点建议。

1.图片与文章风格的协调性

● 风格统一 ：图片的内容、颜色、大小（尤其是宽度）以及与正文的间距，都应与文章整体风格保持一致。避免在严肃的文章中插入搞笑图片，反之亦然。

● 内容匹配 ：确保图片与文章内容紧密相关，避免使用无关或风格冲突的图片。

2.图片与文字的位置关系

● 信息主导 ：当图片是主要信息来源时，将其置于相关文字描述的上方，以便读者先通过图片获取直观信息。

● 辅助说明 ：当文字是主要信息载体时，图片可置于文字描述下方，作为辅助说明，帮助读者更好地理解内容。

3.图片的视觉分割

为图片添加边框，特别是在以文字为主的图片中，可以有效区分正文与图片，提升视觉清晰度，如图1-12所示。

至此，排版的规则和技巧都讲完了，接下来讲讲排版效率。 jkoyEBU4fyyO3FaCuntgQQPNbts6Jxn/kxVAef2Hru9D0pU7g5z5gVNOObk122F4