中文文案排版指北

時間 2020-02-07

標籤中文文案排版简体版

原文原文鏈接

前言

統一中文文案、排版的相關用法，下降團隊成員之間的溝通成本，加強網站氣質。php

更新歷史

2016年05月09日 - 更新至release v0.0.9
2015年10月24日 - 更新官方翻譯的簡體中文
2015年07月11日 - 轉載初稿，轉化爲簡體中文前端

閱讀原文 - http://wsgzao.github.io/post/chinese-copywriting-guidelines/node

擴展閱讀git

Chinese Copywriting Guidelines：中文文案排版指北 - https://github.com/sparanoid/chinese-copywriting-guidelines
Chinese Copywriting Guidelines：中文文案排版指北（簡體中文版） - https://github.com/mzlogin/chinese-copywriting-guidelinesgithub

空格

「有研究顯示，打字的時候不喜歡在中文和英文之間加空格的人，感情路都走得很辛苦，有七成的比例會在 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.aspx) 的 CSS 屬性能夠實現自動爲中英文之間增長空白。不過目前並未普及，另外在其餘應用場景，例如 OS X、iOS 的用戶界面目前並不存在這個特性，因此請繼續保持隨手加空格的習慣。

標點符號

不重複使用標點符號

正確：

德國隊居然打敗了巴西隊！

她居然對你說「喵」？！

錯誤：

德國隊居然打敗了巴西隊！！

德國隊居然打敗了巴西隊！！！！！！！！

她居然對你說「喵」？？！！

她居然對你說「喵」？！？！？？！！

全角和半角

不明白什麼是全角（全形）與半角（半形）符號？請查看維基百科詞條『全角和半角』。

使用全角中文標點

正確：

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

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

錯誤：

嗨! 你知道嘛? 今天前臺的小妹跟我說 "喵" 了哎!

嗨!你知道嘛?今天前臺的小妹跟我說"喵"了哎!

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

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

數字使用半角字符

正確：

這件蛋糕只賣 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ｲんĤЦ八、ｷouЯƧquﾑгє、๓เςг๏ร๏Ŧt ς๏гק๏гคtเ๏ภn、90091三、ƒ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
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	標題達成