看了让人极度舒适的Markdown文章

2020-06-10 16:27:21 浏览数 (1)

有句话叫“听过很多道理,却依然过不好这一生”,同样,看过很多文章,却还是不知道怎么排版才好看。其实好的排版就是好的设计,而设计总会遵循一定的规则,当没有人明确告诉我们什么是好的设计时,参考最通用、最流行的做法总是没错的,毕竟能被大众所接受,就是最好的证明。


接下来我们参考苹果官网的文字排版样式,一起来探究文字排版的套路。

注意:下文所说的正确和错误可以理解为推荐和不推荐。

推荐的排版样式

下面有两个比较好的排版示例,注意观察它们是如何使用段落、数字、英文和标点符号的。

如下图所示,左图是受关注比较多的技术公众号“谷歌开发者”的版面,右图是付费学习平台“得到”的版面。

排版样式对比

没有比较可能感受不是很明显,那我们就来比较一下“没有套路”和“有套路”的排版。

常见的没有套路的排版,如下图所示(图中文字摘自苹果官网,但样式进行了大量改动)。

先直观感受一下有什么不对劲的地方。是不是感觉有点拥挤?是不是感觉层次不够清晰?

如果没什么感觉,说明你平时可能也是这样的风格,当然,我以前也是。不过当你学会一些排版的套路以后,再来看这样的排版就会觉得很别扭。

好的排版应该是什么样子呢?同样的文字,我们再来看看“有套路”的排版(苹果官网的排版)。

再感受一下,是不是看着舒服多了?改了什么呢?有什么规则呢?

接下来我们就讲讲这些排版的小技巧。

关于空格

建议中文和英文之间加空格,中文/英文和数字之间也要加空格,不过有些编辑器和输入法(如百度输入法)会自动添加空隙,我们就没必要手动添加了,大家在使用时请多注意。

一些需要加空格的情况

  • 英文标点符号(如, . ; : ?)与后面的字符之间需要加空格,与前面的字符之间不需要加空格。 正确:More ways to shop: Visit an AppleStore, call 1-800-MY-APPLE, or find a reseller 错误:More ways to shop:Visit an AppleStore,call 1-800-MY-APPLE,or find a reseller
  • 当在中文、英文中使用>(半角)标识路径时,两边都需要加空格。 错误:抹掉所有内容和设置的操作步骤:设置>通用>还原>抹掉所有内容和设置 正确:Erase data and settings in Settings > General > Reset >Erase all Content and Settings 错误:Erase data and settings inSettings> General>Reset >Erase all Content and Settings 正确:抹掉所有内容和设置的操作步骤:设置 > 通用 > 还原> 抹掉所有内容和设置

不加空格的情况

  • 中文标点符号和数字、中文、英文之间不需要添加空格。 正确:MacBook Pro(15英寸,2016年年末) 错误:MacBook Pro ( 15英寸,2016 年年末 )
  • 数字和百分号之间不需要添加空格。 正确:集成图形处理器速度可比前代机型最高提升103%之多 错误:集成图形处理器速度可比前代机型最高提升103 %之多
  • 数字和单位符号之间不需要添加空格。 正确:顺序读取速度最高可达3.1GB/s,15英寸机型首次提供2TB容量的固态硬盘配置 错误:顺序读取速度最高可达3.1GB/s,15英寸机型首次提供2 TB容量的固态硬盘配置 正确:配备4MB共享三级缓存 错误:配备4 MB共享三级缓存
  • 英文和数字组合成的名字之间不需要添加空格。 正确:双核Intel Core i7处理器 错误:双核Intel Core i 7处理器 正确:iPhone 6s Plus现有深空灰、银、金和玫瑰金四种颜色,配备A9芯片、3D Touch 错误:iPhone 6 s Plus现有深空灰、银、金和玫瑰金四种颜色,配备A 9芯片、3 D Touch
  • 当/(半角)表示“或”、“路径”时,与前后的字符之间均不加空格。 正确:/Volumes/warehouse/README.md 正确:小明精通“Python/Java/Go/Swift”的Hello Word打印语法
  • 货币符号后不加空格。正确:Apple will repair your device for aservice price of 149错误:Apple will repair your device for aservice price of 149
  • 负号后不加空格。 正确:3 - 5 = -2 错误:3 - 5 = - 2

全角和半角

对于很多人来说,全角符号和半角符号可能是最熟悉的陌生人,虽然它们随处可见,但大部分人都没用对。

全角:中文标点符号是全角,占两个字节。

半角:英文标点符号和数字是半角,占1个字节。

全角:, 。;:!#

半角:, . ; : ! #

  • 在中文排版中,要使用全角标点符号。 正确:怒发冲冠,凭栏处,潇潇雨歇。 错误:怒发冲冠,凭栏处,潇潇雨歇.
  • 在英文排版中,要使用半角标点符号。 正确:Get support by phone, chat, oremail, set up a repair, or make a Genius Bar appointment. 错误:Get support by phone, chat, or email, set up a repair, or make a Genius Bar appointment。

正确的英文大小写

很多人在文章、邮件甚至简历中,会把专有名词写错,虽然这并不会影响人们对内容的理解,但有时的确会让人觉得你不太“专业”。例如——

错误的写法:IPhone7、MacOS

正确的写法:iPhone 7、macOS

专有名词要使用正确的大小写,请参考它们的官方文档。

正确:macOS、iPhone、iPad Pro、Macbook Pro、iOS、GitHub

本文选自《了不起的Markdown》。之所以越来越多人将写作环境迁移到Markdown,是因为使用它可以真正享受「一处编写,随处使用」的便捷。如果你经常需要写文档,而你又比较「懒」,既不想花太多时间在排版上,又希望版面好看,那用Markdown会让你神清气爽。本文左下角阅读原文可以一键开启「禅模式」,让你瞬间入定,完全沉浸于写作、思考。「心中无尘,码字入神」的境界,你值得拥有!

0 人点赞