07

11月

2011

设计小技巧:显示风格设计

字体设置

今天,我们的设计师要告诉你一个新的设计小技巧!想象一下,你来到一个网站,它有着黑色的背景和灰色的字体,你几乎很难看清文字的内容。或许这些内容写得很棒很有趣,但你依旧会很快离开。为了防止出现这样的情况,你需要关注一下网站的文字设计!

 

相反的颜色

你应该始终确保文字的颜色从背景中凸显出来。例如,绿色的字体在红色的背景上是绝对行不通的!

 

字体设置2

文字后应该有个更加柔和的背景色。如果文字与背景之间有更加协调的对比,那阅读这些文字时会有更愉快的心情。

 

要是你对色彩的选择不是很确定,你可以访问kuler.adobe.com寻找灵感。

 

字体设置3

 

 

 

字体大小和行间距

在右侧编辑栏的显示风格选项中,字体设置选项可以指定文本外观。

 

字体设置

当选择字体大小时,你应该记住,有些用户的视力不太好,因此你不应该使用太小的字体。行间距通常为120%,但你可以把它调整到140%或更大,这样文本之间会有更多空间,易于阅读。

 

小提示:不同于在纸张上写文章,网站上没有什么限制。网站上的文本可以不断往下延伸并且没有任何缺点或花费。

 

 

标题

标题的目的是引出文章并且简洁地描述内容。大的标题更能吸引人们的注意力,所以尽量不用使用太小的字体作为标题。

 

小提示:使用CSS代码你可以调整标题2和标题3字母之间的大小,你可以使用下面这段代码:

<style type="text/css">

h1,h2,h3 {
letter-spacing:-1px ;
}

h2,h3 {
margin-top:20px ;
}

</style>

 

标题大小

 

 

 

0

撰写评论

评论: 2