阅读视图

发现新文章,点击刷新页面。

谈中英文字间距

对比中西方产品设计就会发现,西方设计会更简约、清爽,留白更多,好像他们并不苛刻于空间的利用效率。

人们试图解释这种差异,譬如归结到环境因素,说亚洲人生活压力比欧洲人大,个人拥有的空间更小,这种空间上的局促也反应到了日常使用的产品、文字上。

也有人谈到基因层次,说亚洲人比欧洲人更能接受复杂的信息。

但这两种说法都很难站住脚,ArvinNing 在中英文排版差异时提到:

生活环境更拥挤,你就更喜欢拥挤的界面吗?

很显然是站不住脚的,而关于人种差异的理论也有问题。人类的神经系统是高度可塑性的,有可能并不是神经系统的差异导致人们喜欢不同的产品,而是不同的习惯导致了不同的神经系统结构。

ArvinNing 认为差异的真正源头在于文字的展示效率,由于英文的展示效率不如中文高,所以英文的简洁只是一种「妥协」,不能在移动端产品上利用有限的空间展示等量的中文信息。

而我在这里,想对 ArvinNing 从中英文组成结构及间距空间方面做个补充,微谈一下两种语言产生这种差异的更深层原因。

在此之前,需要先对中英文组成结构做个剖析及对比。

一、中英文组成对比

文字就像一串可以承载信息的编码,我们对文字解码(阅读)之前,需要先编码(书写),编码之前我们要先知道,都有哪些原材料(最小单位)可以让我们编码,他们之间的层级又是怎样构成的。

1. 字母 VS 笔画

英文中,26个字母为最小组成单位,理论上这些字母可以自由组合。

而在中文中,笔画是最小组成单位,从落笔到提笔,笔尖运动所留下的痕迹就是笔画。

简单来说,笔画由不间断的点和线组成,如横(一)、竖(丨)、撇(丿)、点(丶)、折(乛)等。

2. 词根 VS 独体字

有了字母之后,组成单词还需要遵循一定的规律,这种规律就是以大量拉丁词源为代表的英文词根。

古希腊、罗马作为西方乃至整个人类文明的起源,无论从哲学、文学、数理都对当今产生了巨大影响,而文字作为思想的载体,这种影响更为强烈。

对比英国的英文及罗马的拉丁文可以发现,二者之间存在数量庞大的同源词(词根前身)。

拉丁词源

这些同源词(词根)作为英文的基础词,提纲挈领地指挥着字母间的排列组合。

中文的词根则是独体字:

独体字指汉字的一个字只有一个单个的形体,不是由两个或两个以上的形体组成的。这种字大都是一些简单的象形字和指事字。因为这类字是从图画演变而成的,所以每一个字都是一个整体。

譬如日、月、 山、水是象形独体字,天,立,上、下是指事独体字。

这些独体字占汉字总体比例很小,当代《汉语大字典》(2010年版)收字60370个,独体字不超过5%。除了作为单字出现,独体字大多时作为合体字的组成部件——偏旁出现。

比如:私——禾、厶 兵——丘、八

独体字占比不高,但作为整字的「可复用组件」,重要意义不言而喻。

值得一提的是,在这一阶段,英文词根虽然已经有了基础含义,但未完全成为书写的正式单词,而独体字则已进入日常写作范畴。

3. 整字/ VS 单词

大部分词根需演变成单词才能正式使用,而中文此时已经从独体字演变成更复杂的整字,即我们最常使用的方块字。

整字多由二到三个「部件」组成,这些部件就是上一步提到过的独体字。

独体字:一、人、及、册、事

整字(合体字):倍、街、衷、国、麟

最后,中英文组成结构如下:

英文:字母(均不具语义,使用性)=>词根(具有语义,低使用性)=>单词(具有语义,具有使用性)

中文:笔画(均不具语义,使用性)=>独体字(具有语义,完整使用性)=>整字(具有语义,具有使用性)

至此,中西文组成对比告一段落。

有了这些书写工具之后,下一步需要考虑如何更好地阅读这些字。

二、文字之间的间隔

人很难掌握高复杂度的东西,阅读大段密集文字同样不是一件易事。

1. 标点、段落与空格

软件工程思维中,可以将复杂逻辑进行拆分,稀释成多个可复用组件,逐个击破,阅读文字也是如此。

有了字母之后组成单词还需要遵循一定的规律这种规律就是以大量拉丁词源为代表的英文词根古希腊罗马作为西方乃至整个人类文明的起源无论是从哲学文学数理领域都为当今留下了巨大影响而文字作为思想的载体这种影响更为突出随着英国的古英文以及罗马的拉丁文相互交融英文和拉丁文之间有着数量庞大的同源词

无论何种文字,都大多会引入标点/段落这种可将长文字拆分成小段的「模块化」解决方案。

有了字母之后,组成单词还需要遵循一定的规律,这种规律就是以大量拉丁词源为代表的英文词根。

古希腊、罗马作为西方乃至整个人类文明的起源,无论是从哲学、文学、数理领域都为当今留下了巨大影响,而文字作为思想的载体,这种影响更为突出。

随着英国的古英文以及罗马的拉丁文相互交融,英文和拉丁文之间有着数量庞大的同源词。

对于英文来说,还需引入空格来分割单词。

iwillgohomeandgotobed

而空格是中文所不需要的。

i will go home and go to bed

2. 为什么中文不需要空格

之所以英文需要空格,原因在于英文字母的粘连性非常严重:

iw ill goho me andg otobed

假设上段英文各个间隔单词都有正确含义,很明显这样的排列组合和最初的意思截然不同,字母间的组合顺序很容易改变单词及句子的意思。

为什么中文不需要空格?

有了字母之后组成单词还需要遵循一定的规律这种规律就是以大量拉丁词源为代表的英文词根古希腊罗马作为西方乃至整个人类文明的起源无论是从哲学文学数理领域都为当今留下了巨大影响而文字作为思想的载体这种影响更为突出随着英国的古英文以及罗马的拉丁文相互交融英文和拉丁文之间有着数量庞大的同源词

上面这段中文,人们从左向右阅读,其实可以借助字的语义切分长文字

中文根据语义切分长文字

这里的关键点在于中文在组成句子的过程中,人阅读时识别的最小单位已不是笔画而是独体字,这些独体字或整字在句子中出现时,人们会自动向左/右找寻有语义的词组,自动组合,从而解析出整个句子的含义。

而英文组成句子的过程中,人能识别的最小单位仍是字母:

iwillgohomeandgotobed

字母本身不具备语义,人们无法为其做语义化分割,也就无法推断句子的意思。

三、为什么字母不具有语义

现在我们再进一步,问个问题,作为有着类似字组成结构的中英文,为何空格的作用对英文如此大?

1. 李约瑟难题

这个问题类似于李约瑟之问:为什么近代科学在欧洲出现,而不是历史悠久的中国?

对于李约瑟之问,正确的回答从来不是某些看似合理的分析,从而落入以西方为叙述中心的陷阱。

正确的回答应该是作出反问,为什么近代科学出现在西方?

别人都行,你为什么不行?别人都不行,就你行?

上面两个问题,后者更容易得出「行」的背景与原因,而不是分析不行的原因,因为正如托尔斯泰所说,行的人大同小异,不行的人各有各的不行:)

所以,我们现在换个问题,为什么中文不需要空格?

我们仔细观察后可以发现,英语是一维的文字,无论是书写(构造)还是解读上都是按照从左到右的顺序。

英文四线格

英文四线格和中文田字格最大的不同在于中文多了垂直维度的约束条件。

中文田字格

多一个维度的约束条件也很容易理解,毕竟中文整字的组成结构要比英文复杂多了。

中文整字结构:

  • 左右结构:挣、伟、休
  • 上下结构:志、苗、字
  • 左中右结构:湖、脚、溅
  • 上中下结构:奚、髻、禀
  • 半包围结构:
    • 右上包围:句、可、司
    • 左上包围:庙、病、房
    • 上三包围:同、问、闹
    • 下三包围:击、凶、函
    • 左三包围:区、巨、匝
  • 全包围结构:囚、团、因
  • 镶嵌结构:坐、爽、夹

整字的组成涉及上、中、下、左、右方位,自然需要从「口」字格再分四份,分成「田」字格才够用。

由此可以看出,中文之所以不需要空格和标点,也能勉强识义,是因为独体字/整字比字母多了垂直和水平两到三个维度。

比如,「挣」虽是一个字,但其左右结构,真正对应英文的应该是「to」。

上下结构的「志」,可以对应成翻转90度的「to」。

左中右结构的「湖」,可以对应「and」。

无论是「to」还是「and」,他们在英文中都已具有语义和使用性。

2. 中英文在计算机中的存储方式

有意思的是,这种组合方式还体现在计算机对中英文的存储方式上。

ASCII码中,一个英文字母(不分大小写)占一个字节的空间,一个中文汉字占两个字节的空间。

即:

英文:to=2字节

英文用的半角标点(空格、逗号、句号)=1字节

中文:「到」=2字节

中文用的全角空格(空格、逗号、句号)=2字节

