设计师之路(4)
网页作坊
导航字体:宋体与黑体
对网站设计稍有常识的人,都应该了解页面的导航部分是网页设计成败的关键点之一。首先分析一下导航设计的组成:导航信息,即文字部分;装饰图片图标,或动态效果;必要的技术因素;与页面占用空间关联的导航位置;与网站整体风格相关的导航特色等方面。
对于导航部分来说,什么是最重要的呢?本文就针对导航信息的字体选择,以及导航设计其他方面做一些说明。
宋体 清晰易辨
为了让导航文字更加清晰,与框架式的页面排版更加协调,设计者们大都采用宋体12px,以像素效果呈现的方式设计导航文字。在Photoshop中选择字体的操作界面如图1。

这的确是个很好的方式,前几年,动画视觉效果较少,网页设计的发展规律就是在框架和导航的协调性上下很多功夫,以承载信息的多少和是否容易阅读来判断网页设计的优劣。
建议:对于像素式的中文字体,不管笔画有多复杂,经过装饰加工后,也会容易辨别。在今后的网站设计创作里,可以沿用这种设计、制作方式。只是为了有所突破,用于导航设计时,适当在装饰效果上多下点功夫,给宋体增加美化效果。
黑体 稳重大气
随着Flash技术在网站建设方面的广泛应用,大企业、娱乐类、个人主页等各种类型的网站都在大量启用Flash导航条的创意设计,这时,像素式的12 px宋体就不再那么好看了,它的清晰辨认特色反而使动态效果看起来不太协调,笔画的分离显得文字很单薄,文字与背景解离。
为什么会形成这种情况呢?我们必须对它加以分析才能举一反三。导航的意义就是阅读功能,如果我们看不清楚导航文字,导航就失去了作用。而美观功能应该在易阅读的作用之后。Flash导航在整个页面占用面积一般都比较大,动态美化效果抢去了大部分的注意力,同时略微纤细的宋体影响了大局,造成了审美心理上的不协调。
建议:采用黑体、方正大黑体等粗体有分量感的字体,配合Flash效果才能够感觉到厚实、稳重、大气。韩国网站的导航设计大多数都是复杂的Flash效果,他们绝大多数都采用了黑体,可以吸取他们有益的方面,如图2、3所示。


网站彩色效果图可在http://www.relen.com找到。