中文文案排版指北

中文文案排版指北

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

Other languages:


目次

  • 空格
  • 中英文之間需要增加空格
  • 中文與數字之間需要增加空格
  • 數字與單位之間需要增加空格
  • 全形標點與其他字符之間不加空格
  • -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 一共有 20TB。

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

正確:

今天是 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
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

原文地址:https://www.cnblogs.com/lamp01/p/8342907.html

时间: 2024-08-27 05:25:11

中文文案排版指北的相关文章

VMware Workstation 安装以及Linux虚拟机安装 指北

最近有挺多小伙伴跟我说起虚拟机这个东西,所以,今天就给大家写一篇虚拟机安装使用指北吧. 虚拟机(英语:virtual machine),在计算机科学中的体系结构里,是指一种特殊的软件,可以在计算机平台和终端用户之间创建一种环境,而终端用户则是基于这个软件所创建的环境来操作软件.(该段说明来自wiki) 我们即将安装的软件 VMware 则是系统虚拟机.可以轻松在一个操作系统上面安装多一个或者多个操作系统,如kali.Ubuntu.centos等Linux,windows系统,甚至Mac系统都可以

Markdown 标记语言指北 - 源码

这是上一篇博客的源代码. 这是班刊约稿的一篇文章. 全文约6000字, 预计需要 60 分钟读完. # Markdown 标记语言指北 #### TOC 1. [什么是 Markdown?](#%E4%BB%80%E4%B9%88%E6%98%AF-Markdown) 1. [Markdown 可以用来干什么?](#Markdown-%E5%8F%AF%E4%BB%A5%E7%94%A8%E6%9D%A5%E5%B9%B2%E4%BB%80%E4%B9%88) 1. [第一步?](#%E7%AC

小鹤双拼入门指北(2)

小鹤双拼入门(1) 从18年9月开始使用小鹤双拼到现在为止,已经是使用时间是一年左右. 刚开始学习使用的时候,记录了一下自己的使用心得,写了一下小鹤双拼入门指北 有道是:看山是山,看山不是山,看山还是山. 学习知识技能或者工具的使用过程不也是这样吗? 按照时间点来算,对于我个人来说,使用小鹤双拼勉勉强强算是处于第三阶段了. 所以回过头来再说下使用的过程中的一些感受可能又是一番新的体验. 正文开始. 电脑: 上中文输入法用的是小鹤双拼+QQ拼音,日常使用的话,主力用的是小鹤,遇到不会写的字时就可能

Apache OFBiz指北1-概述

Apache ofbiz是Apache Open for Business的简写,顾名思义,这是一个开源的商业业务系统,项目的最新版本是12.04. 说起这个项目,用过的人(包括我在内)多半都是又爱又恨,爱是因为它为这个项目的核心内容非常的丰富,从前端销售,如网店,目录管理,内容管理:到后端的业务系统,订单,库存,采购,物流,制造(这个功能我没有用过,不熟悉)等:以及企业管理的一些模块,如财务,绩效,协作等.这些基本上把一个销售型企业的常见业务都囊括了.项目自己也实现了一套开发框架,如果是一个初

[转] iOS开发者的Weex伪最佳实践指北

[From] http://www.cocoachina.com/ios/20170601/19404.html 引子 这篇文章是笔者近期关于Weex在iOS端的一些研究和实践心得,和大家一起分享分享,也算是对学习成果的总结.文章里面提到的做法也许不是最佳实践,也许里面的方法称不算是一份标准的指南手册,所以标题就只好叫"伪最佳实践指北"了.有更好的方法欢迎大家一起留言讨论,一起学习. 由于笔者不太了解Android,所以以下的文章不会涉及到Android. 一. React Nativ

Android 内存分析指北

android 内存泄漏分析指北 简单来说内存泄漏就是当对象不再被应用程序使用,但是垃圾回收器却不能移除它们,因为它们正在被引用 java 垃圾回收介绍: Java 虚拟机运行所管理的内存包括以下几个运行时的数据区域 如下图: 程序计数器: 一块比较小的内存区域,可以看作是当前线程所执行的字节码的行号指示器.且每个线程都有一个独立的程序计数器. java 虚拟机栈: 线程私有的,描述的是java 方法执行的内存模型,每个线程执行的时候都会创建一个栈帧用于储存 局部变量.操作数栈.动态链接.方法出

[Android Studio] 2019年Android Studio配置指北

Android Studio是我学习Android开发路上的第一块绊脚石,新建一个项目,一行代码没动,直接编译不起来,本文为什么叫指北,因为我太难了 本文讲解在9102年如何在国内网络不通畅的情况下流畅的使用Android Studio 1. 关闭代理 网上能搜索出一堆通过增加国内镜像站的代理来使下载SDK的速度飞快,然而我一个都用不了,建议不要使用代理 2. 改hosts dl.google.com的DNS无法解析,这是导致很多问题的元凶,通过手动在hosts中增加域名和ip的映射来解决这个问

常用STL使用指北

常用STL使用指北 set和multiset set和multiset都是基于红黑树(显然是一个二叉搜索树)的STL. 定义 我们可以使用(multi)set<元素类型>名称来定义一个(multi)set. 自定义排序 默认排序方式都是从小到大.因为结构体之间没有定义<,所以我们需要自定义一个比较函数. 如果元素不是结构体: //自定义比较函数myComp,重载"()"操作符 struct myComp { bool operator()(const int &

webpack 最佳配置指北

webpack 最佳配置指北 前言 对于入门选手来讲,webpack 配置项很多很重,如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情.其实熟悉 webpack 之后会发现很简单,基础的配置可以分为以下几个方面: entry . output . mode . resolve . module . optimization . plugin . source map . performance 等,本文就来重点分析下这些部分. 内附一张 webpack 零配置对比图片,关