中文文案排版指北

統(tǒng)一中文文案、排版的相關(guān)用法,降低團(tuán)隊(duì)成員之間的溝通成本,增強(qiáng)網(wǎng)站氣質(zhì)。

https://foreti.me/2019/04/27/chinese-copywriting-guidelines/


在今天之前,我都在刻意地使用半角符號(hào),因?yàn)樵谥形妮斎氲臅r(shí)候,想輸入一個(gè) <kbd>`</kbd> 或者 <kbd>/</kbd> 字符,是很麻煩的事情,來回切換輸入法讓我想立刻停下打字,關(guān)掉電腦。

但是這篇文章確實(shí)說的很好,而且按照文檔的排版,表現(xiàn)形式看起來非常好,我想記在這里,幫助我刻意練習(xí)一下這樣的排版方式。

下面是原文內(nèi)容,出自 mzlogin。

目錄

空格

「有研究顯示,打字的時(shí)候不喜歡在中文和英文之間加空格的人,感情路都走得很辛苦,有七成的比例會(huì)在 34 歲的時(shí)候跟自己不愛的人結(jié)婚,而其余三成的人最后只能把遺產(chǎn)留給自己的貓。畢竟愛情跟書寫都需要適時(shí)地留白。

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

中英文之間需要增加空格

正確:

在 LeanCloud 上,數(shù)據(jù)存儲(chǔ)是圍繞 AVObject 進(jìn)行的。

錯(cuò)誤:

在LeanCloud上,數(shù)據(jù)存儲(chǔ)是圍繞AVObject進(jìn)行的。

在 LeanCloud上,數(shù)據(jù)存儲(chǔ)是圍繞AVObject 進(jìn)行的。

完整的正確用法:

在 LeanCloud 上,數(shù)據(jù)存儲(chǔ)是圍繞 AVObject 進(jìn)行的。每個(gè) AVObject 都包含了與 JSON 兼容的 key-value 對(duì)應(yīng)的數(shù)據(jù)。數(shù)據(jù)是 schema-free 的,你不需要在每個(gè) AVObject 上提前指定存在哪些鍵,只要直接設(shè)定對(duì)應(yīng)的 key-value 即可。

例外:「豆瓣FM」等產(chǎn)品名詞,按照官方所定義的格式書寫。

中文與數(shù)字之間需要增加空格

正確:

今天出去買菜花了 5000 元。

錯(cuò)誤:

今天出去買菜花了 5000元。

今天出去買菜花了5000元。

數(shù)字與單位之間無需增加空格

正確:

我家的光纖入戶寬帶有 10Gbps,SSD 一共有 10TB。

錯(cuò)誤:

我家的光纖入戶寬帶有 10 Gbps,SSD 一共有 20 TB。

另外,度/百分比與數(shù)字之間不需要增加空格:

正確:

今天是 233° 的高溫。

新 MacBook Pro 有 15% 的 CPU 性能提升。

錯(cuò)誤:

今天是 233 ° 的高溫。

新 MacBook Pro 有 15 % 的 CPU 性能提升。

全角標(biāo)點(diǎn)與其他字符之間不加空格

正確:

剛剛買了一部 iPhone,好開心!

錯(cuò)誤:

剛剛買了一部 iPhone ,好開心!

-ms-text-autospace to the rescue?

Microsoft 有個(gè) -ms-text-autospace 的 CSS 屬性可以實(shí)現(xiàn)自動(dòng)為中英文之間增加空白。不過目前并未普及,另外在其他應(yīng)用場景,例如 OS X、iOS 的用戶界面目前并不存在這個(gè)特性,所以請(qǐng)繼續(xù)保持隨手加空格的習(xí)慣。

標(biāo)點(diǎn)符號(hào)

不重復(fù)使用標(biāo)點(diǎn)符號(hào)

正確:

德國隊(duì)竟然戰(zhàn)勝了巴西隊(duì)!

她竟然對(duì)你說「喵」?!

錯(cuò)誤:

德國隊(duì)竟然戰(zhàn)勝了巴西隊(duì)!!

德國隊(duì)竟然戰(zhàn)勝了巴西隊(duì)?。。。。。。?!

她竟然對(duì)你說「喵」????!

她竟然對(duì)你說「喵」?????。??!!

全角和半角

不明白什么是全角(全形)與半角(半形)符號(hào)?請(qǐng)查看維基百科詞條『全角和半角』。

使用全角中文標(biāo)點(diǎn)

正確:

嗨!你知道嘛?今天前臺(tái)的小妹跟我說「喵」了哎!

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

錯(cuò)誤:

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

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

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

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

數(shù)字使用半角字符

正確:

這件蛋糕只賣 1000 元。

錯(cuò)誤:

這件蛋糕只賣 1000 元。

例外:在設(shè)計(jì)稿、宣傳海報(bào)中如出現(xiàn)極少量數(shù)字的情形時(shí),為方便文字對(duì)齊,是可以使用全角數(shù)字的。

遇到完整的英文整句、特殊名詞,其內(nèi)容使用半角標(biāo)點(diǎn)

正確:

喬布斯那句話是怎么說的?「Stay hungry, stay foolish.」

推薦你閱讀《Hackers & Painters: Big Ideas from the Computer Age》,非常的有趣。

錯(cuò)誤:

喬布斯那句話是怎么說的?「Stay hungry,stay foolish?!?/p>

推薦你閱讀《Hackers&Painters:Big Ideas from the Computer Age》,非常的有趣。

名詞

專有名詞使用正確的大小寫

大小寫相關(guān)用法原屬于英文書寫范疇,不屬于本 wiki 討論內(nèi)容,在這里只對(duì)部分易錯(cuò)用法進(jìn)行簡述。

正確:

使用 GitHub 登錄

我們的客戶有 GitHub、Foursquare、Microsoft Corporation、Google、Facebook, Inc.。

錯(cuò)誤:

使用 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П?.。

注意:當(dāng)網(wǎng)頁中需要配合整體視覺風(fēng)格而出現(xiàn)全部大寫/小寫的情形,HTML 中請(qǐng)使用標(biāo)準(zhǔn)的大小寫規(guī)范進(jìn)行書寫;并通過 text-transform: uppercase;text-transform: lowercase; 對(duì)表現(xiàn)形式進(jìn)行定義。

不要使用不地道的縮寫

正確:

我們需要一位熟悉 JavaScript、HTML5,至少理解一種框架(如 Backbone.js、AngularJS、React 等)的前端開發(fā)者。

錯(cuò)誤:

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

爭議

以下用法略帶有個(gè)人色彩,即:無論是否遵循下述規(guī)則,從語法的角度來講都是正確的。

鏈接之間增加空格

用法:

請(qǐng) 提交一個(gè) issue 并分配給相關(guān)同事。

訪問我們網(wǎng)站的最新動(dòng)態(tài),請(qǐng) 點(diǎn)擊這里 進(jìn)行訂閱!

對(duì)比用法:

請(qǐng)提交一個(gè) issue 并分配給相關(guān)同事。

訪問我們網(wǎng)站的最新動(dòng)態(tài),請(qǐng)點(diǎn)擊這里進(jìn)行訂閱!

簡體中文使用直角引號(hào)

用法:

「老師,『有條不紊』的『紊』是什么意思?」

對(duì)比用法:

“老師,‘有條不紊’的‘紊’是什么意思?”

工具

倉庫 語言
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

誰在這樣做?

網(wǎng)站 文案 UGC
Apple 中國 Yes N/A
Apple 香港 Yes N/A
Apple 臺(tái)灣 Yes N/A
Microsoft 中國 Yes N/A
Microsoft 香港 Yes N/A
Microsoft 臺(tái)灣 Yes N/A
LeanCloud Yes N/A
知乎 Yes 部分用戶達(dá)成
V2EX Yes Yes
SegmentFault Yes 部分用戶達(dá)成
Apple4us Yes N/A
豌豆莢 Yes N/A
Ruby China Yes 標(biāo)題達(dá)成
PHPHub Yes 標(biāo)題達(dá)成
少數(shù)派 Yes N/A

參考文獻(xiàn)



DigitalOcean 優(yōu)惠碼,注冊(cè)充值 5 送100,鏈接一 鏈接二

Lastly, welcome to follow me on github

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 統(tǒng)一中文文案、排版的相關(guān)用法,降低團(tuán)隊(duì)成員之間的溝通成本,增強(qiáng)網(wǎng)站氣質(zhì)。 更新歷史 2016年05月09日 ...
    王奧OX閱讀 2,611評(píng)論 3 16
  • 中文文案排版指北 統(tǒng)一中文文案、排版的相關(guān)用法,降低團(tuán)隊(duì)成員之間的溝通成本,增強(qiáng)網(wǎng)站氣質(zhì)。 Other langu...
    dacb33adfb17閱讀 1,947評(píng)論 1 5
  • 該文章轉(zhuǎn)自 Github,轉(zhuǎn)載請(qǐng)注明原文出處。 中文文案排版指北 統(tǒng)一中文文案、排版的相關(guān)用法,降低團(tuán)隊(duì)成員之間的...
    劉子謙閱讀 6,181評(píng)論 0 8
  • 轉(zhuǎn)自 GitHub 統(tǒng)一中文文案、排版的相關(guān)用法,降低團(tuán)隊(duì)成員之間的溝通成本,增強(qiáng)網(wǎng)站氣質(zhì)。 目錄 空格中英文之間...
    ________jk閱讀 1,330評(píng)論 1 2
  • 空格 「有研究顯示,打字的時(shí)候不喜歡在中文和英文之間加空格的人,感情路都走得很辛苦,有七成的比例會(huì)在 34 歲的時(shí)...
    龍權(quán)閱讀 730評(píng)論 0 0

友情鏈接更多精彩內(nèi)容