英文:I am going to be home soon, please don’t worry.=35+12=47字节

中文:我马上就要到家了,请你不要担心。=16*2=32字节

无论在书写还是存储上,中文确实要比英文效率高。

四、高效率的背后

中文的高效率,不如说是压缩更多信息量,对相对空间的绝对压榨

1. 成功的人一定付出很多

假设我们定义1个笔画可以存储1字节信息量。

「懂」有19笔画,也就是有19字节的信息量;

「understand」有18笔画18字节的信息量。

我们再定义字节效率比=总信息量/所占字节数。

「懂」占2字节,效率比=19/2=9.5

「understand」占10字节,效率比=18/10=1.8

二者效率比相差5倍左右。

我们现在可以得出结论:

中文在书写和存储上的高效率更多是由于中文笔画有很强的压缩性。

这种强压缩性的笔画,由于汉字间架结构的高复杂度,可以在单位空间内尽可能地二次压缩信息量。

中文复杂的间架结构

2. 高效率的担忧

尽管中文在展示上有很高的效率,但却远远没有英文易传播。

原因除了英国当时的殖民扩张之外,还有中文相比英文较高的学习成本。

对于一个非英语,非中文语系的人来说,看懂中文要比英文难的多。

中文太紧凑了,各种间架结构十分复杂,书写也更加多维,对新人来说,读和学都要比英文困难。

中文紧凑排版

五、利用字间距稀释文字

探讨完中英文的组成结构,我们或许可以试着从字间距这一角度去理解中文互联网排版上的诸多流行实践。

排版作为「形式」而言,第一要义是服务于功能,即如何让读者更容易接受作者的观点。除去内容质量以及文笔这些内在要素之外,排版能起到的作用在于对中文的高信息密度进行「稀释」,降低人们的阅读压力。

1. 垂直方向的稀释

分段

最简单直接的稀释方式莫过于分段,长文字按照语义逻辑进行分块,每一块就是一段。

自媒体常用的一句一段稀释的太重了,在移动页面,比较让人容易接受的一个段落最好不要超过屏幕的三分之二。

还有一种段之间比较常用的方式是插图,图片作为与文字截然不同的信息展示载体,自然可以充当人们的阅读「缓冲带」。

但很多情况下,图作为更高信息密度载体的身份总是被弱化,「一图胜千言」的效果被弱化,很对文章配图配不上它的高信息密度,止步于「缓冲带」。

标题上下间距

人们喜欢看提纲挈领的东西,原因在于这些承上启下的语句充当了人们的「路牌」。

譬如常用的小标题(H2、H3),它们作为段落的综述,是对下文的高度提炼,人们可以通过这些「路牌」快速领会下文大义,它们很友好。如果将阅读一篇文章比作在高速上开车,那路上的「路牌」就是我们必须高亮注意的信息点。

所以,「路牌」和下文之间的间距关系也同样不可忽略。

简单来说,「路牌」的启下性决定了其与后文的联系要更紧密一些,所以比较流行的实践是将小标题的上间距(margin-top)设置成下间距(margin-bottom)的二到三倍。

同时,小标题下间距最好和段落间距保持一致,这样给人感觉小标题和下文更有整体性。

2. 水平方向的稀释

两端缩进

没有人喜欢杂乱,而在排版中,由于人们的阅读顺序是从上到下,左右方向如果留出空白,可以减轻人们的阅读紧迫感。

比如可以利用两端缩进将正文向中间挤压,呈现文字居中感。

六、字间距只是 Typography 的冰山一角

字体排版能聊的还有很多,合理地控制字间距(广义)只是冰山一角,其思路还是从源头上将中文天生的高信息密度结构进行合理稀释,降低人的阅读压力,而之所以中文不像英文需要词间空格,也是因为高密度结构所带来的高信息量而让独体字/整字在句子中具有可识别性。

Typography(字体排印学)被誉为 Two-dimensional building (二维的建筑),说明其不仅仅止步于对字号、字体、栏宽、行高的调整,而更着力于通过排版让文字更容易辨认,增强可读性,它是技术与美学构成的二维建筑学。

英文的字体排印,比较领先,值得推荐的例子是 The OutlineThe Padding,前者牺牲了一定的阅读体验来追求极致的网页端排版设计,后者则是交互性上给人留下深刻印象,都值得国内排版爱好者关注。

中文环境下的优秀案例较少, Type Is Beautiful作为其中的活跃分子,也经常通过文章与播客的形式分享中文排版的经验心得。

中文互联网字体排印还处在初级发展阶段,但也因如此,很有可能会出现一些打破常规的亮眼设计,带给我们惊喜。

本文首发WEB VIEW ,同步少数派,任何人未经许可不得转载。

假装是个设计师2——避雷针

好的设计大同小异,不好的设计各有各的问题。

本文介绍一些网页和文章排版中的常见错误。

展示过程中会给出错误和正确的对比用例图片,错误用例也会进行具体标注,所以文字描述部分会比较少。

多图预警。

一、网页中的排版错误

1.内容未按逻辑分块

使用背景色将网页不同部分分块,更适于读者阅读。

2.标题上下方间隙不同

不同间隙会产生一种错觉:文章内容由标题决定,尽管每篇文章的重要性均等。也会让网站看起来很乱,

等间隙则会让不同标题显得一样重要。

3.padding 过小

图二中间部分的文字没被「撑」起来,读者很难将上部分与其分开。

插多大的空白呢?至少120px吧。

4.图片上放低对比度文字

原因很简单,看不清字。

图片太亮了,上面文字就看不清。

两个办法:

  • 文字的对比度要大过图,比如用黑色字体
  • 图片暗一点,并且把字放在图对比度最低的地方

5.太多样式

样式太多有一个问题——你到底想强调什么?

尽量一个页面用一个大小的字体,一个颜色,最多两套字体,这样看起来比较简洁。

6.颜色块太窄

避免使用窄颜色快来强调你的内容。比如标题已经很大了,这个时候就不要用颜色块了。背景色行不行?不止标题,还有相关的文字。

7.很窄还放放大量文字

没有可读性,因为读的人看时总要换行。

文字又长,又居中,可读性就更低了。

尽量不要在窄区域放很多的字。

8.居中文字过多

居中的文字很少时,显示效果很好,但一旦字多就不行了。

用户很难有效率地阅读,建议你字体设置大些。(24px以上)

如果你真的有很多的文字,弄个折叠显示,比如「点击显示全文」。

标题后带一段短文字,显示效果还不错。

9.文字对背景图片喧宾夺主

文字尽量不要遮挡图片(下图一文字挡了女孩的脸。),这样会看不清图的细节,也会让文字更不好读。

多尝试不同的位置,比如文字居中或竖着放左边。

10.误用字的行高

大标题的字最起码要比其他部分的标题字高。

图一的大标题要比二级标题小,人们会很困惑:二级标题的内容要比一级标题重要吗?

网页整体要有结构性, 从上到下,从大到小。

这有助于帮读者分清重要信息和不重要信息

11.不必要的逻辑切分

全屏图后面接文字,在视觉上给人感觉图前图后应该是两部分。

这个时候在文字和图都加上 padding,那它们看起来就很统一,像一个整体。

12.标题又长又大

大字体适用于短文字,标题要是太长,字体就要小一些,可读性也更高,也能给网页上其他部分留空间。

讲究平衡,网页不只是为了突出标题,还有其他的元素。

13.按钮用边框

透明按钮用边框有意义,彩色按钮别加。

14.颜色太多

太乱,一两个颜色就够了。

15.复杂的导航栏

导航栏目的是「导航」。

不要放没用的信息上去,5到7个足够了。

这个导航栏放的 tab 就太多了。

二、文章中的排版错误

1.不分段

大量篇幅不要写在一段。

经常分段。

多插图,插引用,给读者心里上的缓冲。

公众号现在都恨不得一句一段了。

2.标题上下距离一样

标题上下空出来的距离不要一样,因为标题是对下一部分的启下,即标题属于下部分。

标题上空白要比下空白大两到三倍。

同时,标题下间隔最好和段落间间隔相同,这样给人感觉标题和下部分短路是一个整体。

3.小标题比标题都大

4.间隔不一

图一的作者头像和网页顶栏过近,看起来就像作者属于顶栏部分,而不是下边的文字。

解决方法也是在头像上加 padding。

5.图片说明和图片距离过近

6.小标题(h2,h3)和文字段落过近

段落间隔>小标题与段落间隔,会让人觉得文章整体很松散。

段落间隔<副标题与段落的间隔,看起来好多了。

7.强调的内容离正文太近

关键段,引用,最起码要距离正文75到120px。

还是加 padding。

8.低对比度的内容

如果你想强调你的内容,最起码要讲强调段字体比正文大10到15px,字体也要再深点。

9.字少还用背景色

如果想强调作者信息,可以加 padding,不要用背景色。

也不要在小标题用背景色。

10.全屏图之间有空隙

空隙意义是什么?

11.太多加粗

太多加粗,文章好像断裂了一样,如果通篇都是加粗强调,那加粗的意义也就没有了。

