购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.3 排版技巧

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

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

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

2.3.1 推荐的排版样式

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

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

2.3.2 排版样式对比

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

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

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

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

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

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

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

2.3.3 关于空格

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

1.一些需要加空格的情况

· 英文标点符号(如,.;:?)与后面的字符之间需要加空格,与前面的字符之间不需要加空格。

正确: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

正确:抹掉所有内容和设置的操作步骤: 设置 > 通用 > 还原 > 抹掉所有内容和设置

错误:抹掉所有内容和设置的操作步骤:设置>通用>还原>抹掉所有内容和设置

2.不加空格的情况

· 中文标点符号和数字、中文、英文之间不需要添加空格。

正确: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

2.3.4 全角和半角

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

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

半角:英文标点符号和数字是半角,占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。

2.3.5 正确的英文大小写

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

例如:

错误的写法:IPhone7、MacOS

正确的写法:iPhone 7、macOS

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

正确:macOS、iPhone、iPad Pro、Macbook Pro、iOS、GitHub jWB7d5QKfXrHTZJYlf9igh7XcmHW0UN/wnWLYJCzeJVnE7ogwUAuN6xg3+KMFJXB

点击中间区域
呼出菜单
上一章
目录
下一章
×