专栏首页Kirito的技术分享中文文案排版指南

中文文案排版指南

目录

  • 空格
    • 中英文之间需要增加空格
    • 中文与数字之间需要增加空格
    • 数字与单位之间需要增加空格
    • 全角标点与其他字符之间不加空格
    • -ms-text-autospace to the rescue?

  • 标点符号
    • 不重复使用标点符号

  • 全角和半角
    • 使用全角中文标点
    • 数字使用半角字符
    • 遇到完整的英文整句、特殊名词,其內容使用半角标点

  • 名词
    • 专有名词使用正确的大小写
    • 不要使用不地道的缩写

  • 争议
    • 链接之间增加空格
    • 简体中文使用直角引号

  • 工具
  • 谁在这样做?
  • 参考文献

空格

「有研究显示,打字的时候不喜欢在中文和英文之间加空格的人,感情路都走得很辛苦,有七成的比例会在 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元。

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

正确:

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

错误:

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

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

正确:

今天是 233° 的高温。 新 MacBook Pro 有 15% 的 CPU 性能提升。

错误:

今天是 233 ° 的高温。 新 MacBook Pro 有 15 % 的 CPU 性能提升。

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

正确:

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

错误:

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

-ms-text-autospace to the rescue?

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

标点符号

不重复使用标点符号

正确:

德国队竟然战胜了巴西队! 她竟然对你说「喵」?!

错误:

德国队竟然战胜了巴西队!! 德国队竟然战胜了巴西队!!!!!!!! 她竟然对你说「喵」??!! 她竟然对你说「喵」?!?!??!!

全角和半角

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

使用全角中文标点

正确:

嗨!你知道嘛?今天前台的小妹跟我说「喵」了哎! 核磁共振成像(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-spacing

JavaScript

huei90/pangu.node

Node.js

huacnlee/auto-correct

Ruby

sparanoid/space-lover

PHP (WordPress)

nauxliu/auto-correct

PHP

ricoa/copywriting-correct

PHP

hotoo/pangu.vim

Vim

sparanoid/grunt-auto-spacing

Node.js (Grunt)

hjiang/scripts/add-space-between-latin-and-cjk

Python

谁在这样做?

网站

文案

UGC

Apple 中国

Yes

N/A

Apple 中国中国香港

Yes

N/A

Apple 中国中国台湾

Yes

N/A

Microsoft 中国

Yes

N/A

Microsoft 中国中国香港

Yes

N/A

Microsoft 中国中国台湾

Yes

N/A

LeanCloud

Yes

N/A

知乎

Yes

部分用户达成

V2EX

Yes

Yes

SegmentFault

Yes

部分用户达成

Apple4us

Yes

N/A

豌豆荚

Yes

N/A

Ruby China

Yes

标题达成

PHPHub

Yes

标题达成

少数派

Yes

N/A

参考文献

  • Guidelines for Using Capital Letters
  • Letter case - Wikipedia
  • Punctuation - Oxford Dictionaries
  • Punctuation - The Purdue OWL
  • How to Use English Punctuation Corrently - wikiHow
  • 格式 - openSUSE
  • 全角和半角 - 维基百科
  • 引号 - 维基百科
  • 疑问惊叹号 - 维基百科

本文分享自微信公众号 - Kirito的技术分享(cnkirito)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-01-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 警惕不规范的变量命名

    就在最近,项目组开始强调开发规范了,今天分享一个变量名命名不规范的小案例,强调一下规范的重要性。 Boolean变量名命名规范 16年底,阿里公开了《Java...

    kirito-moe
  • 技术精进的三境界

    最近更新了一篇 Docker 的文章,朋友跟我反馈说效果并不是很好,我回头看了下,的确没有我自己的特色,没有太多思考,让公众号显得有些「百货」了。经过反思,今后...

    kirito-moe
  • 95后妹子面试的那些"套路"(附带个人书籍推荐)

    最近有很多朋友问我一些面试题,或者说准备面试了,怎么复习啊. 孔孔老师就上线了…正好趁着早上不想学习, 就再把这一块总结总结. 个人拙见(毕竟我还是很low的…...

    kirito-moe
  • Vue移动端框架Mint UI教程-调用模拟json数据(五)

    6:OK,这个时候,可以在浏览器输入我们的服务接口 http://localhost:8080/api/seller 是可以看到json文件的数据格式的

    王小婷
  • ctfshow红包题-web

    关于构造的payload可以解释下?>是关闭php标签 <?=是使用php短标签来返回结果`是执行命令

  • Mac 刪除鍵(delete)這三招你會嗎?大幅加快打字速度 原

    Option + delete(Control + delete),一次刪除一個單詞

    wuweixiang
  • 全球顶级赛车头盔品牌推出VR专用头盔ST5VR Racing

    意大利赛车头盔专业品牌Stilo近日推出了一款名为ST5VR Racing的专业级别头盔。该头盔是为Oculus Rift而设计的,在前后平衡上参照专业赛事级别...

    VRPinea
  • windows堆栈研究以及线程安全

    由于hook时要线程安全,考虑每条线程的堆栈放对应的数据,于是找了一下网上的说法是默认2M,实际情况却不是这样的。在win10下,使用gcc,vc++,delp...

    战神伽罗
  • Structured Streaming | Apache Spark中处理实时数据的声明式API

    随着实时数据的日渐普及,企业需要流式计算系统满足可扩展、易用以及易整合进业务系统。Structured Streaming是一个高度抽象的API基于Spark ...

    王知无
  • 解密“达达-京东到家”的订单即时派发技术原理和实践1、前言2、关于作者3、订单即时派发架构的演进5、订单派发方案的具体实现6、结语附录:更多相关技术文章

    达达-京东到家作为优秀的即时配送物流平台,实现了多渠道的订单配送,包括外卖平台的餐饮订单、新零售的生鲜订单、知名商户的优质订单等。为了提升平台的用户粘性,我们需...

    JackJiang

扫码关注云+社区

领取腾讯云代金券