网页上的文字如何排版，看起来会专业舒服点？

网页上的文字如何排版，看起来会专业舒服点？

 上网在线阅读，是大多人获取信息的重要途径之一，当你在网上阅读到各类文章的时候，首先映入眼帘的就是占很大篇幅的的文字。因此，作为网页设计师应该设计出看起来最舒适的大量文字。

1.字体、字号

字体分为衬线体（serif）与非衬线体（sans serif）。简单的说，衬线体（serif）就是带有衬线的字体，笔画粗细不同并带有额外的装饰，开始和结尾有明显的笔触。常用的英文衬线体有Times New Roman和Georgia，中文即是我们在windows下最常见的中易宋体。 [广州网站制作www.gz3go.com]

与衬线体相反，无衬线装饰，笔画粗细无明显查差异的字体就是非衬线体（sans serif）。Arial、Helvetica、Verdanad都是我们熟悉的英文非衬线体，中文有微软雅黑和mac下默认的中文－华文细黑。

在过去，普遍认为有笔触装饰的衬线体，可提高辨识度和阅读效率，更适合做为阅读的字体，多用于报纸、书籍等印刷品的正文。非衬线体饱满醒目，常用做标题或者用于较短的段落。

如今随着显示器越来越大，分辨率越来越高，经常会觉得看12px的文字有点吃力，做为设计师也会不自觉的开始大量使用14px的字体，而且越来越多的网站开始使用15、16px甚至18px以上的字号做正文文字。大字号的使用，对英文字体来讲，衬线体的高辨识度和流畅阅读的优势就体现出来了。中文宋体在显示14号以上字体时，单线条大字总是看上去有些单薄不那么协调，特别是这款点阵字在ClearType强制平滑显示状态下尤其显得模糊不清。微软雅黑就是微软在这个字体显示问题上的解决方案。

2.行长

我们随手拿起一本书或者一份报纸，数一数每行的文字，一般情况下都不会超过40个汉字。这是因为如果每行文字过长，读者会不停的转动脖子，感到疲惫的同时也会降低阅读效率；目光从行尾移至下一行首，也很容易串行，影响读者浏览文章的节奏，这点同样适用于网页上的文章阅读。由于显示器是横向的，我们更要注意划分阅读区域。

文本宽度控制在450-700px为宜，此范围内参照字号大小；英文每行80-100个字母（空格算一个字母）为宜；中文每行30-40个汉字为宜。

3.间距

间距没有固定的值，通常是根据字体大小来定义的。在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表示，不管是中文网站还是英文网站，大家多喜欢用1.5em－1.8em的行距。以1.6em的行距为例，字号16px的字，行距就是25.6px。

关于段距，我们要考虑一下具体实际情况。比如文章篇幅较短，就不需要很宽的段距；二文章篇幅很长，特别是那些偏学术的比较枯燥的文章，就要多利用段距把握文章的节奏，给阅读者喘息和思考的机会，且使文章更有层次和可读性。

4.背景

白色是全频光，全放射光对人眼睛的最有刺激，所以很多印刷品读物的纸张都选用乳白色或者淡黄色的纸张。由于显示器本身就发光，所以同是纯白色背景的文字，在电脑上比在纸上阅读会使眼睛更容易疲乏，另有研究表明：在电脑上阅读只有在纸上阅读速度的78%，阅读效率大大减低。因此，为了提高页面浏览的舒适度和效率，越来越多的页面采用浅灰色和淡黄色做为页面背景。

【关键词标签】网页上的文字如何排版，看起来会专业舒服点？    (PC+手机)响应式网站建设

• 贸易公司英文网站制作——特色设计要合理
• 英文网站设计——Verdana字体介绍
• 小北路是不是做外贸特别多，需要建个英文网..
• 在网站建设中如何正确使用LOGO
• 网站banner设计：简约风网站bann..
• 网络编辑如何知道什么时间是最合适的发布时..
• 微博对企业有什么样的作用？如何开展微博营..
• 企业网站建设如何做到与众不同？
• 企业官网制作：如何给公司制作一个企业官网..
• 一般网站建设首页版面怎么编排？
• 公司想做个网站，一般做个什么类型的？
• 高质量的网站建设包含哪些要素
• 网站设计Banner的风格、排版以及配色
• 色彩在网站设计中的重要性：专注于目标受众..
• 做外贸的写邮件一般是用什么字体