



有句话叫“ 听过很多道理,却依然过不好这一生 ”,同样,看过很多文章,却还是不知道怎么排版才好看。其实好的排版就是好的设计,而设计总会遵循一定的规则,当没有人明确告诉我们什么是好的设计时,参考最通用、最流行的做法总是没错的,毕竟能被大众所接受,就是最好的证明。
接下来我们参考苹果官网的文字排版样式,一起来探究文字排版的套路。
注意: 下文所说的正确和错误可以理解为推荐和不推荐。
下面有两个比较好的排版示例,注意观察它们是如何使用段落、数字、英文和标点符号的。
如下图所示,左图是受关注比较多的技术公众号“谷歌开发者”的版面,右图是付费学习平台“得到”的版面。
没有比较可能感受不是很明显,那我们就来比较一下“没有套路”和“有套路”的排版。
常见的没有套路的排版,如下图所示(图中文字摘自苹果官网,但样式进行了大量改动)。
先直观感受一下有什么不对劲的地方。是不是感觉有点拥挤?是不是感觉层次不够清晰?
如果没什么感觉,说明你平时可能也是这样的风格,当然,我以前也是。不过当你学会一些排版的套路以后,再来看这样的排版就会觉得很别扭。
好的排版应该是什么样子呢?同样的文字,我们再来看看“有套路”的排版(苹果官网的排版)。
再感受一下,是不是看着舒服多了?改了什么呢?有什么规则呢?
接下来我们就讲讲这些排版的小技巧。
建议中文和英文之间加空格,中文/英文和数字之间也要加空格,不过有些编辑器和输入法(如百度输入法)会自动添加空隙,我们就没必要手动添加了,大家在使用时请多注意。
· 英文标点符号(如,.;:?)与后面的字符之间需要加空格,与前面的字符之间不需要加空格。
正确:More ways to shop: Visit an Apple Store, call 1-800-MY-APPLE, or find a reseller
错误:More ways to shop:Visit an Apple Store,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 in Settings> General>Reset >Erase all Content and Settings
正确:抹掉所有内容和设置的操作步骤: 设置 > 通用 > 还原 > 抹掉所有内容和设置
错误:抹掉所有内容和设置的操作步骤:设置>通用>还原>抹掉所有内容和设置
· 中文标点符号和数字、中文、英文之间不需要添加空格。
正确:MacBook Pro(15英寸,2016年年末)
错误:MacBook Pro (15英寸,2016 年年末)
· 数字和百分号之间不需要添加空格。
正确:集成图形处理器速度可比前代机型最高提升103%之多
错误:集成图形处理器速度可比前代机型最高提升103 %之多
· 数字和单位符号之间不需要添加空格。
正确:顺序读取速度最高可达3.1GB/s,15英寸机型首次提供2TB容量的固态硬盘配置
错误:顺序读取速度最高可达3.1 GB/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 a service price of $149
错误:Apple will repair your device for a service price of $ 149
· 负号后不加空格。
正确:3-5=-2
错误:3- 5=- 2
对于很多人来说,全角符号和半角符号可能是最熟悉的陌生人,虽然它们随处可见,但大部分人都没用对。
全角:中文标点符号是全角,占两个字节。
半角:英文标点符号和数字是半角,占1个字节。
全角:,。;:!#
半角:,.;:!#
· 在中文排版中,要使用全角标点符号。
正确:怒发冲冠,凭栏处,潇潇雨歇。
错误:怒发冲冠,凭栏处,潇潇雨歇.
· 在英文排版中,要使用半角标点符号。
正确:Get support by phone,chat,or email,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