成都网站建设制作中的网页文字设计技巧
如今电子阅读风靡，许多人获取信息都会用过网络，而网上在线阅读更是少不得的，用户会在网上阅读到大量的新闻及各类文章，特别是网络小说，这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面，而对于这样的网站设计页面我们应该怎么样才能使文字阅读起来更加贴合人们的阅读习惯呢？下面力洋和大家分析一下关于这个问题的要点：
1、字体、字号：字体分为衬线体与非衬线体。简单的说，衬线体就是带有衬线的字体，笔画粗细不同并带有额外的装饰，开始和结尾有明显的笔触。与衬线体相反，无衬线装饰，笔画粗细无明显查差异的字体就是非衬线体。有笔触装饰的衬线体，可提高辨识度和阅读效率，更适合做为阅读的字体。多用于报纸、书籍等印刷品的正文。非衬线体饱满醒目，常用做标题或者用于较短的段落。
2、行长：根据学者的研究，我们在阅读的时候一般情况下都不会超过40个汉字。这是因为如果每行文字过长，读者会不停的转动脖子，感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首，也很容易串行，影响读者浏览文章的节奏。同样。这点同样适用于网页上的文章阅读。由于显示器是横向的，我们更要注意划分阅读区域。文本宽度控制在450-700px为宜，英文每行80-100个字母(空格算一个字母)为宜，中文每行30-40个汉字为宜。
3、间距：通过设置间距，我们就可以控制文字的密度。如果每行间距太小，与文字过长一样，读者浏览文章时也容易串行;如果行距过宽，阅读时就会感觉文章不够连贯。
间距没有固定的值，通常是根据字体大小来定义的。网页上行距的单位常用em来表示，不管是中文网站还是英文网站，大家多喜欢用1.5em-1.8em的行距。如果文章篇幅较短，就不需要很宽的段距;而文章篇幅很长，特别是那些偏学术的比较枯燥的文章，就要多利用段距把握文章的节奏，给阅读者喘息和思考的机会，且使文章更有层次和可读性。
4、背景：白色是全频光，全放射光对人眼睛的最有刺激，所以很多印刷品读物的纸张都选用乳白色或者淡黄色的纸张。而印刷品以文字为主的出版物往往会采用低光泽度的纸张，因为光泽度高的纸张反射度高，导致阅读质量下降，容易使人视觉疲劳。因此，为了提高页面浏览的舒适度和效率，越来越多的页面采用浅灰色和淡黄色作为页面背景。另外，页面背景仿造低光泽度的纸张(纸张纹理)也能提高阅读的舒适度。
实际工作中，我们需要思考的还有浏览环境、设备、网站特点、用户人群、个人偏好等等都需要设计师根据具体情况来把握界面文字的展示效果。
文章名称：成都网站建设制作中的网页文字设计技巧
文章起源：http://scjbc.cn/article/scsiei.html
1、字体、字号：字体分为衬线体与非衬线体。简单的说，衬线体就是带有衬线的字体，笔画粗细不同并带有额外的装饰，开始和结尾有明显的笔触。与衬线体相反，无衬线装饰，笔画粗细无明显查差异的字体就是非衬线体。有笔触装饰的衬线体，可提高辨识度和阅读效率，更适合做为阅读的字体。多用于报纸、书籍等印刷品的正文。非衬线体饱满醒目，常用做标题或者用于较短的段落。
2、行长：根据学者的研究，我们在阅读的时候一般情况下都不会超过40个汉字。这是因为如果每行文字过长，读者会不停的转动脖子，感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首，也很容易串行，影响读者浏览文章的节奏。同样。这点同样适用于网页上的文章阅读。由于显示器是横向的，我们更要注意划分阅读区域。文本宽度控制在450-700px为宜，英文每行80-100个字母(空格算一个字母)为宜，中文每行30-40个汉字为宜。
3、间距：通过设置间距，我们就可以控制文字的密度。如果每行间距太小，与文字过长一样，读者浏览文章时也容易串行;如果行距过宽，阅读时就会感觉文章不够连贯。
间距没有固定的值，通常是根据字体大小来定义的。网页上行距的单位常用em来表示，不管是中文网站还是英文网站，大家多喜欢用1.5em-1.8em的行距。如果文章篇幅较短，就不需要很宽的段距;而文章篇幅很长，特别是那些偏学术的比较枯燥的文章，就要多利用段距把握文章的节奏，给阅读者喘息和思考的机会，且使文章更有层次和可读性。
4、背景：白色是全频光，全放射光对人眼睛的最有刺激，所以很多印刷品读物的纸张都选用乳白色或者淡黄色的纸张。而印刷品以文字为主的出版物往往会采用低光泽度的纸张，因为光泽度高的纸张反射度高，导致阅读质量下降，容易使人视觉疲劳。因此，为了提高页面浏览的舒适度和效率，越来越多的页面采用浅灰色和淡黄色作为页面背景。另外，页面背景仿造低光泽度的纸张(纸张纹理)也能提高阅读的舒适度。
实际工作中，我们需要思考的还有浏览环境、设备、网站特点、用户人群、个人偏好等等都需要设计师根据具体情况来把握界面文字的展示效果。
文章名称：成都网站建设制作中的网页文字设计技巧
文章起源：http://scjbc.cn/article/scsiei.html
