文字字号
标题:16px - 20px
正文:14px - 16px
注释:10px - 14px
根据内容设计上的「对比」和「重复」的原则,标题、正文、注释应该有层级大小的区别。
字体颜色
文章排版整体的颜色尽量不要超过三种,当然你也可以大胆打破这种局限,前提是你要清楚知道何时这么做。任何时候不要使用斜体,这在数字屏幕上很不美观,会失去界面原有的结构美感。
常用的配色:
标题:#c00000、#ab1942、#0070c0、#3f3f3f
正文:#3f3f3f、#595959、#7f7f7f
注释:#888888、#a5a5a5
突出:#c00000、#ab1942、#0070c0
对齐方式
两端对齐
这种对齐在英文排版上应该是要极力避免的,除非行足够长,能够避免单词之间出现难看的空隙。不过,在公众号中这种对齐方式可以实现文章的规整,视觉效果是最棒的,推荐使用。
居中对齐
比较适合一些较短的文章,资讯和娱乐性质的内容,一行字不要太多,尽量不要断行。
间距
字间距
一般来说,文章的字号小的话,字间距相对就越大,使得文字易于识别,但是字间距过大又会导致文章信息传递的速度降低。一般建议 0.5——1.5 的间距。
行间距
行间距为 1.0,太过拥挤。过于密集的行距会让读者的视线在换行时产生困扰,影响阅读体验。所以,我们大多选择 1.5 或者 1.75 行间距,当文字很少则可以设置为 2 倍。
段间距
段落之间的间隔,应当比行间距更大,以使文章更有层次感。段距可以直接用回车换行,也可以设置段间距。推荐段间距:段前距为 15,段后距为 15效果可能更好一点。另外,段落最长不要超过一屏。尽量控制在 4 行左右。由于每行本身文字不多且首行缩进是用在中文书籍中用于辨别分段情况,所以尽量不要使用首行缩进。注意:文章字体越小,行间距就应该越大,确保字与行之间呼吸的空间。
两端留白
在两侧留白,是内容居于视觉的核心区域,可以让文章看起来既干净又具有凝聚力,读起来更轻松。
排版规范
在两侧留白,是内容居于视觉的核心区域,可以让文章看起来既干净又具有凝聚力,读起来更轻松。
中英文之间需要加空格
示例:Sketch 作图是个技术活。
中文与数据之间需要加空格
示例:你的生日是 8 月 29 日。
专有名词使用特定大小写
示例:据说新 MacBook 要出来了。
对于完整的英语句子,则使用半角标点
示例:我最喜欢的英文名言是「Less is more.」
另外字体的选择上,考虑到不同设备的适配,就选「微软雅黑」吧。
规范即是美,设计时请遵循以下四大原则: