网页文字编排设计 人机工程

网页中文字编排设计

网页中文字的编排与设计文字作为信息传达的主要手段目前也是网页设计的主体，文 字是网页设计中必不可少的元素，也是网页中的主要信息描述 要素，可以说是网页的灵魂

五个网站的共同点： 1.标题应安排在醒目的位置，使用较大的字体，在版面中作点 或线的编排。为了保证标题的显示效果，大部分设计者都将其 设置为图形格式。

2.一个网页一般不超出3种字体3.网页中文字的颜色一般是多样的 4.网页的超级链接内容使浏览者对所包含信息一目了然。文字 链接可方便浏览者对信息的检索。

5.等等

字体的使用字体的最大特点就是每种字体给人带来不同的情感和风格 属性。字体具有两方面的作用：一是实现字意与语义的功能， 二是美学效应。从加强平台无关性的角度来考虑，正文内容最 好采用默认字体。因为浏览器是用本地机器上的字库显示页面 内容。在网页设计中准确选择字体，是每个网页设计师首先要 考虑的问题。

1.中文字体 宋体字型结构：方中有圆，刚柔相济，既典雅庄重，又不失韵昧灵气，从 视觉角度来说，宋体阅读最省目力，不易造成视觉疲劳，具有很好的易读性

和识别性。标题使用宋体给人稳健、传统的印象，宋体由书法体发展而来， 最便于阅读。 楷体字型：柔和悦目，间架结构舒张有度，可读性和识别性均较好，适用 于较长的文本段落，也可用于标题。 仿宋体笔画：粗细均匀，秀丽挺拔，有轻快、易读的特点，适用于文本段 落。因其字型娟秀，力度感差，故不宜用作标题。 黑体：横竖线条粗细相同，结构非常合理。黑体不仅庄重醒目，而且极富 现代感，因其形体粗壮，在较小字体级数时宜采用等线体(即细黑),否则 不易识别。标题使用黑体给人以合理、理智的印象。 圆体：视觉冲击力不如黑体，但在视觉心理上给人以明亮清新、轻松愉快 的感觉，但其识别性弱，故只适宜作标题性文字。

1.是否具有高辨识度

首先看看Consolas,这款字体，我们可以发现，i和w 的宽度都是一样的，这种等宽字体都具有非常高的 辨识度，非常适合文字编写，代码显示等工作。在 Arial字体中，i,l 的辨识度很低，而且当有连续的il等 较窄文字出现时，文字难以选中，此外Georgia中， 字母o,与数字0 只在大小上略有区别，基本上分不清， 很难做到一目了然。

2.是否适合长时间阅读当然 Arial、Tahoma字体也不错，百度用的就是Arial字体。

Arial和Gerogia, 这两款字体在pc的网页上都非常用，但哪一种更适合长时 间阅读? 虽然看起来无衬线字体虽然更简洁，醒目，但识别性却不如衬线字体那

么 明确，要想让读者进行长时间阅读，更需要的是让读者一扫而过，不需要思 考就能读出文字，而Georgia恰好具备这一点特质。因此，一般来说在同等印 刷条件下衬线体在的阅读速度要比无衬线体快五分之一左右。

文字的大小 1、文字的大小决定形象 标题的大小控制了画面的形象。放大标题会给人有力量、活 跃、自信的印象；缩小则表现出纤细和缜密的印象。另外，文字 大小的对比也会左右印象。标题文字的大小与正文之比叫做跳动 率。跳动率越大，画面越活跃；反之，越稳重。 字号大小可以用不同的方式来计算，例如磅(point)或像素 (pixel)。因为网页文字是通过显示器显示，所以建议采用像素为 单位。较大的字体可用于标题或其他需要强调的地方，小一些的 字体可以用于页脚和辅助信息。需要注意的是，小字号容易产生 整体感和精致感，但可读性较差。

对于很多网页设计师来说，很习惯的使用某一字体大小，比如14px或 12px。有时候我们设计网页时并不会十分仔细的考虑字体大小的选择， 因为在国内网站来说12px和14px基本成了所有网页字体的标准大小

上面的例子可以看出，11号字体有点过小了，尤其是汉字看着比较吃力，而 15号字体如果用来显示标题时可能过小，用于正文又偏大了一点，所以在字 号选择上，个人得出的结论是：显示正文最合适的字体大小是12px、13px、 14px。我看过一篇文章，说12号、14号的字体是最合适的网页正文字体，因 为这二个字号的字体是经过优化的，但是他可能忽略了13号字体，而且个人 感觉13号字体在显示汉字时可能优化的更好，比如“大”字，12号字体在笔 画横的末端有一个突起，而13号字体却没有。

网页设计中文字颜色的搭配技巧

对于视力不太好的人或者对于不太好的显示 设备来说，黑地白字或者白底黑字是最佳的。 在暗色背景上的灰色文字，其对比度同样很差： 某些底色和字色的搭配比如黑色和红色，黑色和蓝 在亮色背景上的灰色文字，对比度是很 这些搭配还是不错的： 色，黄色和绿色等， 都会使人产生视觉疲劳： 差的：

5亿多元构成的一个网站。让我们看下这个有什么可改进的地方？

谢谢！

本文来源：https://www.bwwdw.com/article/y7e4.html