简洁不等于简单:简洁的Web页面设计风格(2)

http://www.itjxue.com  2015-08-07 20:48  来源:未知  点击次数: 

良好的文字排印

良好的文字排印方案往往可以对简洁风格的页面设计起到事半功倍的推进作用。

对字体数量的限制是这其中的一个关键因素。如果在同一套设计方案当中运用了过多的字体,它们彼此之间就会产生视觉上的竞争与冲突,这无疑会使页面变得凌乱不堪,用户的阅读连贯性也会受到极大的破坏。

看看那些设计优秀的网站,你会发现它们通常只会用到一到两种字体,并在此基础上通过不同的字号、字色、粗细、间距等属性来体现出内容的层次结构。

在这方面,纽约时报(The New York Times)与The Mavenist都是不错的例子。

clean-web-design-elements-tips-new-york-times

clean-web-design-elements-tips-The-Mavenist

这两个站点用到的字体都不超过两种,但它们的设计方案都比较充分地利用了字体各方面的属性特质,使得整个页面当中的信息层次非常鲜明。

除了字体以外,行间距(line-height)也是文字排印方案当中的一个关键性因素。使行与行之间保持足够的空间,文字段落就能变得更加易读,当用户阅读到一行文字的末尾时,也可以很轻松的将目光转向下一行开头的位置。我们可以在样式表当中通过 line-height属性对行间距进行调整。

此外,对于每一行当中的文字来说,字间距(letter-spacing)也是我们需要考虑到的细节问题。合理的字间距可以为文字带来更好的呼吸感。

关于文字排印,也有些不错的文章(英文)推荐一看:

A Basic Look at Typography in Web Design

CSS Typography: The Basics

CSS Typography: Techniques and Best Practices

CSS Typography: Examples and Tools

(责任编辑:IT教学网)

更多