跳过正文
  1. Blogs/

中文文案排版指北

·2621·6分钟· ·
Chinese-Copywriting-Guidelines
目录

中文文案排版指北
#

devDependency Status

统一中文文案、排版的相关用法,降低团队成员之间的沟通成本,增强网站气质。

给本项目提建议和意见,或想与我交流,可关注微信公众号「闷骚的程序员

Other languages:


目录
#

空格
#

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

与大家共勉之」—— vinta/paranoid-auto-spacing

中英文之间需要增加空格
#

正确:

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

错误:

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

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

完整的正确用法:

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

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

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

正确:

今天出去买菜花了5000元。

错误:

今天出去买菜花了5000元。

今天出去买菜花了5000元。

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

正确:

我家的光纤入户宽带有10GbpsSSD一共有10TB

错误:

我家的光纤入户宽带有10 GbpsSSD一共有20 TB

另外,度/百分比与数字之间不需要增加空格:

正确:

今天是233°的高温。

MacBook Pro15%CPU性能提升。

错误:

今天是233 °的高温。

MacBook Pro15 %CPU性能提升。

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

正确:

刚刚买了一部iPhone,好开心!

错误:

刚刚买了一部iPhone ,好开心!

-ms-text-autospace to the rescue?
#

Microsoft有个 -ms-text-autospaceCSS属性可以实现自动为中英文之间增加空白。不过目前并未普及,另外在其他应用场景,例如OS XiOS的用户界面目前并不存在这个特性,所以请继续保持随手加空格的习惯。

标点符号
#

不重复使用标点符号
#

正确:

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

她竟然对你说「喵?!

错误:

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

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

她竟然对你说「喵??!!

她竟然对你说「喵?!?!??!!

全角和半角
#

不明白什么是全角(全形)与半角(半形)符号?请查看维基百科词条『 全角和半角

使用全角中文标点
#

正确:

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

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

错误:

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

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

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

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

数字使用半角字符
#

正确:

这件蛋糕只卖1000元。

错误:

这件蛋糕只卖 1000 元。

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

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

正确:

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

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

错误:

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

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

名词
#

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

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

正确:

使用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; 对表现形式进行定义。

不要使用不地道的缩写
#

正确:

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

错误:

我们需要一位熟悉Js、h5,至少理解一种框架(如backbone、angular、RJS等)的FED

争议
#

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

链接之间增加空格
#

用法:

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

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

对比用法:

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

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

简体中文使用直角引号
#

用法:

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

对比用法:

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

工具
#

仓库语言
vinta/paranoid-auto-spacingJavaScript
huei90/pangu.nodeNode.js
huacnlee/auto-correctRuby
sparanoid/space-loverPHP (WordPress)
nauxliu/auto-correctPHP
ricoa/copywriting-correctPHP
hotoo/pangu.vimVim
sparanoid/grunt-auto-spacingNode.js (Grunt)
hjiang/scripts/add-space-between-latin-and-cjkPython

谁在这样做?
#

网站文案UGC
Apple中国YesN/A
Apple香港YesN/A
Apple台湾YesN/A
Microsoft中国YesN/A
Microsoft香港YesN/A
Microsoft台湾YesN/A
LeanCloudYesN/A
知乎Yes部分用户达成
V2EXYesYes
SegmentFaultYes部分用户达成
Apple4usYesN/A
豌豆荚YesN/A
Ruby ChinaYes标题达成
PHPHubYes标题达成
少数派YesN/A
力扣LeetCodeYesYes

参考文献
#


Click to load Giscus
or