网络编程
位置:首页>> 网络编程>> 网页设计>> 深底色页面设计指南[译](4)

深底色页面设计指南[译](4)

作者:西乔 来源:前端观察 发布时间:2009-08-06 18:16:00 

标签:设计,页面风格,文字,颜色

如何选用字体

字体在设计中扮演着重要的角色,在深底色设计中我们应该更谨慎地考虑字体的选用。 下图中示范了在深色背景中14号无衬线字体和衬线字体的显示效果。

(译注:衬线:例如右边Serif的“S”字母曲线两端的小笔画,那就是衬线。中文中的衬线字体是宋体,无衬线字体是黑体。衬线字体除了有笔画顶端的装饰笔画,线条有明显的粗细变化。而无衬线字体往往笔画是粗细是一致的,或变化非常不明显。)

无衬线字体可读性更强, 但许多设计师仍然选用衬线字体来表现设计中优雅的部分。其中的诀窍是仅在大字号文本上选用衬线字体,大字号的衬线字体会带来更多额外的空白,从而令每个字母都显得非常清晰。

下图的案例中, 衬线字体和无衬线字体的使用形成了优美的搭配。

在大字号的文本(如标题,导航和页面头部)上使用衬线字体,可令设计倍增优雅。 在正文部分使用了简洁的无衬线字体,又提高可读性和对比度。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com