中文文案排版指北

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

    來源于;

    https://github.com/mzlogin/chinese-copywriting-guidelines#-ms-text-autospace-to-the-rescue

    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元。

    數字與單位之間無需增加空格

    正確:

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

    錯誤:

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

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

    正確:

    今天是 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-spacingJavaScripthuei90/pangu.nodeNode.jshuacnlee/auto-correctRubysparanoid/space-loverPHP (WordPress)nauxliu/auto-correctPHPricoa/copywriting-correctPHPhotoo/pangu.vimVimsparanoid/grunt-auto-spacingNode.js (Grunt)hjiang/scripts/add-space-between-latin-and-cjkPython

    誰在這樣做?

    網站文案UGCApple 中國YesN/AApple 香港YesN/AApple 臺灣YesN/AMicrosoft 中國YesN/AMicrosoft 香港YesN/AMicrosoft 臺灣YesN/ALeanCloudYesN/A知乎Yes部分用戶達成V2EXYesYesSegmentFaultYes部分用戶達成Apple4usYesN/A豌豆莢YesN/ARuby ChinaYes標題達成PHPHubYes標題達成少數派YesN/A

    參考文獻

    隨記

    少數派寫作排版指南

    2019-3-28 14:41:38

    隨記

    網頁設計中常用的8款字體

    2019-4-9 11:17:43

    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    0 條回復 A文章作者 M管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 免费一区二区视频| 大屁股熟女一区二区三区| 韩日午夜在线资源一区二区| 久久久久人妻一区二区三区vr| 国产精品视频分类一区| 99久久精品国产免看国产一区| 久久精品国产第一区二区| 成人在线观看一区| 日本一区二区三区不卡视频中文字幕 | 精品乱子伦一区二区三区高清免费播放 | 高清精品一区二区三区一区| 中文字幕乱码人妻一区二区三区| 夜精品a一区二区三区| 亚洲一区二区三区乱码A| 亚洲AV无码一区东京热| 在线欧美精品一区二区三区 | 国产精品无码一区二区在线观| 色国产在线视频一区| 丰满岳乱妇一区二区三区| 亚洲AV无码一区二区三区DV| 亚洲sm另类一区二区三区| 一区二区三区免费在线观看| 亚洲AV无码一区二区乱子伦| 午夜性色一区二区三区免费不卡视频 | 一区二区三区四区在线播放| 亚洲AV无码一区二区三区系列| 精品国产一区二区三区四区| 波多野结衣中文字幕一区| 日韩电影一区二区三区| 亚洲综合一区二区三区四区五区| 欧洲亚洲综合一区二区三区| 国产一区二区精品尤物| 国产日本亚洲一区二区三区| 视频一区二区中文字幕| 久久精品亚洲一区二区三区浴池 | 亚洲AV无码一区二区三区性色| 国产精品毛片一区二区| 亚洲无圣光一区二区 | 日韩AV无码久久一区二区| 国产一区二区三区在线| 中文字幕日韩一区二区三区不卡|