网站首页
手机版

网站设计制作中的网页文字设计技巧

更新时间:2022-04-01 15:31:44作者:佚名

网站设计制作中的网页文字设计技巧

  如今电子阅读风靡,许多人获取信息都会用过网络,而网上在线阅读更是少不得的,用户会在网上阅读到大量的新闻及各类文章,特别是网络小说,这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面,而对于这样的网站设计页面我们应该怎么样才能使文字阅读起来更加贴合人们的阅读习惯呢?下面和大家分析一下关于这个问题的要点:

  

  1、字体、字号:字体分为衬线体与非衬线体。简单的说,衬线体就是带有衬线的字体,笔画粗细不同并带有额外的装饰,开始和结尾有明显的笔触。与衬线体相反,无衬线装饰,笔画粗细无明显查差异的字体就是非衬线体。有笔触装饰的衬线体,可提高辨识度和阅读效率,更适合做为阅读的字体。多用于报纸、书籍等印刷品的正文。非衬线体饱满醒目,常用做标题或者用于较短的段落。

  

  2、行长:根据学者的研究,我们在阅读的时候一般情况下都不会超过40个汉字。这是因为如果每行文字过长,读者会不停的转动脖子,感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首,也很容易串行,影响读者浏览文章的节奏。同样。这点同样适用于网页上的文章阅读。由于显示器是横向的,我们更要注意划分阅读区域。文本宽度控制在450-700px为宜,英文每行80-100个字母(空格算一个字母)为宜,中文每行30-40个汉字为宜。

  

  3、间距:通过设置间距,我们就可以控制文字的密度。如果每行间距太小,与文字过长一样,读者浏览文章时也容易串行;如果行距过宽,阅读时就会感觉文章不够连贯。

  

  间距没有固定的值,通常是根据字体大小来定义的。网页上行距的单位常用em来表示,不管是中文网站还是英文网站,大家多喜欢用1.5em-1.8em的行距。如果文章篇幅较短,就不需要很宽的段距;而文章篇幅很长,特别是那些偏学术的比较枯燥的文章,就要多利用段距把握文章的节奏,给阅读者喘息和思考的机会,且使文章更有层次和可读性。

  

  4、背景:白色是全频光,全放射光对人眼睛的最有刺激,所以很多印刷品读物的纸张都选用乳白色或者淡黄色的纸张。而印刷品以文字为主的出版物往往会采用低光泽度的纸张,因为光泽度高的纸张反射度高,导致阅读质量下降,容易使人视觉疲劳。因此,为了提高页面浏览的舒适度和效率,越来越多的页面采用浅灰色和淡黄色作为页面背景。另外,页面背景仿造低光泽度的纸张(纸张纹理)也能提高阅读的舒适度。

  

  实际工作中,我们需要思考的还有浏览环境、设备、网站特点、用户人群、个人偏好等等都需要设计师根据具体情况来把握界面文字的展示效果。


本文标签: 建站  网页设计  网站设计  百科  

为您推荐

word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别

word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报

2024-09-12 00:09

word2010大纲怎么显示(word文档显示大纲从哪里按出来)

word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需

2024-09-12 00:08

七种常见的Word打印设置技巧 七种常见的word打印设置技巧视频

七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打

2024-09-12 00:08

四种方框内打钩符号的简易方法 四种方框内打钩符号的简易方法是什么

四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法   如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来

2024-09-12 00:08

Word文档中对表格中数据进行计算的方法

Word文档中对表格中数据进行计算的方法 Word文档中对表格中数据进行计算的方法 1.在表格的最后一个单元格中单击放置插入点光标,然后在"表格工具-布局"选项

2024-09-12 00:07

怎么关闭Word文档中自动添加项目编号(怎么关闭word文档中自动添加项目编号显示)

怎么关闭Word文档中自动添加项目编号 怎么关闭Word文档中自动添加项目编号 1.启动Word 2013,打开"Word选项"对话框,在左侧选择"校对"选项,

2024-09-12 00:07