编辑和文案必看的中英文排版指南

文字排版指的是把各种字句排布到最佳位置，以达到语言文字可视化的最佳选择，我们几乎每天都会进行文字排版，你需要写论文吧？你要写报表吧？准备PPT吧？发微博发朋友圈？大家都在用，但是更多的人注重的是我们撰写的内容（当然这很重要）而不是我们怎么表达出来，而最重要的时候，别人看到它的时候是怎样看，感觉如何的？

排版是会透露出情感的，对于字体的选择能帮助作者表达自己的情感，也能帮助读者更好的理解和吸收，从根本上讲，选择对了排版模式，你的文章的基调就已相应地确定（具体可查看马海祥博客《提升网站文章可读性的排版技巧大全》的相关介绍）。

本文旨在帮助普及、提升大家对文字排版的认识，让大家在平时的学习工作中能有更专业的文字排版素养。

一、中文排版

很遗憾，我们的周围充斥着大量排版丑陋的文章，在此，马海祥觉得有必要为大家详细的介绍一下中文排版的要点：

1、引号

我国国家标准要求弯引号，马海祥建议使用直角引号。

示例：你竟然喜欢「苹果表」？

引号中再用引号使用双直角引号。

示例：我问他，「你竟然喜欢『苹果表』？」

当引号表示讽刺、反语暗示时，使用弯引号（用法参考「西文排版」部分）。

示例：说真的，我也很 “喜欢”「苹果表」哦。

2、省略号（删节号）与破折号

省略号占两个汉字空间，包含六个点。

正确示例：中国设计还有太长路要走……

错误示例：中国设计还有太长路要走…

破折号占两个汉字空间。

示例：中国设计还有太长路要走──加油罢。

3、行首行尾禁则

点号（顿号、逗号、句号等）、结束引号、结束括号等，不能出现在一行的开头。

错误示例：

排版时注意某些
符号不能在行首
，别弄错了。

正确示例：

排版时注意某些
符号不能在行首，
别弄错了。

开始引号、开始括号、开始双书名号等，不能出现在一行的结尾。

错误示例：

她对我们说：「
这书太赞了。」

正确示例：

她对我们说：
「这书太赞了。」

4、字号和行高

排版的初衷是使得内容更易读，而你需要帮助读者自然的从一行阅读至下一行，而这里面影响阅读流畅性和易读性的基本要素就是字号和行高（具体可查看马海祥博客《如何使用文案的力量来改善用户体验》的相关介绍）。

而这两个要素基本上都受到字符的 x 字高、每行的长度和字符所占面积大小的影响，所以，马海祥建议大家可以通过以下几点可以教条的完成靠谱的排版：

（1）、将行高与字号绑定

如何绑定？假设字号是1，那么行高就设置为1.4，这样就绑定起来了。

当行号的值为字号大小的 120%-145% 时排版最佳得表现，目前，大部分的 App 和 Web CSS 里都会使用百分比来描述，百分比能帮助你方便调试，省了你人工计算和调试的精力。

（2）、以正文文本为起点

正文作为全文所占比最高的一部分，它的易读性显得尤为重要。

对于打印的文本来说，比较舒适的阅读字号为 9-12 pt（磅），而对于屏幕显示环境来说，14-24px（像素）为好。而较易读的行高选择为 45-90 个字符。

对大个儿的标题来说，可以选择比正文稍微小点的行高。

（3）、每套字体都是独一无二的

不同的字体给人带来的感觉是完全不一样的，即便他们的字号一样（具体可查看马海祥博客《如何个性化设计字体的风格》的相关介绍）。

比如，衬线体的表现就和非衬线体不一样，因为你需要确保读者从以后转跳至下一行的阅读流畅性，你需要不断去调试不同的字号和行距以取得最佳值。

二、英文排版

现在的网站设计中越来越多的采用英文的字体设计，很多引进国外的文章也越来越多，那么英文字体排版技巧有那些呢？

1、英文撰写基础

句首字母大写。

单词间留空格。

示例：Have a question?

2、英文标点相关

点号后加一个空格（如逗号、句号等）。

示例：Hello everyone! Welcome to my blog.

符号前不加空格的：度的标志、百分号等。

示例：17°, 100%

符号后不加空格的：货币标志、表正负数符号等。

示例：$10, -23

符号后加空格：「at」标志（电子邮件除外）、版权标识、项目符号等。

示例：@ Hindy, © Hindy

除外：hindy@mahaixiang.cn

括号、引号前后加空格，中间内容无空格。

示例 1：5.04 ounces (143 grams)

示例 2：Did you say “I love that”?

连字符（-）将两个相关单词组合成一个单词。

示例：Multi‑Touch, Jean-Jacques Rousseau

全角连接号（—）常表示文章中断、转折或说明。

示例：So not only will you see what a press can do — you’ll feel it.

3、斜体的用法

用来强调文中某个词或某句话。

用来标记外来语以及读者不习惯的单词。

