写在前面

今天在浏览 CS-Notes 时，注意到其按照 中文文案排版指北 进行排版，故写此文 mark 一下 📝

注：CS-Notes 的学习笔记将会在近期逐一发布

参考资料： https://github.com/sparanoid/chinese-copywriting-guidelines

空格

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

与大家共勉之。

——vinta/paranoid-auto-spacing

中英文之间需要增加空格

1

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

完整用法

1

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

例外：「豆瓣 FM」等产品名词，按照官方所定义的格式书写。

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

1

今天出去买菜花了 5000 元。

数字与单位之间需要增加空格

1

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

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

1
2
3

角度为 90° 的角，就是直角。

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

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

1

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

用 text-spacing 来挽救？

CSS Text Module Level 4 的 text-spacing 和 Microsoft 的 -ms-text-autospace 可以实现自动为中英文之间增加空白。不过目前并未普及，另外在其他应用场景，例如 macOS、iOS、Windows 等用户界面目前并不存在这个特性，所以请继续保持随手加空格的习惯。

标点符号

不重复使用标点符号

虽然中国大陆的标点符号用法允许重复使用标点符号，但是这么做会破坏句子的美观性。

1
2
3

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

她竟然对你说「喵」？！

全角和半角

不明白什么是全角（全形）与半角（半形）符号？请查看维基百科条目 全角和半角。

使用全角中文标点

1
2
3

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

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

数字使用半角字符

1

这个蛋糕只卖 100 元。

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

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

中文句子内夹有英文书籍名、报刊名时，不应借用中文书名号，应以英文斜体表示。

1
2
3

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

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

名词

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

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

1
2
3

使用 GitHub 登录

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

注意：当网页中需要配合整体视觉风格而出现全部大写／小写的情形，HTML 中请使用标淮的大小写规范进行书写；并通过 text-transform: uppercase;／text-transform: lowercase; 对表现形式进行定义。

不要使用不地道的缩写

1

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

争议

以下用法略带有个人色彩，即：无论是否遵循下述规则，从语法的角度来讲都是正确的。

链接之间增加空格

用法：

1
2
3

请 [提交一个 issue](#) 并分配给相关同事。

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

对比用法：

1
2
3

请[提交一个 issue](#)并分配给相关同事。

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

简体中文使用直角引号

用法：

1

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

对比用法：

1

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

工具