文字排版中的设计四原则（一）

四项基本设计原理，对比、重复、对齐、亲密性被设计师广泛应用。它们在网页设计中对文字的排版也经常用到。

1.对比

我们将对比分为三类，有标题和正文中的字体、字号对比，文字颜色的对比，以及文字颜色与背景颜色的对比。

标题与正文的对比

在下面网站案例页面中，标题使用18px的微软雅黑，正文使用12px的宋体，两种字体和字号的对比让文字内容富有层次，能吸引读者眼球。



文字颜色对比

在下图中，有一部分文字采用了与正文文字不同的另一种颜色，这种对比是增加视觉效果的有效途径之一，突出展示该段落的重点。



文字颜色与背景颜色的对比

这是一种常用的排版方式，正文与背景合适的颜色对比，不仅可以提高文字的清晰度，并且可以产生强烈的视觉效果。

比如在下图中，白色的背景、红色的标题、黑色的正文这三者之间的对比，还有黑色背景与白色文字对比的应用，将文字内容清晰衬托出来，既有丰富的层次感，同时具有很强的突出效果与视觉冲击力。





不过设计师在使用对比时需要注意，要确保文字是清晰的，如果文字太小或比较纤细或色彩的对比度不够的话，这样会适得其反，举个例子：



如果对色彩的对比度还不够熟练的设计师，可以通过颜色对比检测工具（如Check My Colours、Colour Contrast Check）检测色差和亮度差，确保网页的易读性。