文中出现的书名、剧名、美术作品的题目等等。

4、大小写的区别

专有名词使用特定大小写。

示例 1：the white house 是白色房子，the White House 则是美国白宫。

示例 2：I like iPhone and iMac.

示例 2 错误示范：l like iphone and IMAC.

标题可单用大写字母来排。

示例：JUST DO IT.

5、引号

引号有分单引号和双引号，在英语中，通常单引号用于这样两个场景：

（1）、作为一些词或字母的省略

在一些简写的语境中，单引号起到的是代替或省略其他字符的作用比如，我们通常把 cannot 简写成 can’t。

（2）、表达一种相互关系

在这种情况下，单引号的后面都会紧跟一个「s」，以表明这个词汇与接下来的词汇之间的关系。比如，Jason’s Brother。

而相信在很多时候，大家对与这些标点符号的输入是有着偏差的，键盘上的「'」，所输入的单引号并非我们以上所描述的单引号，正确的输入方法为「 option + shift + ] 」，其表现形式为「’」。

6、双引号

另一种为我们所熟知的是双引号，用于文本中表达一段说辞或引用，有时候在表达反讽语气的时候也会用到双引号。

同样，值得注意的是，要充分区分双引号和直引号，在使用的时候也免不了有误用。通常我们通过「 shift + ' 」以输入「"」，但是这是垂直而不带弧度的，要达到输入真正双引号的效果，输入的方式为「 option + shift + [ 」和「 option + [ 」，得到的效果为「“”」。

另外，关于书名号的输入，目前大多数人英文的输入也是存在误区的，中文是直接「 shift + , 」，而英文则是「 option + \ 」。效果这是「《》」和 「«»」。

7、破折号

就是「-」这个，英文里当然不是叫破折号，根据不同的使用场景，他的叫法和用法也不一样，可以统称为虚线。

8、连接号（又称连字符）

简单来说，它就是键盘上的「-」。连接号一般用于断词断句，不如需要换行了而一个单词又太长了，或者作为一个短语需要用连接号把几个动词或介词联系起来，比如：fuck-off。

另外，根据个人使用习惯，电话号码也可以使用连接号，如：159-2151-8615.

（1）、En Dash

这个不知道用什么中文表达更合适，它常用于时间日期中表达过程的一个符号，同样也能表达出两个不同词汇之间的关系。比如 1978 - 1999，上海 - 广州。

（2）、Em Dash

这个词最接近我们中文用法中的破折号，或者在引用中表面作者或出处。比如：他看上去流里流气的，怎么形容他呢？——王八蛋

连接号的正确输入方法就是直接点按键盘上的「-」；而 En Dash 的输入方法为「 option + - 」，表现为「–」；而 Em Dash 的输入为「 shift + option + - 」，表现为「—」。嗯，看上去表现结果没有任何区别，嗯！

三、中英文混排

在编排文字时，难免会遇到中英文混用的情形，在这种情况下由于两种文字的特性相当不同，即使使用相同的横书书写方式，在排版时也因为文字特性的不同而产生一个问题。

由于英文是有字母组成单字、单字组成句子，所以一个句子里面的每个单字之间有「空格」的存在，但中文撰写时并没有这个习惯（中文的空格只会出现在段落首的缩排以及尊称前的空格），于是在中英文混排的时候，如何安排适当的空格让阅读时更为轻松舒适呢？

1、基础原则

中英文之间需要加空格。

示例：iOS 是个不错的操作系统。

中文与数字之间需要加空格。

示例：已经到了 12 月了啊。

中文与链接之间增加空格。

示例：我觉得 马海祥博客 这个网站很赞。

专有名词使用特定大小写。

示例：我刚买了台 iPhone 6s。

使用正确的缩写。

正确示例：UI 设计师应该学点 HTML5。

错误示例：UI 设计师应该学点 H5。

2、标点相关

使用全角标点。

示例：苹果公司（Apple Inc.）真有钱……

全角标点与英文或数字之间不加空格。

正确示例：我刚买了台 iPhone，好开心！

错误示例：我刚买了台 iPhone ，好开心！

遇到完整的英文句子使用半角标点。

示例：《阿甘正传》的「You never know what you’re gonna get.」这句台词令我印象最深。

我希望能够做些力所能及的小事，让更多人意识到「设计」的价值和其必要性，创造更美好的视觉环境。

本指南并未深入赘述更多排版细则，所写是从综合考虑只作个人推荐，我国字体排印规范的工作距离美观、易读还有很远的路要走，希望本文对您有所帮助。

马海祥博客点评：

出色的排版是带有功利性的，他让读者更多的集中注意于内容，而不是格式，好的排版甚至让读者感受不到排版的存在就顺利地完成了阅读。

本文发布于马海祥博客文章，如想转载，请注明原文网址摘自于http://www.mahaixiang.cn/xzjq/1507.html，注明出处；否则，禁止转载；谢谢配合！