写给大家看的设计书——字体

字体基本规则

排版简单规则(英文)

  • 标点后面有一个空格
  • 引号使用形似两个6和两个9的双引号 “”
  • 美式英语中,逗号和句号总是出现在引号内,问号和感叹号则联系上下文确定
  • 撇号应该使用形似9的单引号
  • 连字符 - 和一字号 并不一样,连字符用于连接词语或断行 odd-looking ,一字号可以用于连接日期 7:30–9:30 p.m.
  • 不要轻易使用全大写
  • 永远不要使用默认那种下划线
  • 调整合适的字间距,字间距能够创造出字间空格视觉上的连贯性
  • 不要在最后一行只留下一个单词,如果不行,调整你的文案吧
  • 跟随在有样式后的文字后的标点也应该有相同的样式
  • 首段不需要缩进,人人都知道这是新的一段
  • 要么选择段落缩进,要么选择段落间空一行,不要同时使用

更多规则,可以看看这里

大小写

大写字母并不容易阅读,因为我们辨识单词不仅依靠字母的组合,还通过文字的形状。当一组文字全部大写之后,文字的形状变成了长方形,无法帮助辨识,于是只能一个个拼写单词。所以一定要找到大写字母适用的地方再谨慎使用。

怎么使用各种字体

字体的种类

  • 旧式体(衬线字体)

    旧式体是基于手写体创建的衬线字体,有一条对角强调线。这种字体几乎没有什么显著的特征会影响阅读,他们本身不会分散人的注意力,因此是显示大量文字的最佳选择。

  • 现代体(衬线)

    现代体就像一座钢铁大桥,结构严谨,笔画中带有强烈的粗细过度,因为不存在笔的倾斜,所以强调线是完全垂直的。现代体看起来给人一种冷酷高雅的感觉,由于现代体外观很醒目,特别是设置为大号字体时给人一种震撼的感觉,因此不适合用来显示大量文本。

  • 粗衬线体 Slab serif

    粗衬线体是粗细过度很小甚至没有的衬线字体。这种字体粗细均匀,可以提供很好的可读性,因此也很适合显示大量文本,但是这种字体会使页面更暗。

  • 无衬线体 Sans serif

    无衬线体是笔划末端没有衬线的字体,这种字体粗细几乎一样,没有明显的粗细过度。无衬线字体大多提供各种粗细的字体,引入这样一个很粗很黑的无衬线字体,有时能带来非常好的效果。

  • 手写体 Script

    手写体是看上去用书法笔或书法刷手写的一类字体。手写体就像蛋糕,要少用才不会让人觉得恶心。绝不能将大量文字设为手写体,而且不可全设为大写。手写体设置得很大时能让人印象深刻,可以这么做。

  • 花体 Decorative

    花体非常有趣和特别,很易于使用,在想表达任何突发奇想都可以使用这种字体,但是不要乱用。花体可以传达情绪,选择适合的花体很重要。

字体的搭配

字体是搭建页面最主要的模块。在页面中如果只使用了一种字体,会给人以协调的感觉,但通常,协调也意味着无聊乏味。那如果设置了多种字体,这些字体属于同一种类或者字体较为类似,就会给人造成**冲突,**这种冲突需要竭力避免。

在设计原则中我们有很重要的一条——对比。在字体选择中选择强烈的字体对比是最简单、最有效的选择。强烈的对比能够吸引我们的注意,选择你希望让人们关注的信息,大胆选择一种强烈对比的字体吧。

字体的对比又可以分为以下几类:

  • 大小

    字体大小的对比一定要显著,绝对不要保守。另外大小的对比不仅是两种字号的对比,也可以是空间大小的对比,比如说在一张空白的纸上只放一行小字也是大小的对比。

  • 粗细

    粗细对比是增强视觉效果的有效方法,而且粗细对比对信息的组织也很有帮助。比如将二级标题设置得比正文更粗一些。另外,在大量正文的时候,可以使用粗体文字标注一些关键字句,这样才能把读者吸引过来。

  • 结构

    不要使用那些有类似结构的字体,要使用有显著不同结构的字体。

  • 形状

    字母的形状指的是它的外形,罗马体和斜体是一种形状的对比,大小写也是形状的对比。另外所有的手写体和斜体都有一种倾斜或者飘逸的形状。

  • 方向

    字体方向是很直观的,只有当你有充足理由时才应该设置文字方向。**另外,千万不要在角落里放置有角度的字体。**但是,有时候文本方向的对比能够产生一种有趣的视觉对比,比如水平文本与垂直文本的对比,比如字体方向与页面布局的对比,在这些情况下,可以结合线条、图片、对齐来强化方向或形成方向反差。

  • 颜色

    颜色对比显而易见。不过暖色是前进型颜色,会吸引注意力,只需要一点点暖色就能产生对比。冷色则是远离型颜色,总是在我们的视线中后退,即使区域中有大面积冷色你也不一定能够注意到。另外,文本的间距,字体的粗细也能产生颜色效果。