网站建设中的文本设计技巧

发布时间:2020-11-26 09:18:00

?网页文本的显示和排版与传统印刷有明显的区别。排版是一种物理排版,其中的图形和文本可以放在任何地方。网页布局属于逻辑布局,它必须依赖某种语言来实现屏幕布局,如HTML和XML。我们所熟悉的纸张书写依赖于活字印刷或印刷技术。边缘一般比较平滑,阅读起来更舒服。然而,网页文本依赖于电子屏幕的输出技术。显示文本的边缘呈锯齿形,这使得电子屏幕上的外观不那么优雅。一般来说,文字笔划的弧度越不规则,锯齿状特征越明显。如果在垂直方向上,锯齿状的特征会明显减弱。

网页文本的显示和排版与传统印刷有明显的区别。排版是一种物理排版,其中的图形和文本可以放在任何地方。网页布局属于逻辑布局,它必须依赖某种语言来实现屏幕布局,如HTML和XML。我们所熟悉的纸张书写依赖于活字印刷或印刷技术。边缘一般比较平滑,阅读起来更舒服。然而,网页文本依赖于电子屏幕的输出技术。显示文本的边缘呈锯齿形,这使得电子屏幕上的外观不那么优雅。一般来说,文字笔划的弧度越不规则,锯齿状特征越明显。如果在垂直方向上,锯齿状的特征会明显减弱。

因此,在网页字体的选择上,应尽量寻找笔划接近水平或垂直方向的文字,或文字的圆形笔画应尽量靠近45度角的方向。在英文字母中,Verdana、Geneva、Arial、sans-serif字体是网页字体的理想字体,而中文字体有限,粗体字体在网页上的视觉效果更好。同时需要指出的是,我们应该尽量避免使用斜体,因为屏幕上的字体边缘是锯齿形的,这极难识别,特别是字体很小的时候。斜体字会使阅读变得困难。文本笔划的粗细也会影响字符的可读性。一般来说,薄字体的易读性要好得多。

文本的大小也直接影响文本的可读性。以英文字体为例,当文本大小为12pix时,网页显示较为理想,而中文字体为14pix时,网页显示效果理想。字体间距和行距的调整不像打印文本那样容易,而且调整起来会比较麻烦。在HTML文本中,字距的调整可以不断增加,以达到预期的效果;行距的调整不是那么简单。CSS(级联样式表)标准语言提供了行高度参数。通过调整此参数的百分比,可以调整线之间的距离。每行字数一般控制在8-10字左右,这样可以保证文本的可读性。如果文本太长,用户很难找到下一行的开头,这大大降低了可读性。

使用图形标题时,尽量使用alt属性,以避免在某些浏览器不显示图形标题时丢失信息。因此,一个好的网站通常被设计成纯文本版本和混合版本。当然,这样会增加公司的预算,比较好的办法就是充分利用HTML语言的相关属性。


热门推荐

技巧精选

0571-88730320 联系我们,谈您的需求

立即咨询 立即建站