文字是传递信息的重要媒介,如何选择字体样式、笔画粗细、字号与颜色等是网页文字设计的重要部分。优秀的网页文字设计和排版不仅能够准确地传达设计者的意图/而且还能使浏览者在阅读时更加轻松。

  1.字体选——笔画粗细

  笔画较粗的字体能够传递力量感,更易识别,而笔画较细的字体会更有文艺气息,更加美观。网页美工设计者在选择字体/设置笔画粗细时应考虑产品特点和网站风格。图4-4所示Banner的字体以笔画较细的宋体为基础,经艺术化处理后,凸显产品的文艺气息和品质感,呼应“职场”“新品格”的主题。

  Banner的主题是“运动”“力量”,设计师根据主题选用了笔画较粗的ArialBlack字体,通过颜色变换、图文层叠的方式将文字与主体进行关联,图文结合,充分体现了主题的特点。

  2.字号大小

  设置字号时应考虑文字在网页中的阅读性和美观性。大号文字能起到强调、突出的作用:一般用于标题文字;甚至可根据需要将字号无限放大,让文字充当背景。小号文字则适合用于正文或辅助信息。

  (1)中文字号中文字的结构复杂且风格多变,当文字作为网页中的正文或辅助信息时通常在10像素以下便难以识别,一般需要达到12像素才能体现出不错的效果。为了兼具阅读性和美观性,网页中正文常用的中文字号为10〜14像素。

  (2)英文字号。英文字母简洁,无复杂结构,因此在可阅读的前提下,无论大小,都能显得简洁、清晰。常用的英文正文或辅助信息字号可设置为9〜13像素感,容易发生串行的情况,因此,无论横排还是竖排文字,字距都应小于行距,否则会使文字内容失去延续性,造成阅读方向错误。

      莱芜网站建设:当文字用于艺术欣赏、广告宣传等时,文字的不同间距会产生截然不同的艺术效果。图4-8(a)是加大文案字距和行距的Banner,给人清新、舒展、时尚的感觉。则是紧缩文字间距的Banner,给人压迫、力量的感觉。该Banner的创意在于将间距较小的文字形成一面墙,从而既生动地突出了广告主题/又传达了广告的主要信息。

  3.间距大小

  间距包括字距与行距2个方面,它们能影响浏览者的视觉体验和心理感受。字距与行距的比例会影响浏览者视线的移动。在设置正文的文字参数时,若字距大于行距,浏览者会在阅读时产生疲劳。

  4.文字颜色

  文字颜色能起到视觉导向作用,甚至通过颜色就能使浏览者区分信息的主次。虽然可以为网页文字设置多种颜色,但黑色和白色始终是使用最广泛的颜色,特别是在正文文字部分。而广告中的标题、关键词则可灵活处理。常用的文字颜色选择方法分别是从网站Logo中提取颜色,选择贴近主题的颜色,从产品中提取颜色。