中文文案排版指北

我认为文章的排版还是很重要的，一份好的排版的文章也是对读者的一份尊重，就好像在博客中代码要用代码块高亮起来一样。统一中文文案、排版的相关用法，降低团队成员之间的沟通成本，增强网站视觉体验。

我也经常遇到问题时去看别人的博客，但是好多博主的排版很好看，有些看起来很是不舒服，今天发布一篇关于排版的文章，希望其他的博主看到以后，可以重视起来，养成一个良好的排版习惯，方便自己也方便他人。

空格

「有研究显示，打字的时候不喜欢在中文和英文之间加空格的人，感情路都走得很辛苦，有七成的比例会在 34 岁的时候跟自己不爱的人结婚，而其余三成的人最后只能把遗产留给自己的猫。毕竟爱情跟书写都需要适时地留白。与大家共勉之。」——vinta/paranoid-auto-spacing

1、中英文之间需要增加空格

正确：

在 LeanCloud 上，数据存储是围绕 AVObject 进行的。

错误：

在LeanCloud上，数据存储是围绕AVObject进行的。

在 LeanCloud上，数据存储是围绕AVObject 进行的。

完整的正确用法：

在 LeanCloud 上，数据存储是围绕 AVObject 进行的。每个 AVObject 都包含了与 JSON 兼容的 key-value 对应的数据。数据是 schema-free 的，你不需要在每个 AVObject 上提前指定存在哪些键，只要直接设定对应的 key-value 即可。

小结

在中英文排版时，如果英文在中文之前，在英文前后都须要加空格。如英文在排版的首位后面是中文即在英文后面加空格，如在最末尾即在英文前面加空格。

2、中文与数字之间需要增加空格

正确：

今天出去买菜花了 5000 元。

错误：

今天出去买菜花了 5000元。

今天出去买菜花了5000元。

小结

在中文与数字排版时，如果数字在中文之前，在数字前后都须要加空格。如数字在排版的首位后面是中文即在数字后面加空格，如在最末尾即在数字前面加空格。

3、数字与单位之间无需增加空格

正确：

我家的光纤入户宽带有 10Gbps，SSD 一共有 10TB。

错误：

我家的光纤入户宽带有 10 Gbps，SSD 一共有 20 TB。

小结

在数字和单位排版时，如果分开了，会感觉这个单位没法用量来衡量，这时可以把数字和单位都当做是英文不需要空格。

4、度／百分比与数字之间不需要增加空格：

正确：

今天是 233° 的高温。

新 MacBook Pro 有 15% 的 CPU 性能提升。

错误：

今天是 233 ° 的高温。

新 MacBook Pro 有 15 % 的 CPU 性能提升。

小结

跟数字和单位排版时一样，度／百分比与数字如果分开了，会感觉数字的存在感并不强烈不能直观的表达度或者百分比，所以它们之间不需要空格。

5、全角标点与其他字符之间不加空格

正确：

刚刚买了一部 iPhone，好开心！

错误：

刚刚买了一部 iPhone ，好开心！

小结

标点符号与任何字符之前都不需要加空格，直接跟在字符后面即可。

6、标点符号

不重复使用标点符号

正确：

德国队竟然战胜了巴西队！

她竟然对你说「喵」？！

错误：

德国队竟然战胜了巴西队！！

德国队竟然战胜了巴西队！！！！！！！！

她竟然对你说「喵」？？！！

她竟然对你说「喵」？！？！？？！！

小结

不要在正式的文案中重复使用标点符号，这样很起来很不正式，可以用在平时聊天或者一些表达自己感情的评论上面。

7、全角和半角

使用全角中文标点

正确：

嗨！你知道嘛？今天前台的小妹跟我说「喵」了哎！

核磁共振成像（NMRI）是什么原理都不知道？JFGI！

错误：

嗨! 你知道嘛? 今天前台的小妹跟我说 "喵" 了哎!

嗨!你知道嘛?今天前台的小妹跟我说"喵"了哎!

核磁共振成像 (NMRI) 是什么原理都不知道? JFGI!

核磁共振成像(NMRI)是什么原理都不知道?JFGI!

小结

标点符号使用全角，半角会让你的文字看起来很拥挤，文字空间才美观。

8、数字使用半角字符

正确：

这件蛋糕只卖 1000 元。

错误：

这件蛋糕只卖 １０００ 元。

总结：

数字如果使用全角字符，数字间的空间会很大，不方便阅读数据，所以最好用半角字符。

例外：在设计稿、宣传海报中如出现极少量数字的情形时，为方便文字对齐，是可以使用全角数字的。

9、遇到完整的英文整句、特殊名词，其內容使用半角标点

正确：

乔布斯那句话是怎么说的？「Stay hungry, stay foolish.」

推荐你阅读《Hackers & Painters: Big Ideas from the Computer Age》，非常的有趣。

错误：

乔布斯那句话是怎么说的？「Stay hungry，stay foolish。」

推荐你阅读《Hackers＆Painters：Big Ideas from the Computer Age》，非常的有趣。

小结

在英文整句和特殊名词中使用标点符号最好用半角，这样看起来比较协调一些，可当做英文字符看待。

10、专有名词使用正确的大小写

大小写相关用法原属于英文书写范畴，不属于本 wiki 讨论內容，在这里只对部分易错用法进行简述。

正确：

使用 GitHub 登录

我们的客户有 GitHub、Foursquare、Microsoft Corporation、Google、Facebook, Inc.。

错误：

使用 github 登录

使用 GITHUB 登录

使用 gitHub 登录

小结

专用名词要遵循官方名词的正确大小写，不要随意改变。

注意：当网页中需要配合整体视觉风格而出现全部大写／小写的情形，HTML 中请使用标准的大小写规范进行书写。

11、不要使用不地道的缩写

正确：

我们需要一位熟悉 JavaScript、HTML5，至少理解一种框架（如 Backbone.js、AngularJS、React 等）的前端开发者。

错误：

我们需要一位熟悉 Js、h5，至少理解一种框架（如 backbone、angular、RJS 等）的 FED。

小结

跟专有名词一样，要按照正确的官方缩写，不然无法确认此缩写是什么意思，可能会理解成其他意思的缩写。

12、链接之间增加空格

用法：

请 提交一个 issue 并分配给相关同事。

访问我们网站的最新动态，请 点击这里 进行订阅！

对比用法：

请提交一个 issue 并分配给相关同事。

访问我们网站的最新动态，请点击这里进行订阅！

小结

以上用法带有争议，即：无论是否遵循下述规则，从语法的角度来讲都是正确的。

13、简体中文使用直角引号

用法：

「老师，『有条不紊』的『紊』是什么意思？」

对比用法：

“老师，‘有条不紊’的‘紊’是什么意思？”

小结

以上用法带有争议，即：无论是否遵循下述规则，从语法的角度来讲都是正确的。

目前 Apple、Microsoft、知乎都在这样做，赶紧参考起来吧，让排版在视觉上更舒服美观一些。