在撰写技术文档、构建个人知识库或制作视频字幕时,良好的排版是传达专业性的第一步。本指南旨在建立一套清晰、现代的中文书写规范。
空格
为什么你们就是不能加个空格呢?如果你跟我一样,每次看到网页上的中文和英文、数字、符号挤在一块,就会坐立难安,忍不住想在它们之间加个空格,那么这个插件很适合你。它会自动替你在网页中所有的中文和半角英文、数字、符号之间插入空格。
汉学家称这个空白字符为「盘古之白」,因为它劈开了全角字符和半角字符之间的混沌。另有研究显示,打字的时候不喜欢在中文和英文之间加空格的人,感情路都走得很辛苦,有七成的比例会在 34 岁的时候跟自己不爱的人结婚,而其余三成的人最后只能把遗产留给自己的猫。毕竟爱情跟书写都需要适时地留白。
中英文之间需要增加空格
这能有效避免不同字符集的基线与字重差异带来的视觉拥挤。
正确:
在 1Panel 上,应用部署是围绕 Docker 进行的。
错误:
在 1Panel 上,应用部署是围绕Docker 进行的。
在 1Panel 上,应用部署是围绕 Docker进行的。
完整的正确用法:
在 1Panel 上,应用部署是围绕 Docker 进行的。你可以通过 1Panel 自带的应用商店进行应用的安装与部署,也可以自行编写 docker-compose.yml 文件。
例外:「豆瓣FM」等产品名词,按照官方所定义的格式书写。
中文与数字之间需要增加空格
正确:
今天吃肯德基花了 50 元。
错误:
今天吃肯德基花了50 元。
今天吃肯德基花了50元。
数字与单位之间需要增加空格
正确:
使用 FFmpeg 压制视频时,视频码率设为了 6000 kbps,文件大小为 2 GB。
错误:
使用 FFmpeg 压制视频时,视频码率设为了6000kbps,文件大小为2GB。
例外:度数/百分比与数字之间不需要增加空格:
正确:
角度为 90° 的角,就是直角。
新 MacBook Pro 有 15% 的 CPU 性能提升。
错误:
角度为 90 ° 的角,就是直角。
新 MacBook Pro 有 15 % 的 CPU 性能提升。
全角标点与其他字符之间不加空格
全角标点本身已经包含了足够的视觉空间,多余的空格会导致排版断裂。
正确:
刚刚买了一部 iPhone,好开心!
错误:
刚刚买了一部 iPhone ,好开心!
刚刚买了一部 iPhone, 好开心!
标点符号
不重复使用标点符号
虽然我国的标点符号用法允许重复使用标点符号,但是这么做会破坏句子的美观性。标点符号的重复不会增加语气的强度,只会显得廉价。
正确:
这个都市传说竟然是真的!
失传媒体找到了?!
错误:
这个都市传说竟然是真的!!!!!!!
失传媒体找到了????!!!?!!
拥抱直角引号「」与『』
在数字媒介和技术文档中,直角引号比传统的弯引号(“”)具有更好的对齐特性和现代感,尤其是在非衬线字体下。
正确:
关于字幕识别,请参考文档「字幕识别指南」。
全角和半角
不明白什么是全角与半角符号?看看百度百科吧孩子『全角和半角』。
使用全角中文标点
正确:
嗨!你知道嘛?今天前台的小妹跟我说「喵」了哎!
核磁共振成像(NMRI)是什么原理都不知道?百度一下!
错误:
嗨! 你知道嘛? 今天前台的小妹跟我说 "喵" 了哎!
嗨!你知道嘛?今天前台的小妹跟我说"喵"了哎!
核磁共振成像 (NMRI) 是什么原理都不知道? 百度一下!
核磁共振成像(NMRI)是什么原理都不知道?百度一下!
例外:中文句子内夹有英文书籍名、报刊名时,不应借用中文书名号,应以英文斜体表示。
推荐你阅读 Concise Guide to Video Translating,非常实用。
数字使用半角字符
正确:
这个服务器一年只要 300 元。
错误:
这个服务器一年只要 300 元。
例外:在设计稿、宣传海报中如出现极少量数字的情形时,为方便文字对齐,是可以使用全角数字的。
第 1 期:互 联 网 怪 谈
遇到完整的英文整句、特殊名词,其内容使用半角标点
正确:
乔布斯那句话是怎么说的?「Stay hungry, stay foolish.」
推荐你阅读 Hackers & Painters: Big Ideas from the Computer Age,非常地有趣。
错误:
乔布斯那句话是怎么说的?「Stay hungry,stay foolish。」
推荐你阅读《Hackers&Painters:Big Ideas from the Computer Age》,非常的有趣。
名词
专有名词使用正确的大小写
尊重每一个技术名词、软件名称或品牌的官方大小写规范。这是体现专业素养的最低成本方式。
大小写相关用法原属于英文书写范畴,不属于本文档讨论内容,在这里只对部分易错用法进行简述。
正确:
使用 GitHub 登录
我们的客户有 GitHub、Foursquare、Microsoft Corporation、Google、Facebook, Inc.。
错误:
使用 github 登录
使用 GITHUB 登录
使用 Github 登录
使用 gitHub 登录
使用 gイんĤЦ8 登录
我们的客户有 github、foursquare、microsoft corporation、google、facebook, inc.。
我们的客户有 GITHUB、FOURSQUARE、MICROSOFT CORPORATION、GOOGLE、FACEBOOK, INC.。
我们的客户有 Github、FourSquare、MicroSoft Corporation、Google、FaceBook, Inc.。
我们的客户有 gitHub、fourSquare、microSoft Corporation、google、faceBook, Inc.。
我们的客户有 gイんĤЦ8、キouЯƧquムгє、๓เςг๏ร๏Ŧt ς๏гק๏гคtเ๏ภn、900913、ƒ4ᄃëв๏๏к, IПᄃ.。
注意:当网页中需要配合整体视觉风格而出现全部大写/小写的情形,HTML 中请使用标淮的大小写规范进行书写;并通过 text-transform: uppercase;/text-transform: lowercase; 对表现形式进行定义。
不要使用不地道的缩写
在面向公众或团队的正式文档中,使用完整的名词。
正确:
我们需要一位熟悉 TypeScript、HTML5,至少理解一种框架(如 React、Next.js)的前端开发者。
错误:
我们需要一位熟悉 Ts、h5,至少理解一种框架(如 RJS、nextjs)的 FED。
争议
以下用法略带有个人色彩,即:无论是否遵循下述规则,从语法的角度来讲都是正确的。
链接之间增加空格
用法:
访问我的最新动态,请 点击这里 进行订阅!
对比用法:
访问我的最新动态,请点击这里进行订阅!
简体中文使用直角引号
用法:
「老师,『有条不紊』的『紊』是什么意思?」
对比用法:
“老师,‘有条不紊’的‘紊’是什么意思?”
现代场景补充说明
1. 关于 Markdown 链接的空格
在现代 Markdown 写作中:无需手动在 [链接文字](url) 两侧加空格。现代渲染引擎和前端 CSS(如 text-spacing 属性的逐步实装)会自动处理内联元素的间距。手动加空格反而容易在某些解析器中产生意外的下划线断裂。
2. 视频字幕排版特例
如果是制作视频的中文字幕,为了兼顾观众的阅读节奏与屏幕空间:
尽量减少句末的句号(。),保持画面干净。
语气的停顿用空格或短逗号代替。
双语字幕时,中文字体字重应略大于英文字体,以平衡视觉比重。