12.太多样式

太多样式很容易分散读者注意力。

13.居中的段落太长

还是可读性不好。

14.标题和图片距离过近

标题和图片距离过近,会让人觉得标题和图片是一部分,其实标题应该是独立的。

设置 padding=60px,再加个副标题吧。

15.滥用斜体

16.居中

图一的标题和副标题都太靠左了。

原文连接:blog-en.tilda.cc

作者:Nikita Obukhov

写作排版习惯变迁

自我开始写文字起,就会遵循某一种特定的规则。这个规则时有变化,最开始的版本和现今版本已经不尽相同。

不算读书时期学校安排的作业,只算出于兴趣而写的文字里,我的工具是一只笔和一个小本子。我总会空出本子的第一页(两面),从第二页的第二行开始写起。没有特殊动机,仅仅是觉得这么开始写更加有仪式感。除此之外,我的字还会越写越小,起初的文字还能占满一行高度,写到一页的后半段,方块字只剩下一行的不到一半高。这是一个坏习惯,好在后面改掉了。在小学和初中时期,我写了两本(未完结的)小说,一本游戏制作日志和一本小品排练剧本集,以及杂七杂八的改编歌词和碎碎念等等。

到了高中,我开始不再遵循任何规则,也不再照本宣科一行行写下来,而是完全凭心情写在任意位置,用任意大小任意语言写下任意句子。这些句子大多暴戾,充满对社会的不满,以及大量消极的态度和思想。好在我的高中语文老师寓教于乐,她给我的留言至今仍放在博客的关于页里。我十分感谢她。

在本子上写字的习惯一直延续到大学。成年后我开始认认真真写字,买了几本硬皮 A5 笔记本,写日记和阅读圣经感想。就这么写了两本,字迹从仔仔细细到不拘一格,也就花了三年时间。字体本身并不是最重要的,而是这些文字记录了青春懵懂时期的友情爱情、愤青思想和家国情怀。

以上是物理上的写字,更多的文字我习惯通过键盘记录。各种平台博客、从年幼到如今分为两个泾渭分明的时期。

起初喜欢打繁体字,因为当时认为这属于【正统】,以至于写在日记本上的也大多是繁体。纸上花里胡哨的繁体字现在读起来真是辛苦啊。另外我还喜欢打半角,所有的逗号、句号、感叹号等标点符号都用半角,这样看起来可以更节省空间。因此,我对于省略号(中二时期用省略号特别频繁)的使用有一种特殊癖好:打6个以上的半角句号,偶尔还会在最后加上两个斜杠【//】。现在看当时的文字就像一堆毛线团上爬着稀稀拉拉的毛毛虫。

随着年纪增长,我对于写字这件事越来越有【敬畏之心】,对于排版有了一套比较系统的认识。博客和公众号成为我生活中不可或缺的养分,其中优秀的作者和其排版潜移默化影响我。因此我的写字逐渐有了以下主要规则:

  • 正式文章严格遵守中英文标点符号的正确使用(部分情况例外);
  • 英文句子结尾的标点符号后空一格再起新句子;
  • 句子开头和结尾以外的中英文之间用空格区分;
  • 中文句子用全角符号,拉丁语系句子用半角符号;
  • 段落之间空一行(这个习惯来自对 Markdown 语法的认识);
  • 引号使用【】或者 “” (我排斥直角引号);
  • 严格遵循品牌或者固定词汇的写法(iPhone/iCloud/OneDrive/WordPress etc.)

以上这些规则大多数和中文文案排版指北相契合,这篇文章的灵感来源也是这篇文章。因为习惯了这套排版,加上自身有轻微强迫症,我在网上如果阅读到格式不符合的文章会相当难受,特别是用中文半角标点符号的、没有遵循固定写法为甚。但是自我的主管感受不能强加于别人,我只会专注于别人写的文字内容,毕竟那才是核心,排版不过是表面功夫,只是让人读起来更加舒适而已。

Markdown 入门教程及书写风格指南

markdown现代汉语就像用脏了的人民币,要用 Markdown 洗一洗。Markdown 是一种轻量级标记语言。你不需要关心标题多大字号,段前距多少,列表缩进几格,只要在纯文本前后增加一些标记符号(例如 # - * >),就能毫不费力地写出工整精美的文章。毫不夸张地说,Markdown 是比特世界赠与写作者的「笔」。

请注意,Markdown 不要写成 MarkDown。

优势

掐指一算,使用 Markdown 写文章三年有余了。它的好,目前谁都比不了。

易学易记

只要几分钟就可以 学会 Markdown,然后你可能再也不想碰 Word 了。

专注写作

富文本编辑器(例如 Word)是通过点击图形化的功能按钮来实现排版,而 Markdown 则是通过标记字符去赋予文字不同格式。易读易写(easy-to-read and easy-to-write),让任何与文字打交道的人专注于写作,不用操心排版。

格式统一

同一份 Word 文档,在

  • 不同的设备:Windows、macOS、Android、iOS
  • 不同的版本:旧版 Word 、新版 Word
  • 不同的软件:Microsoft Office、WPS

可能显示不一样的效果。而 Markdown 可以 Write once, export everywhere。不管在电脑上,还是手机上,用 Markdown 写出来的文章都能带来舒适、统一、美好的阅读体验。

向外兼容

可以导出 PDF、 Word、HTML、图片等格式分享给没有安装 Markdown 编辑器的人。

入门

一开始你只要记住以下符号(英文半角状态),就能写出排版清爽的文章了。

标记符号标记结果
# + 空格 + 文本一级标题
## + 空格 + 文本二级标题
### + 空格 + 文本三级标题
- + 空格 + 文本无序列表
1 + . + 空格 + 文本有序列表
> + 空格 + 文本引用

如果有些文字需要特殊说明:

标记符号标记结果
** + 加粗 + **加粗
* + 斜体 + *斜体
~~ + 删除线 + ~~删除线

是不是手痒了?下载一个 Markdown 编辑器, Keep calm and Markdown。目前我使用 有道云笔记 + Typora

  • Windows 用户推荐 Typora
  • Android 用户推荐 纯纯写作。
  • 苹果用户(iOS 和 macOS)可以在 App Store 搜索「Markdown」下载(没用过苹果产品,没有发言权)。

What You See Is What You Mean

进阶

以上就是最基础的 Markdown 语法,普通用户看到这里就可以开始动笔尝试了。下面介绍一些 Markdown 的书写风格,让你的源码和文档更精美,更有条理。你不必一下子全部记住,需要实现哪个功能再来查阅或者问 Google 也不迟。

标题

层级

  • 正文的标题从 ## 开始,# 要留给整篇文章的标题(也可以不写)。这样的大纲结构也可以很方便地转换为思维导图(Markdown to Xmind / MindNode / 幕布 / 百度脑图……),也符合 SEO(搜索引擎优化)的规则。

    # 一级标题(h1):文章的标题## 二级标题(h2):正文的大标题### 三级标题(h3):正文的小标题
  • 虽然 Markdown 最大支持 ###### 六级标题,为了保持层级的简单,防止出现过于复杂的章节,请谨慎使用四级标题(除非是长文章)。如果三级标题下有并列性的内容,可以使用加粗、有序列表或无序列表代表末级标题。

    短文章的标题层级### 正文的小标题**三级标题 A**- 论据 1(五级标题)   - 细分论据 1(六级标题)   - 细分论据 2(六级标题)   - 细分论据 3(六级标题) - 论据 2 - 论据 3**三级标题 B**1. 论据2. 论据3. 论据**三级标题 C**- 论据 1 - 论据 2 - 论据 3---长文章的标题层级### 正文的小标题 #### 正文的三级标题 A#### 正文的三级标题 B#### 正文的三级标题 C
  • 二级标题下,不能直接出现四级标题。

  • 标题要避免孤立编号(即同级标题只有一个)。

  • 标题要简短,结尾不带标点符号。

  • (源码上)标题前后空一行(段前距和段后距)。

  • 大标题和小标题之间要有内容过渡(引出或概括下文)。

    # Title开门见山地告诉读者这篇文章讲什么?一级标题作为文章的(页面)标题(H1),并且尽可能和文件名称保持一致。如果文章很长,使用 [TOC] 生成目录。## What先定义问题是什么?……正文从二级标题开始。## Why为什么会出现这样的问题?……## How下一步该怎么办?……## See also文末别忘了贴上参考链接。* https://link-to-more-info

列表

无序列表

使用 *+ 并跟随 1 个空格来表示无序列表。建议使用 (连字符,hyphen)。

- 我是谁- 我从哪里来- 我到哪里去

不建议

* 我是谁* 我从哪里来* 我到哪里去---+ 我是谁+ 我从哪里来+ 我到哪里去

为什么

  • 星号 * 可能和加粗和斜体符号产生混淆。
  • 加号 + 不流行。

与其他语法结合使用

- **《春日》**:等闲识得东风面,万紫千红总是春。- **《春草》**:萋萋总是无情物,吹绿东风又一年。- **《墨梅》**:犹恨东风无意思,更吹烟雨暗黄昏。

预览

  • 《春日》:等闲识得东风面,万紫千红总是春。
  • 《春草》:萋萋总是无情物,吹绿东风又一年。
  • 《墨梅》:犹恨东风无意思,更吹烟雨暗黄昏。

有序列表

语法一(手动排序)
1. 斜月沉沉藏海雾,碣石潇湘无限路。2. 不知乘月几人归,落月摇情满江树。3. 春江潮水连海平,海上明月共潮生。

预览

  1. 斜月沉沉藏海雾,碣石潇湘无限路。
  2. 不知乘月几人归,落月摇情满江树。
  3. 春江潮水连海平,海上明月共潮生。

对于比较短的、很少修改的有序列表,请按顺序标号,保持源码的可读性。

语法二(自动排序)

对于比较长的、可能会修改的列表(尤其是很长的嵌套列表),请使用「懒人编号法」。纵使有新的列表项「插队」,把序号弄乱了也没关系,Markdown 编辑器自动会对序号进行纠错。

1.  Foo.1.  Bar.    1. Foofoo.    1. Barbar.    1. Gargar1.  Baz.

预览

  1. Foo.
  2. Bar.
    1. Foofoo.
    2. Barbar.
    3. Gargar
  3. Baz.

嵌套列表

缩进 2 ~ 4 个空格或一个 Tab(推荐),可以嵌套列表。

示例一

1.  不知乘月几人归,落月摇情满江树。- 与君吟弄风月,端不负平生。- 对秋深,离恨苦,数夜满庭风雨。- 五月畲田收火米,三更津吏报潮鸡。2.  人姝丽,粉香吹下,夜寒风细。- 弓弦抱汉月,马足践胡尘。- 寒月悲笳,万里西风瀚海沙。- 东堂坐见山,云风相吹嘘。3.  沅溪夏晚足凉风,春酒相携就竹丛。- 白发渔樵江渚上,惯看秋月春风。- 归来独卧逍遥夜,梦里相逢酩酊天。- 致君尧舜上,再使风俗淳。

预览

  1. 不知乘月几人归,落月摇情满江树。
    • 与君吟弄风月,端不负平生。
    • 对秋深,离恨苦,数夜满庭风雨。
    • 五月畲田收火米,三更津吏报潮鸡。
  2. 人姝丽,粉香吹下,夜寒风细。
    • 弓弦抱汉月,马足践胡尘。
    • 寒月悲笳,万里西风瀚海沙。
    • 东堂坐见山,云风相吹嘘。
  3. 沅溪夏晚足凉风,春酒相携就竹丛。
    • 白发渔樵江渚上,惯看秋月春风。
    • 归来独卧逍遥夜,梦里相逢酩酊天。
    • 致君尧舜上,再使风俗淳。

示例二

- 庭说栏目> - 排版美学> - 数字生活    > - 日志随笔- 联系方式> - Email:tingtalk.me(at)gmail.com> - Telegram:t.me/tingtalkgroup  > - WeChat:804 976 336

预览

Tips

  • Tab 缩进一级
  • Shift + Tab 提升一级

任务列表

语法

- [ ] 纯牛奶- [x] 西瓜- [ ] 鸡蛋- [x] 保鲜膜- [ ] 猪肉(暂时买不起)

预览

  • [ ] 纯牛奶
  • [x] 西瓜
  • [ ] 鸡蛋
  • [x] 保鲜膜
  • [ ] 猪肉(暂时买不起)

引用

在每一行使用 > 符号,包括换行的句子。

> 我们是为人民服务的,所以,我们如果有缺点,就不怕别人批评指出。> by 毛泽东:《为人民服务》(1944 年 9 月 8 日)

我们是为人民服务的,所以,我们如果有缺点,就不怕别人批评指出。
by 毛泽东:《为人民服务》(1944 年 9 月 8 日)

表格

语法

| 左对齐           |                      居中对齐                      | 右对齐 || :--------------- | :------------------------------------------------: | -----: || **加粗**         |          [插入链接](https://tingtalk.me/)          |  ¥5.7 || `换行`<br />下一行 | ![插入图片](https://tingtalk.me/uploads/avatar.png) | ¥10.4 |

预览

左对齐居中对齐右对齐
加粗插入链接¥5.7
换行
下一行
插入图片¥10.4

注释

  • Markdown 是轻量级的标记语言,所以不支持合并和拆分单元格。对于复杂表格,你可以在 Markdown 编辑器中使用 HTML 的 <table> 标签标记。
  • 输入 <br /> 可以换行(但不建议使用)。
  • 把 Excel 表格复制粘贴到某些 Markdown 编辑器(例如 Typora)可以直接转换为 Markdown 形式的表格。

链接

语法

[庭说](https://tingtalk.me/)

预览庭说

图片

语法

![庭说 Avatar](https://tingtalk.me/images/avatar.png)

预览

庭说 Avatar

Markdown 是一种纯文本标记语言,图片功能注定是它的弱项。

网络图床

但谁能保证哪个图床服务不倒闭?所以我在写作的时候,力求用文字把事情解释清楚,能不插入图片就不插入图片。我偶尔会用到的 图床sm.ms(免费)。

本地图片

Typora 支持插入本地图片,但是更改图片的路径和名称,图片就失效了。如果文章已经完稿了,可以把 Markdown 导出为 PDF 文档(这样图片就嵌入进去了)。

代码

行内代码

用 2 个重音符 `(backtick,在 Tab 键上方)包裹

`Markdown` 是一种轻量级标记语言。

预览

Markdown 是一种轻量级标记语言。

用两个 ` 包裹 `,才能显示 `

A single backtick in a code span: `` ` ``A backtick-delimited string in a code span: `` `foo` ``

预览
A single backtick in a code span: `
A backtick-delimited string in a code span: `foo`

重音符前后空一格

- 推荐:使用键盘快捷键 `Ctrl + D` 可以将当前网页保存为书签。- 反对:使用键盘快捷键`Ctrl+D`可以将当前网页保存为书签。

预览

  • 推荐:使用键盘快捷键 Ctrl + D 可以将当前网页保存为书签。
  • 反对:使用键盘快捷键Ctrl+D可以将当前网页保存为书签。

代码块

将 3 个重音符 ` 置于代码块的首行和末行。首行的重音符后面可接代码语言名称,例如 `````python``,以达到相应的代码高亮效果。

print "Hello, Python!"

预览

print "Hello, Python!"

diff 代码对比

function addTwoNumbers (num1, num2) {-  return 1 + 2+  return num1 + num2}

预览

function addTwoNumbers (num1, num2) {-  return 1 + 2+  return num1 + num2}

换行

以下键盘快捷键(语法)可能仅支持 Typora。

Enter = 换行 + 空行 = (Shift + Enter) × 2。

即按下回车键创建一个新段落(段与段之间加入空行)。

软换行

Shift + Enter = 换行(但是不会产生空行)。

`enticing` [ɪn'taɪsɪŋ] (事物)诱人的,有吸引力的;迷人的- Her neck was short but rounded and her arms plump and enticing. `Shift` + `Enter`  她的脖子短,但浑圆可爱;两臂丰腴,也很动人。by 《飘》 `Enter`- This was enticing to Wozniak, even more than any prospect of getting rich. `Shift` + `Enter`  这句话对沃兹尼亚克的诱惑太大了,比变成富人的诱惑还要大。by 《乔布斯传》 `Enter`

enticing [ɪn'taɪsɪŋ] (事物)诱人的,有吸引力的;迷人的

  • Her neck was short but rounded and her arms plump and enticing.
    她的脖子短,但浑圆可爱;两臂丰腴,也很动人。by 《飘》

  • This was enticing to Wozniak, even more than any prospect of getting rich.
    这句话对沃兹尼亚克的诱惑太大了,比变成富人的诱惑还要大。by 《乔布斯传》

硬换行

在行末使用空格(两个以上) + 换行(Enter),就可以实现强制换行,此语法适用于大部分 Markdown 编辑器。

硬换行在文档被导出时将被保留,且没有换段的段后距。

假如生活欺骗了你,  (2 个空格)不要悲伤,不要心急!  (2 个空格)忧郁的日子里须要镇静:  (2 个空格)(2 个空格)相信吧,快乐的日子将会来临!  (2 个空格)心儿永远向往着未来;  (2 个空格)现在却常是忧郁。  (2 个空格)一切都是瞬息,一切都将会过去;  (2 个空格)而那过去了的,就会成为亲切的怀恋。   (2 个空格)by 普希金

假如生活欺骗了你,
不要悲伤,不要心急!
忧郁的日子里须要镇静:
相信吧,快乐的日子将会来临!
心儿永远向往着未来;
现在却常是忧郁。
一切都是瞬息,一切都将会过去;
而那过去了的,就会成为亲切的怀恋。
by 普希金

其他

名称语法备注
分割线---***+++不常用
内容目录[TOC]Table of Contents

应用

Markdown 的用途很广。Write once, export everywhere:写博客、写邮件、排推文、做 PPT 等。

公众号排版

简历排版

邮件排版

Markdown Here 是一个浏览器扩展插件,可以将浏览器中编辑器(例如 email 正文)里的 Markdown 文本转换成渲染过后的 HTML,并且支持自定义 CSS。

修改 CSS 样式教程:

转换为 Word

  • 安装 Pandoc 后,Typora 可以导出 Word

转换为 Mind Map

  • 对于 Xmind / MindNode / 百度脑图 等思维导图工具,直接导入 md 文档。
  • 对于幕布,可以用 Typora 导出 opml 格式,再导入。
  • MarkmapMarkdown + Mindmap,使用思维导图可视化 Markdown。

从网页导出 md 格式

借助浏览器插件 简约 导出 md 格式的网页,不用 手动添加标记符号。

导出漂亮的 Markdown 源代码图片

  1. 打开 carbon.now.sh
  2. 语言选择 Markdown
  3. 书写或者粘贴 Markdown 源代码
  4. 导出 PNG 像素图或者 SVG 矢量图

参考资料

关联阅读

文案风格指南:中英混排和标点符号的用法

essay

评价一个科技媒体或者设计师是否专业,我会看中英文之间是否空一格,因为美好的文字值得用更优雅更干净的方式呈现。

国外的一些科技公司(AppleGoogleMicrosoft……)和国内的一些科技媒体(少数派好奇心日报Readhub……),在中英文混排时,会在全形字(中文)和半形字(英文、数字、符号等)之间添加一个半角空格,以增加视觉美感。

大概在 2018 年 1 月份,微信也悄悄地跟进了这种排版美学。例如,你在微信聊天框输入 庭说TingTalk 并发送,会自动变成 庭说 TingTalk

拼写正确

尊重专有名词的正确写法,是写作 / 排版的第一步:

✔️
App、appAPP
App StoreAppstore
a.m.am、AM、A.M.(上午)
emailE-mail、Email
GitHubGithub、github
Googlegoogle
iOSIOS
iPhone XS MaxIphone xs MAX
macOSMacOS
kgKG、Kg
kmKm、KM
MarkdownMarkDown
OKok
P.S.PS、ps、Ps.
Sirisiri
WeChatWechat、wechat
WhatsAppWhatsapp、whatsapp
Wi-FiWIFI、WiFi、wifi
YouTubeYoutube
4K4k
1080p1080P
登录登陆
账号帐号、账户、帐户

英文拼写错误

❗ ️大写有突出强调的作用,意味着这个单词或者句子很重要。

句首字母大写

  • ❌ how are you?
  • ✔️ How are you?

专有名词大写

  • ❌ Happy mid-autumn festival
  • ✔️ Happy Mid-Autumn Festival(连字符用最短的 hyphen -

I(我)在任何时候都大写

  • ❌ I am a slow walker, but i never walk back.
  • ✔️ I am a slow walker, but I never walk back.
  • 📝 我走得很慢,但是我从来不会后退。by 亚伯拉罕·林肯(Abraham Lincoln)

internet 首字母不再大写

  • 一开始的 Internet 首字母是大写(特殊的专有名词),随着互联网的普及,它不再特殊,所以被降级成 internet。

l

App

  • App 念作 [æp] ,而非 A-P-P(爱啪啪)。
  • 当用于标题或首字母时,写作「App」,当用于正文泛指时写作「app」。
  • App 的复数形式是「apps」。

符号拼写错误

罗马数字

  • ✔️ I、Ⅱ、Ⅲ(它们是一个整体)
  • ❌ I、II、III(用一个或多个大写字母 I 代替)

根据读者反馈,以上写法待验证。

乘号

  • ✔️ ×(微软拼音输入 cheng 即可弹出正宗的乘号)
  • ❌ 字母 x 或 X 代替

借助搜索引擎、官方网站和维基百科,你不难找到专有名词应该怎么写。

来自 Anyway.FM 的 UI 行业英文术语聚合:Anyway.ABC 安妮薇术语小词典

多空一格

行文时,请务必在全角字符(汉字)和半角字符(字母、数字或符号)之间空一格(半角空格)。混排时,通过刻意增加空格的方式,会让段落看起来不那么「拥挤」,增加中英混排的美感。

中文与英文之间增加空格

  • ✔️ 通过 Google 搜索引擎,你可以更快地找到想要的信息。
  • ❌ 通过Google搜索引擎,你可以更快地找到想要的信息。
  • 📝 「豆瓣FM」等专有产品名词,按照官方所定义的格式书写。

中文与数字之间增加空格

  • ✔️ 2016 年 4 月 29 日,公众号「庭说」发出第 1 篇文章。
  • ❌ 2016年4月29日,公众号「庭说」发出第1篇文章。

中文与链接之间增加空格

  • ✔️ 庭说的 博客 于 2017 年 7 月 18 日正式运营。
  • ❌ 庭说的博客于 2017 年 7 月 18 日正式运营。

数字与单位之间增加空格

  • ✔️ iPhone XS 显示屏的像素密度是 458 ppi,最大亮度(标准)是 625 cd/m²。
  • ❌ iPhone XS 显示屏的像素密度是 458ppi,最大亮度(标准)是 625cd/m²。
  • 📝 我的手机可用储存空间只剩 1GB 了。(在 Apple 的排版哲学中,这是个特例。是否要空一格,看你的个人选择。)

排版工具

标点符号

长文本中穿插的符号就像湖面上泛起的波澜、绸缎上镶嵌的装饰,为版面带来节奏和纹理。对我来说,这一个理由便足够了——美本身就是值得追求的。by PlatyHsu

中文标点符号必须使用全角字符。排版时,它们占用的宽度等于一个中文字符,例如 ;而英文一般使用半角标点符号。排版时,它们占用的宽度等于半个中文字符,例如 .

  • ✔️ 三毛说:「心若没有栖息的地方,到哪里都是在流浪。」
  • ❌ 三毛说:「心若没有栖息的地方,到哪里都是在流浪. 」
  • ✔️ 请确认所有的连接(电缆和接插件)均安装牢固。
  • ❌ 请确认所有的连接(电缆和接插件)均安装牢固。
  • 📝 请确认所有的连接 (电缆和接插件) 均安装牢固 (Apple 的做法:半角括号 + 前后空格)。

完整的英文句子,用半角标点符号

  • ✔️ 乔布斯说过:「Stay hungry, stay foolish.」
  • ❌ 乔布斯说过:「Stay hungry,stay foolish。」

关联阅读

中文符号

感叹号

不到万不得已,坚决不用感叹号。平和地表达,才能发出理性的声音。

  • ✔️ 心平气和地表达自己的看法,尽量避免使用感叹号!
  • ❌ 心平气和地表达自己的看法,尽量避免使用感叹号!!!(不要重复使用标点符号)
  • 📝 当句子包含疑问、感叹两种语气都比较强烈时(如带有强烈感情的反问句和带有惊愕语气的疑问句),可在问号后再加叹号,例如「这点困难就能把我们吓倒吗?!」

省略号 ……

如何输入:

  • ✔️ 切换到中文输入法, Shift + 6(在主键盘的字母 T 上方)即可输入正确的省略号 ……
  • ❌ 多个中文句号代替 。。。 或多个英文句点代替 ......

省略号不应与「等」这个词一起使用:

  • ❌ 我们为会餐准备了香蕉、苹果、梨…等各色水果。
  • ✔️ 我们为会餐准备了各色水果,有香蕉、苹果、梨……
  • ✔️ 我们为会餐准备了香蕉、苹果、梨等各色水果。

逗号

  • 逗号表示句子内部的一般性停顿。
  • 注意避免「一逗到底」,即整个段落除了结尾,全部停顿都使用逗号。

顿号

并列形容词之间用顿号:

  • ✔️ 这里有自由、民主、平等、开放的风气和氛围。
  • ❌ 这里有自由,民主,平等,开放的风气和氛围。

最后一项内容前已经用了「及」、「以及」、「和」等字样,则最后一项前不再使用顿号:

  • ✔️ 警方还组织数千民兵专门看护桥梁、过街天桥、涵洞和道口等重点部位。
  • ❌ 警方还组织数千民兵专门看护桥梁、过街天桥、涵洞、和道口等重点部位。

不能用 代替顿号

  • ✔️ 警方还组织数千民兵专门看护桥梁、过街天桥、涵洞等重点部位。
  • ❌ 警方还组织数千民兵专门看护桥梁,过街天桥,涵洞等重点部位。

如果并列的是短句,应使用逗号:

  • ✔️ 我问了他很多问题,三年前在干什么,两年前在干什么,今后打算干什么……
  • ❌ 我问了他很多问题、三年前在干什么、两年前在干什么、今后打算干什么……

标有引号的并列成分之间、标有书名号的并列成分之间通常不用顿号。若有其他成分插在并列的引号之间或并列的书名号之间(如引语或书名号之后还有括注),宜用顿号:

  • ✔️ ️️「日」「月」构成「明」字。
  • ✔️ 店里挂着「顾客就是上帝」「质量就是生命」等横幅。
  • ✔️ 《红楼梦》《三国演义》《西游记》《水浒传》是我国长篇小说的四大名著
  • ✔️ 李白的「白发三千长」(《秋浦歌》)、「朝如青丝暮成雪」(《将进酒》)都是脍炙人口的诗句。

括号 ( )

中文夹用英文注释,用中文全角圆括号标示注释:

  • ✔️ The Beatles(1968)有一首歌,题为《除了我和我的猴子人人都想捂藏一点东西》(Everybody's Got Something to Hide except Me and My Monkey),这首歌后来音乐家称之为《猴子》。
  • ❌ The Beatles(1968)有一首歌,题为《除了我和我的猴子人人都想捂藏一点东西》(Everybody's Got Something to Hide except Me and My Monkey),这首歌后来音乐家称之为《猴子》。

句子末尾用括号加注时,句号应在括号之外:

  • ✔️ 关于文件的输出,请参照第 1.3 节(见第 26 页)。
  • ❌ 关于文件的输出,请参照第 1.3 节(见第 26 页。)

波浪号

梨园乡种植的巨风葡萄今年已经进入了丰产期,亩产 1000 公斤 ~ 1500 公斤。

这句话使用了错误的(半角)波浪号 ~(U+007E TILDE)作为(全角)浪纹号 (U+FF5E FULLWIDTH TILDE)来标示数值范围的起止。

如何输入正确的浪纹号?以微软拼音为例:

  1. 切换到全角状态(Shift + Space)
  2. Shift + ~(Esc 的下方)
  3. 切换回半角状态,接着输入其他内容

因此,输入正确的浪纹号是一件很麻烦的事,推荐使用 或者 代替 :亩产 1000 公斤至 1500 公斤。

英文符号

使用英文(半角)标点符号

  • ❌ I’m Tim。(使用中文全角标点符号)
  • ✔️ I'm Tim.

标点符号后面空一格

  • ❌ Mr.Zhong
  • ✔️ Mr. Zhong
  • ❌ We need seven people:three students,three engineers,and a professor.
  • ✔️ We need seven people: three students, three engineers, and a professor. (注意 and 前面有一个逗号)

每句话与上一句的标点之间一定要有空格。空格是分隔单词用的,如果前后两句话之间没有空格,那么上一句的最后一个词,和下一句的第一个词,就连在一起了。比如「I_am_here._It_is_8:00_now.」 如果写成「I am here.It is 8:00 now.」,那么「here.it」这样是不规范的,只有同一个词中才会出现这样的写法,比如「a.m.」、「U.S.A.」,中间没有空格,看做是一个词。上边的「here.it」甚至可能被一些网站当成是链接网址,因为「.it」是一个域名,网址中间是不加空格的。

如果英文与中文同时存在,英文单词和中文之间应该加一个半角空格。比如「今天 CNN 的报道我看了。」「There_is_a_木_in_the_Chinese_character_树.」等等。

成对符号(括号和引号)前后空一格

  • ❌ The screen is 6.46 inches(iPhone XS Max)diagonally.
  • ✔️ The screen is 6.46 inches (iPhone XS Max) diagonally.
  • ❌ He said,"I may forget your name,but I never forget a face."
  • ✔️ He said, "I may forget your name, but I never forget a face."

在某些 Style Guide 中,纵使在中文语境下,也会将(中文)全角括号替换为 (英文) 半角括号,并在括号外添加半角空格(两个连续的标点之间不添加空格):

iPhone SE 可防溅、抗水、防尘,在受控实验室条件下经测试,其效果在 IEC 60529 标准下达到 IP67 级别 (在最深 1 米的水下停留时间最长可达 30 分钟)。by Apple

省略号

  • ❌ Juan thought and thought…and then thought some more.(省略号前后没有空格)
  • ❌ Juan thought and thought ... and then thought some more.(三个英文句号代替省略号)
  • ✔️ Juan thought and thought … and then thought some more. (省略号是一个整体,不可分割)

表示中文时,英文省略号()应改为中文省略号(……):

  • 英文: 5 minutes later⋯
  • 中文: 5 分钟过去了⋯⋯

⌨️ 如何输入省略号

  • Android(安卓手机):你肯定能找到它
  • iOS(苹果手机和苹果平板):长按英文键盘上的句号
  • macOS(苹果电脑):Option + ;(分号键)
  • Windows 电脑:
    • 方法一:Alt + 0133(按住 Alt,依次在右侧的小键盘上输入 0 1 3 3
    • 方法二:在中文输入状态下,按 Shift + 6(字母 T 上方的 ^),再删除一半,然后再切换回英文输入状态

小数点

不严谨地说,东方世界是万位计数法(1 2345 6789.10),而西方世界则是千位计数法(123 456 789.10)。不管是哪一种计数法,在数额巨大时,插入定界符(delimiter)可以方便读者辨识这串数字到底有多大。而在西文中,由于小数点符号(decimal separator 或 decimal mark)的使用习俗不同,会间接影响到千分位符号(也称千位分隔符,group separator)的选择,所以这些写法在不同国家会代表不同数值:12,34512.34512,345.67812.345,678

小数点用来分隔数字的整数部分与小数部分。如 3.14 中的 .,但地球是圆的:

  • 汉语地区和大多的英语地区:使用 . 句点(full stop)作为小数点
  • 大多的其他欧洲国家和其前殖民地:使用 , 逗号(comma)作为小数点
长串数字千分位小数点常用于
125,124,024.25,.英美
125.124.024,25.,欧洲
125 124 024,25 ,国际单位制(逗号地区)
125 124 024.25 .国际单位制(句点地区)

参考资料

表并列

中文:不要用逗号代替顿号

  • ❌ 警方还组织数千民兵专门看护桥梁,过街天桥,涵洞等重点部位。
  • ✔️ 警方还组织数千民兵专门看护桥梁、过街天桥、涵洞等重点部位。

英文:用逗号表示并列关系(不存在顿号)

  • ❌ We need seven people: three students、three engineers、and a professor.
  • ✔️ We need seven people: three students, three engineers, and a professor.

不存在的标点符号

顿号

没有顿号 ,用逗号 , 表并列:She slowly, carefully, and deliberately moved the box.

书名号

英文中没有书名号 《》,用斜体(Italic,意大利体)表示书名:

  • The title of Stephen R. Covey’s book is The 7 Habits of Highly Effective People.

英文书名或电影名改用中文表达时,双引号应改为书名号:

  • 英文: He published an article entitled "The Future of the Aviation".
  • 中文:他发表了一篇名为《航空业的未来》的文章。

关联阅读

其他符号

多空一格

运算符
  • ✔️ 20 ± 2%、p < 0.01、1 + 1 = 2
  • ❌ 20±2%、p<0.01、1+1=2
版权标识 ©
  • ✔️ Copyright © 2019 TingTalk 保留所有权利。
  • ❌ Copyright©2019 TingTalk 保留所有权利。
摄氏度符号与数字之间

通常情况最好用「°C」,即「度数符号(U+00B0 ° DEGREE SIGN,十进制 176)」然后加上英文大写字母 U+0043 C LATIN CAPITAL LETTER C,而非用兼容概有 CJK 编码的兼容字元 U+2103 ℃ DEGREE CELSIUS,十进制 8451;后者在大部分字型都是全形字元。

如何输入

  • Windows
    • °:按 Alt 不放,然后按 0 1 7 6(数字部分要用键盘右方的数字区输入),完成后放开 Alt 键;或者在微软拼音里输入 du
    • C:再按 Shift + C,就可以打出 °C
  • macOS
    • °:以「爱尔兰-延伸」输入法为例,按 Alt/Option + Shift + 8
    • C:再按 Shift + C,就可以打出 °C

以上内容节选自 维基百科

  • ✔️ 科学家通过分析卫星数据发现地球的最低温出现在南极东部高原,达到零下 100 °C。
  • ❌ 科学家通过分析卫星数据发现地球的最低温出现在南极东部高原,达到零下 100°C。

不必空格

货币符号与数字之间
  • ✔️ 一碗原味猪肉汤饭只要 ¥10。
  • ❌ 一碗原味猪肉汤饭只要 ¥ 10。
百分号与数字之间

百分号(%)不是单位,因此应该紧挨在数字后面。

  • ✔️ 去年营业额增长 5%
  • ❌ 去年营业额增长 5 %
倍数与单位之间
  • ✔️ 2x、3n
  • ❌ 2 x、3 n

关联阅读

其他规范

时间

  • ✔️ 12:05(半角冒号)
  • ❌ 12:5(未补零)
  • ❌ 12:5(全角冒号)

日期

样式一

  • ✔️ 2018-09-07(推荐)
  • ✔️ 2018.09.07
  • ❌ 2018-9-7

样式二:

  • ✔️ 2018 年 9 月 7 日(简洁醒目)
  • ✔️ 二零一八年九月七日(庄重典雅)
  • ❌ 2018年09月07日

数字

农历月日

  • ✔️:腊月二十三、八月十五中秋节(选用汉字数字)
  • ❌:腊月23、8月15中秋节

阿拉伯数字与汉字数字同时使用

  • 如果一个数值很大,数值中的「万」和「亿」单位可以采用汉字数字,其余部分采用阿拉伯数字。例如:我国 1982 年人口普查人数为 10 亿零 817 万 5288 人
  • 除上面情况之外的一般数值,不能同时采用阿拉伯数字与汉字数字。例如:108 可以写作「一百零八」,但不应写作以「1 百零 8」「一百 08」;4000 可以写作「四千」,但不应写作「4 千」

参考资料

数值范围

表示区间时,保留两端的单位。

  • ✔️ 梨园乡种植的巨风葡萄今年已经进入了丰产期,亩产 1000 公斤至 1500 公斤。(或用
  • ⚠️ 梨园乡种植的巨风葡萄今年已经进入了丰产期,亩产 1000 公斤 ~ 1500 公斤。(浪纹号
  • ❌ 梨园乡种植的巨风葡萄今年已经进入了丰产期,亩产 1000 ~ 1500 公斤。(波浪号 ~
  • ✔️ 此事件有 5% 至 10% 的可能性发生。
  • ❌ 此事件有 5至10% 的可能性发生。
  • ✔️ 56 mm ± 2 mm、(56 ± 2)mm、(56 ± 1)%
  • ⚠️ 10 × 15 × 20 mm(特例)
  • ⚠️ 10 mm × 15 mm × 20 mm(过于冗余?存疑)

连接号

(全形)浪纹号(颚化符)波浪号
~
U+FF5E FULLWIDTH TILDEU+007E TILDE
占一个汉字的位置占半个汉字的位置
全角模式下,Shift + ~Esc 的下方)半角模式下,Shift + ~Esc 的下方)

如何输入正确的浪纹号 来标示数值范围的起止?以微软拼音为例:

  1. 切换到全角状态(Shift + Space
  2. Shift + ~Esc 的下方)
  3. 切换回半角状态(Shift + Space),接着输入其他内容

因此,输入正确的浪纹号是一件很麻烦的事,推荐使用 或者 代替 :-20°C 至 -10°C。

有序列表

✔️ 在小数点后面空一格(参考 Markdown 的写法)1. 静音2. 关机3. 睡觉❌ 未在小数点后空一格1.静音  2.关机  3.睡觉  ---✔️ 顿号后面不用空一格1、静音  2、关机  3、睡觉  ❌ 顿号后面空一格1、 静音  2、 关机  3、 睡觉  

电话号码

  • ✔️ 156 1024 1024(3-4-4 的格式,方便记忆和拨号)
  • ❌ 15610241024

首行顶格

  • 段落首行缩进 2 个字符是纸媒时代的旧习,文章的排版像狗啃了一样
  • 在数字时代(特别是在移动端)
    • 首行顶格
    • 段落之间用空行隔开

争议之处

以下用法略带有个人色彩,如有高见,欢迎与我(微信号:804 976 336)讨论。

项目列表句末不加分号或句号

✔️

  • 早上吃鸡蛋和水果
  • 中午吃蔬菜沙拉和鱼
  • 晚上吃番薯和一小碗饭
  • 睡前喝一瓶纯牛奶

  • 早上吃鸡蛋和水果;
  • 中午吃蔬菜沙拉和鱼;
  • 晚上吃番薯和一小碗饭;
  • 睡前喝一瓶纯牛奶。

📝(长句例外)

  • 人生第一境界:昨夜西风凋碧树。独上高楼,望尽天涯路。
  • 人生第二境界:衣带渐宽终不悔,为伊消得人憔悴。
  • 人生第三境界:众里寻他千百度。蓦然回首,那人却在,灯火阑珊处。

「直角引号」代替“蝌蚪”引号

理由

  • “蝌蚪”引号在数字世界容易渲染出错,是半角还是全角?是英文还是中文,飘忽不定。
  • 直角引号与方块字(汉字)更契合,但并未不是国标和主流排版届的共识。
  • 克制使用引号,避免句子被切得太碎。

输入

注意

  • 当引号表示讽刺、反语暗示时,使用弯引号:工作使我“快乐”。
  • 『』 为二级引号,即 「」 是最外层的引号。

Ta 们

  • 📝 虽然「他们」在表达上可以泛指男女,但在形式上给人单指男性的印象,所以我推荐使用「他(她)们 / ta 们 / Ta 们 / TA 们」泛指自己和对方以外的若干人(有男有女)
  • ✔️ 将来我们有了孩子,给他(她)取名字一定不能草率了。
  • ✔️ 将来我们有了孩子,给 Ta 取名字一定不能草率了。

其他 VS 其它

  • 其他:指人
  • 其它:指事件、物、地方等

少用斜体

西文中有两种形状倾斜的字体:Oblique type 和 Italic type,倾斜后字形也发生的变化的是「意大利体」(Italic Type),而单纯将原字体向右倾斜而没有形变的称为伪斜体(Oblique type)。中文(汉字)的斜体实际上都是单纯将字面从正方形改为平行四边形的“伪斜体”。传统排版中,汉字一般不使用斜体。电脑的普及给字体变形带来了极大方便,才将西文这一习惯延伸到中文。by 维基百科

少用下划线

下划线是打字机时代的产物。在当代,它作为 超链接(URL) 的标识,不作为强调。

风格指南

中文风格

好文章所具备的 3 个标志:

  • 文字简单清晰
  • 用词恰如其分
  • 描写精准、服务主题

用词精确

指代明确

使用代词时(比如 等词),必须明确指代的内容,保证只有一个含义。

  • ❌ 从管理系统可以监视中继系统和受其直接控制的分配系统。
  • ✔️ 从管理系统可以监视两个系统:中继系统和受中继系统直接控制的分配系统。
用对
  • 形容词+的+名词:她露出了开心的笑容。
  • 副词+地+动词:她开心地笑了。
  • 动词+得+副词:她笑得很开心。
变化程度

表示增量, 表示定量。

  • 增加到过去的两倍(过去为一,现在为二)
  • 增加了两倍(过去为一,现在为三)

不能用 降低 N 倍减少 N 倍 的表示法,要用 降低百分之几减少百分之几。因为减少(或降低)一倍表示数值原来为一百,现在等于零。

用语正式

在我看来,好的文字应该是长命的,缓释的价值越多,文字越高级。高级的文字并不着力于哗众取宠的爆发,而是有与众不同的角度和观点。我们会本能的高估短期,而低估长期,文字的价值如是,生活工作也是。by 二爷(邱岳)

少用网络流行语或谐音词,比如「蓝瘦香菇」、「吃枣药丸」、「图样图森破」等,因为多年以后,晚辈可能无法领悟这些速朽的辞藻,例如:

  • Lady Gaga 的演唱会真是酷毙了,从没看过这么给力的表演!!!

不推荐只有特定人群才了解的语词,例如:

  • 魔改(即做特殊的优化)。或者插入行话时,列出必要的解释。

此外还有:

  • 粉丝: 不要称呼喜欢我们的用户为「粉丝」,可以换成「用户」或「读者」。因为粉丝的说法显得不平等,而且很多人不喜欢这种称呼,它含有缺乏独立思考的意思。
  • 你和您:在不是很正式或没有明确的个体指代对象的时候请用「你」,如文档、博客、群发的邮件等;在指代特定个体时请用「您」,如活动邀请函等。
  • 不使用「温馨提示」一词。

表达干练

现在你看文件越来越厚,但里面包含的信息量越来越少。我们经常在我们开某一次会以后,出个什么文件,然后又组织好多人去辅导。按理说一般有文字阅读能力的人,有知识的人都应该能看明白,但事实上我们没有办法看明白,就因为这文件里包含着好多的词汇,它与它本身的含义是不一样的。by 张维迎 谈语言腐败(文字稿 | YouTube

我们崇尚精练的文风。请在检查中把对表达意思没有明显作用的字、词、句删除,在不影响表达效果的前提下把文案长度减到最短。

  • 单个句子的长度尽量保持在 20 个字以内。
  • 20 个至 29 个字的句子,可以接受。
  • 30~39 个字的句子,语义必须明确,才能接受。
  • 多于 40 个字的句子,在任何情况下都不能接受。

例如:

  • ❌ 本产品适用于从由一台服务器进行动作控制的单一节点结构到由多台服务器进行动作控制的并行处理程序结构等多种体系结构。
  • ✔️ 本产品适用于多种体系结构。无论是由一台服务器(单一节点结构),还是由多台服务器(并行处理结构)进行动作控制,均可以使用本产品。
少用形容词
  • ❌ 此设备的使用必须在接受过本公司举办的正式的设备培训的技师的指导下进行。
  • ✔️ 此设备必须在技师的指导下使用,且指导技师必须接受过由本公司举办的正式设备培训。
少用复合句

尽量使用简单句和并列句:

  • ❌ 那个昨天生病的人没有参加会议。
  • ✔️ 他昨天生病了,没有参加会议。
少用连词

连词用得过多,会影响句子的节奏和美感。

比如,清风徐来,水波不兴,这句话就暗含了因果关系,但我们写的时候,难道要写成,因为清风徐来,所以水波不兴吗?

再比如,秦末天下大乱,群雄并起,这句话也暗含了因果关系,按照中文写作的习惯,没有必要写成,由于秦末天下大乱,群雄并起。by 涵柏

少用万能动词

比如造成、进行这样的弱动词:

  • ❌ 飞机失事,造成一百多人死亡。
  • ✔️ 飞机失事,死了一百多人。

结构清晰

多用主动语态

中文的正常表达,是主语 + 动词 + 名词,要改变句式顺序,一定要有特别的原因。例如强调主语不如意或遇到出乎意料的情况。

  • ❌ 蛇把小王咬了。
  • ✔️ 小王被蛇咬了。

因为蛇和我们并不同类,很难引起我们的共鸣,把小王放在主语位置,既突出了小王的不如意,也能让读者有一种强烈的代入感。

想写一篇文章,谈快餐对中国文化的影响:

  • ❌ 中国人越来越喜欢快餐……
  • ✔️ 快餐逐渐被中国人喜欢……

因为文章主旨就是为了强调快餐。

更多的例子如下:

  • ❌ 假如此软件尚未被安装……
  • ✔️ 假如尚未安装这个软件……
  • ❌ 他被选为议长。
  • ✔️ 他当选为议长。
多用肯定句

同样一个意思,尽量使用肯定句表达,不使用否定句表达。

  • ❌ 请确认没有接通装置的电源。
  • ✔️ 请确认装置的电源已关闭。
少用双重否定句
  • ❌ 没有删除权限的用户,不能删除此文件。
  • ✔️ 用户必须拥有删除权限,才能删除此文件。

关联阅读

英文风格

复数

英文原文如果使用了复数形式,翻译成中文时,应该将其还原为单数形式。

  • 英文:⋯information stored in random access memory (RAMs)⋯
  • 中文:……存储在随机存取存储器(RAM)里的信息……

缩写

第一次出现英文词汇时,在括号中给出中文标注。此后再次出现时,直接使用英文缩写即可。

IOC(International Olympic Committee,国际奥林匹克委员会)。这样定义后,便可以直接使用「IOC」了。

译名

品牌、产品名、人名、地名等特殊名词,如果来自英文,请使用英文以避免在不同译法之间选择。

文档名称

  • 文档的文件名不得含有空格。
  • 文件名建议只使用小写字母,不使用大写字母(可以提高打字速度)。
  • 文件名包含多个单词时,单词之间建议使用半角的连字符(-)分隔。

为什么文件名要小写?by 阮一峰

文章结构

原则

  • 一个段落只表达一个主题。
    • 段首:用一个中心句点题,对全段内容进行概述。
    • 段中:为核心句服务。
    • 段尾:扣题。
  • 一个段落的长度不能超过七行,最佳段落长度小于等于四行。

标题

层级

  • 一级标题(h1):文章的标题
  • 二级标题(h2):文章主要部分的大标题
  • 三级标题(h3):二级标题下面一级的小标题
  • 四级标题(h4):三级标题下面某一方面的小标题

原则

  • 一级标题下,不能直接出现三级标题。
  • 标题要避免孤立编号(即同级标题只有一个)。
  • 下级标题不重复上一级标题的内容。
  • 谨慎使用四级标题,尽量避免出现,保持层级的简单和防止出现过于复杂的章节。如果三级标题下有并列性的内容,建议只使用项目列表(Item list)。

文章引言

文章引言非常重要。它的作用主要是用于网站首页展示和微博分享,它是为了吸引读者阅读文章而存在,它的目的是让读者能够仅通过这一小段话,就能迅速了解到这篇文章的大致内容。因此,引言实际就是文章的「内容概要」,而非文章的开头首段。

我们建议通常在写完整篇文章后,再结合内容大纲撰写引言。引言务必要讲清两个问题:

  1. 是什么?(例如:这是一款什么应用?这篇文章是讲的什么?)
  2. 为什么?(例如:这款应用之所以被推荐,是由于它有哪些特色/亮点?)

引言的语言文字务必要清晰、直观、简洁,通常字数需控制在 90 字左右。

引用规范

引用第三方内容时,应注明出处。

One man's constant is another man's variable. — Alan Perlis

如果是全篇转载,请在全文开头显著位置注明作者和出处,并链接至原文。

本文转载自 「安卓果酱」的写作规范

若文章为部分编译,则需在文末注明作者和出处。

本文部分内容编译自 Apple。

本文部分观点来自「小道消息」的微博。

如果格式不允许超链接,请以文本方式直接给出原文链接。如果原文链接太长影响美观,可以使用短链接服务。

本文转载自 WikiQuote:http://bit.ly/UlHIdN

使用外部图片时,必须在图片下方或文末标明来源。

本文部分图片来自 Wikipedia。

题图来自:《春娇与志明》截图。

参考资料

关联阅读

最后有一个不情之请:希望看到这里的读者可以帮我扩散这篇文章。因为一看到中英文之间没有空一格,我就浑身难受。所以每多一人采用这份《写作风格手册》,我就可以少加一些空格。多出来的时间,我就可以浪费在美好的事物上面了。

微信公众号排版心得

wechat

清爽的排版,能让阅读成为一种享受。

为何排版

古人对于写文章有两个基本要求:

  • 有物:就是要有内容。
  • 有序:就是要有条理。

像我这种无名作者,写的内容没有资历和名气的加持,再不好好雕琢一下,使之干净清爽、条理清晰、便于阅读,不然,读者的阅读兴趣很快就消散了。而且漂亮舒适的排版,不仅能让读者眼睛爽,还能加深对文章的理解。

如何排版

之所以「庭说」的排版被多人问津,是因为我站在巨人的肩膀上,这位巨人就是「可能吧」。当见识了这位巨人的排版之后,我多方模仿实践,终于有一天被我倒腾出来了,之后便开始了我的公众号写作之路。

阿禅在 可能吧的文章是如何排版的?(VPN required)提到:

  1. 排版不仅是锦上添花。
  2. 什么是写作规律?
  3. 为什么我不用任何微信排版器?
  4. 可能吧的文章是如何排版的?
  5. 别依赖模板式教程。

「可能吧」采用的是代码级排版,需要花几天时间学习 HTML、CSS、Python 等的基础语法。而我懒,就取巧借助了第三方排版编辑器:秀米。浏览器是 Chrome,兼容性好,复制、粘贴和同步都不容易出错。

留白的艺术

请在页面周围大方地留点空间,减少文字太满产生的压迫感,既可以让读者的视线在字里行间游刃有余,又可以让眼球有地方休息。

  • 如果一行文字过长,视线移动距离太长,很难让人注意到段落起点和终点,阅读比较困难
  • 如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。

因此我们可以让内容区的每一行承载合适的字数,来提高易读性和舒适性。秀米相关设置如下:

  • 基础字号(正文字体):14。显得比较秀气。
  • 行间距:1.7 倍。行与行之间,就像恋人一样需要适宜的空间,不然会喘不过气来。
  • 字间距:2 像素。增大字距,可以让文本更加整洁、易读。
  • 页边距:30 像素。在「i 排版」中,这个功能叫缩进。

对了,千万不要首行缩进,那是纸媒留下来的排版习惯了。参差不齐的字块,宛如缺牙狗啃出来的一样。

调教的学问

常言道:「少则得,多则惑,色不过三」,切记全文不要超过三种颜色。如果你难以驾驭配色这门学问,黑白灰的性冷淡风格是比较保险的百搭。但是,纯黑的字体有些刺眼,可以换成温和的灰色,也不容易引起阅读疲劳。

  • 标题:先来一段 50 度灰 RGB(50,50,50)
  • 正文:再配上一瓶 82 年的拉灰 RGB (82,82,82)
  • 点缀:不免单调,可以从头像或 Logo 中提取一个主题色,作为装饰。

配色确定了,再调教一下字号:

  • 标题字体:18 号。为了醒目,加粗更佳。
  • 正文字体:14 号。文艺青年都喜欢这么干。

至此,排版已经搞定 7788 了。

空格的妙用

有一个设计圈的笑话:打字的时候不喜欢在中文和英文之间加空格的人,感情路都走得很辛苦。 有七成的比例会在 34 岁的时候跟自己不爱的人结婚,而其余三成的人最后只能把遗产留给自己的猫。毕竟爱情跟书写都需要适时地留白。

中文和英文之间需要增加空格
✔:by 一朵遗世独立的小奇葩
❌:by一朵遗世独立的小奇葩

中文和数字之间需要增加空格
✔:懂一点污 78 嘿的小知识
❌:懂一点污78嘿的小知识

更多关于空格的艺术,请参阅 文案风格及排版指南

回归写作

「庭说」的公众号就是花了太多时间在排版上了。为了实现层级缩进的效果,不惜在秀米排版器中里三层,外三层地套用了六个布局模板,这种排版终究还是太费神费时了。

更高效的排版方法,非 Markdown 所属。这是一种轻量级的「标记语言」,几分钟就可以学会,省出来的时间,就可以专注于打磨文字。教程请参阅 Markdown 入门教程及书写风格指南

用 Markdown 写好之后,把文章复制到以下其中一个转换器:

一篇结构清晰,页面美观的佳作就诞生了。

❌