网页文字设计

时间：2023-10-07 03:42:01 | 来源：网站运营

时间：2023-10-07 03:42:01 来源：网站运营

网页文字设计：文字不仅是网站信息传递的重要载体，也是网页中必不可少的视觉符号，因此，网页文字的设计不仅影响网页的信息传播效果，而且直接影响页面的视觉美感。

认识字体

字体是指文字的风格特征。使用不同字体的文字，其笔画粗细、结构、形态等都不同。在计算机中，字体主要分为中文字体和西文字体两种类型。其中，中文字体包括宋体、黑体、仿宋体等；西文字体包括Times New Roman、Arial Black等。除书法体外，无论哪种字体，都是由衬线体和非衬线体演化而成的。

1．衬线体

衬线体在笔画始末的地方有额外的装饰，且粗细会因笔画的不同而有所区别。此外，衬线体强调笔画的走势及前后联系，从而使前后文有更好的连续性，适合作为正文字体。

宋体与Garamond字体分别是最具代表性的中文和西文衬线体。宋体具有字形方正、横细竖粗、撇如刀、捺如扫、点如瓜子等特点。宋体是通用的印刷体，用大号字时公正肃穆，不失变化，用小号字时清秀典雅，便于识别。Garamond兼具美观性和易读性，被誉为“衬线之王”，适合用于长时间阅读的文字，西方文学著作常用Garamond字体作为正文。如图所示为宋体和Garamond字体的对比。

2．非衬线体

非衬线体笔划粗细基本一致，适合用作标题之类需要醒目地方。通常书籍、文档的正文内容很少用非衬线体，而设计作品的正文内容有时会使用非衬线体。

黑体与Arial字体分别是典型的中文和西文非衬线字体。黑体也称等线体，包括雅黑、美黑、仿黑等，具有横竖粗细一致、方头方尾的特点，文字浑厚有力、朴素大方。Arial字体是西文中常用的无衬线体，其字形干净、清晰，易于辨认。如图所示为黑体与Arial字体的对比。

无论是衬线体还是非衬线体，字体都是具有性格的，不同字体的性格存在鲜明的区别。网页美工设计师应根据网站风格、产品特点选择合适的字体。如图所示的文字中选择分别适合“男人”和“女人”的2种字体并简述原因

网页文字字体设计

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

1．字体选择——笔画粗细

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

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

2．字号大小

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

（1）中文字号

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

（2）英文字号

英文字母简洁，无复杂结构，因此在可阅读的前提下，无论大小，都能显得简洁、清晰。常用的英文正文或辅助信息字号可设置为9～13像素，如图所示。

3．间距大小

间距包括字距与行距2个方面，它们能影响浏览者的视觉体验和心理感受。

字距与行距的比例会影响浏览者视线的移动。在设置正文的文字参数时，若字距大于行距，浏览者会在阅读时产生疲劳感，容易发生串行的情况，因此，无论横排还是竖排文字，字距都应小于行距，否则会使文字内容失去延续性，造成阅读方向错误。

当文字用于艺术欣赏、广告宣传等时，文字的不同间距会产生截然不同的艺术效果。

（a）是加大文案字距和行距的Banner，给人清新、舒展、时尚的感觉。

（b）则是紧缩文字间距的Banner，给人压迫、力量的感觉。该Banner的创意在于将间距较小的文字形成一面墙，从而既生动地突出了广告主题，又传达了广告的主要信息。

4．文字颜色

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

所示；选择贴近主题的颜色；从产品中提取颜色，如图

所示。