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

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

 

1.对比

 

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

 

标题与正文的对比

 

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

文字颜色对比

 

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

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

 

这是一种经常使用的排版方式，正文与背景合适的颜色对比，不只能够提升文字的清晰度，而且能够产生强烈的视觉效果。

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

不过设计师在使用对比时须要注意，要确保文字是清晰的，若是文字过小或比较纤细或色彩的对比度不够的话，这样会拔苗助长，举个例子：

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