前言
日常生活、写博、工作、学习中,我们每个人都会遇到文案排版问题。
借着新的一年,往后都延用本文新规范来写作,有机会我会再写一下整体大纲结构以及配色突出。
空格
「有研究显示,打字的时候不喜欢在中文和英文之间加空格的人,感情路都走得很辛苦,有七成的比例会在 34 岁的时候跟自己不爱的人结婚,而其余三成的人最后只能把遗产留给自己的猫。 毕竟爱情跟书写都需要适时地留白。 与大家共勉之。」——vinta/paranoid-auto-spacing
中英文之间需要增加空格
正确:
在 LeanCloud 上,数据存储是围绕
AVObject
进行的。
错误:
在LeanCloud上,数据存储是围绕
AVObject
进行的。在 LeanCloud上,数据存储是围绕
AVObject
进行的。
完整的正确用法:
在 LeanCloud 上,数据存储是围绕
AVObject
进行的。每个AVObject
都包含了与 JSON 兼容的 key-value 对应的数据。数据是 schema-free 的,你不需要在每个AVObject
上提前指定存在哪些键,只要直接设定对应的 key-value 即可。
中文与数字之间需要增加空格
正确:
今天出去买菜花了 5000 元。
错误:
今天出去买菜花了 5000元。
今天出去买菜花了5000元。
数字与单位之间需要增加空格
正确:
我家的光纤入屋宽带有 10 Gbps,SSD 一共有 20 TB
错误:
我家的光纤入屋宽带有 10Gbps,SSD 一共有 20TB
正确:
今天是 233° 的高温。
新 MacBook Pro 有 15% 的 CPU 性能提升。
错误:
今天是 233 ° 的高温。
新 MacBook Pro 有 15 % 的 CPU 性能提升。
全角标点与其他字符之间不加空格
正确:
刚刚买了一部 iPhone,好开心!
错误:
刚刚买了一部 iPhone ,好开心!
刚刚买了一部 iPhone, 好开心!
用 text-spacing
来挽救?
CSS Text Module Level 4 的 text-spacing
和 Microsoft 的 -ms-text-autospace
可以实现自动为中英文之间增加空白。不过目前并未普及,另外在其他应用场景,例如 macOS、iOS、Windows 等用户介面目前并不存在这个特性,所以请继续保持随手加空格的习惯。
标点符号
不重复使用标点符号
正确:错误:德国队竟然战胜了巴西队!
她竟然对你说「喵」?!
德国队竟然战胜了巴西队!!
德国队竟然战胜了巴西队!!!!!!!!
她竟然对你说「喵」??!!
她竟然对你说「喵」?!?!??!!
全角和半角
使用全角中文标点
正确:错误:嗨!你知道嘛?今天前台的小妹跟我说「喵」了哎!
核磁共振成像(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》,非常的有趣。
名词
专有名词使用正确的大小写
错误:使用 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Пᄃ.。
text-transform: uppercase;
/text-transform: lowercase;
对表现形式进行定义。不要使用不地道的缩写
正确:错误:我们需要一位熟悉 JavaScript、HTML5,至少理解一种框架(如 Backbone.js、AngularJS、React 等)的前端开发者。
我们需要一位熟悉 Js、h5,至少理解一种框架(如 backbone、angular、RJS 等)的 FED。
争议
链接之间增加空格
用法:
请 提交一个 issue 并分配给相关同事。
访问我们网站的最新动态,请 点击这里 进行订阅!
对比用法:
请提交一个 issue并分配给相关同事。
访问我们网站的最新动态,请点击这里进行订阅!
简体中文使用直角引号
用法:
「老师,『有条不紊』的『紊』是什么意思?」
对比用法:
“老师,‘有条不紊’的‘紊’是什么意思?”
工具
仓库 | 语言 |
---|---|
vinta/paranoid-auto-spacing | JavaScript |
huei90/pangu.node | Node.js |
huacnlee/auto-correct | Ruby |
sparanoid/space-lover | PHP (WordPress) |
nauxliu/auto-correct | PHP |
jxlwqq/chinese-typesetting | PHP |
hotoo/pangu.vim | Vim |
sparanoid/grunt-auto-spacing | Node.js (Grunt) |
hjiang/scripts/add-space-between-latin-and-cjk | Python |
hustcc/hint | Python |
studygolang/autocorrect | Go |
谁在这样做?
网站 | 文案 | UGC |
---|---|---|
Apple 中国 | 是 | N/A |
Apple 香港 | 是 | N/A |
Apple 台湾 | 是 | N/A |
Microsoft 中国 | 是 | N/A |
Microsoft 香港 | 是 | N/A |
Microsoft 台湾 | 是 | N/A |
LeanCloud | 是 | N/A |
V2EX | 是 | 是 |
Apple4us | 是 | N/A |
Ruby China | 是 | 标题达成 |
PHPHub | 是 | 标题达成 |
少数派 | 是 | N/A |
参考文献
- Guidelines for Using Capital Letters - ThoughtCo.
- Letter case - Wikipedia
- Punctuation - Oxford Dictionaries
- Punctuation - The Purdue OWL
- How to Use English Punctuation Correctly - wikiHow
- 格式 - openSUSE
- 全形和半形 - 维基百科
- 引号 - 维基百科
- 疑问惊叹号 - 维基百科
本文为选摘文章,版权归 mzlogin 所有,转载请注明出处!
本文链接:https://www.quchao.net/Chinese-Copywriting-Guidelines.html
友情提示:如果博客部分链接出现404,请留言或者联系博主修复。
很棒的文章!好的排版的确能提升阅读体验。
写得不错,值得关注,点个赞!
Sometimes 我也会在 English words 和汉字之间加 space, but有时候会forget. 但是我think加不加空格更多的是文化差异导致的。
汉字作为世界上硕果仅存的表语文字,与其他大多数表音文字相比有个巨大的优势,那就是不需要用空格等分隔符来分割音节。英语单词不加空格根本没法读,如果不加空格,“kidsexchange”应该读作“kids exchange”还是“kid sex change”呢,,虽然中文也有类似“喝口 水”和“喝 口水”的歧义,但读起来都是这三个字。所以习惯加空格的可能是比较习惯英文阅读和写作的人,在能加空格的时候尽量加,而习惯中文阅读和写作的则是能不加就不加吧。
说的很好,但是本文介绍的排班更多的是让词汇彰显出来,不至于跟一片蚂蚁一样干扰阅读,排班后会让人有一个愉悦的阅读氛围。
我烦也是这个,排版太有讲究了
就是日常中的一些小细节决定了访客的去留
平时用的编辑器可设置自动在英文和中文间留白,蛮方便,好的排版不仅方便阅读,也可以更好的索引。
编程比阅读更为重要,所以市面上出了很多编程字体吧
学习了...现在越来越觉得这个主题大量文字的排版并不好看...头疼
所以写完的东西自己再整体阅读一下,让重点突出,做一些分区,让阅读者更舒服的阅读,尽量在大量文字面前也不会阅读疲劳。
满满干货,长知识了