文字排版中的设计四原则(一)

筅森魡賤 提交于 2019-12-19 19:07:11

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

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

 

1.对比

 

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

 

标题与正文的对比

 

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

文字颜色对比

 

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

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

 

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

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

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

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

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!