中文

衬线体
更像是手写体, 相同字号下字体更小、更传统, 优雅适用于印刷品, 文字阅读
代表风格:文艺、艺术
无衬线体
更多的适用于电子屏幕显示
代表风格:现代风、简约、科技风(此类多为特效字体)
书法字体
特点:中国特有的字体
风格:古典、中国风、怀旧
卡通字体
特点:多用户活泼可爱场景
风格:可爱风、动漫风
粗体
特点:稳重
风格:适用于多种正规场合
细体
特点:适用于高端、文艺场合
风格:优雅、高端、轻柔

相同颜色的背景和文字是很难阅读的。但有些人不知道的是,带有过强对比度的文本会有些炫目,同样难以阅读。这一点在深色背景下尤其明显。要获得良好的辨识度,文本应当满足一个最低的对比度,也就是4.5:1(依据明度计算)。7:1的对比度是最适合阅读的。

创建页面标题时,应注意:一个视觉层次应通过利用空间,大小,颜色,文字样式等元素来创建,使其变得易读。哪怕站在离屏幕3-5英尺远的地方,应该是可见的。如果使用得当,大号字会让应用显得更加有趣、容易辨别布局,并帮助用户快速理解内容。

每行长度包含的字符

可读性和行长度参考了来自Baymard Institute的建议:“要得到良好的阅读效果,每行应当包含60个字符左右。每行所包含的字符数量是决定阅读舒适度的关键因素。”“过宽:如果每行文本过多,用户的眼睛将难以找到在文本上对焦。这是因为过长的文字导致用户难以判断一行的起始点,甚至在大段文字中出现读错行的现象。”“过窄:如果每行文本过少,会导致眼睛来回扫视过于频繁,破坏阅读的节奏。过短的内容还会给人压力,导致用户完成本行阅读前过早跳转到下一行阅读(因此会错过潜在的重要信息)。”
保持每个小标题靠近它的第一个子段落。
用更精辟的标题更快速,清晰地传达思想。

正如博客中的段落设计向我们展示的,行高必须足够大,这样连接的下一行才不会让人觉得过剩,同时也不会太拥挤。


英文

英文文字大致分成三类,衬线体,无衬线体和其他字体(哥特体,手写体和装饰体),前两种用的比较多。

衬线体的历史比较悠久,适合用于表达传统,典雅,高贵,距离感。

无衬线体相对衬线体更加亲和,现代。

字体搭配总体的原则是:一致性+对比性。一致性指的是选择调和情绪一致的字体。比如现代罗马体搭配几何无衬线体,古典罗马体搭配年代比较久远的无衬线体。字体的情绪表达需要统一,严肃的字体并不适合搭配随意的字体。对比性是指字体之间要有较明显的差异,不能感觉很像,分不开差异,比如对个别要强调的字体进行加粗,突出显示。