网站首页
手机版

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

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

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

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

  

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

  

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

  

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

  

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

  

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

  

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


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

为您推荐

excel表格怎么大批量筛选(excel表格怎么大批量筛选重复项并快速删除)

1、在选中单元格后,点击排序和筛选。2、在展开的界面中,点击筛选。3、在单元格界面中,点击全部显示。4、在展开的界面中,点击确定即可。

2023-03-21 15:30

Word2007文档水印怎么去除(word2007文档如何去除水印)

Word2007文档水印怎么去除 Word2007文档水印怎么去除 方法一 页面布局-页面背景-水印-删除水印,文档中的水印被删除. 方法二 页面布局-页面背景

2023-03-15 00:31

Word2003文档中的回车符怎么隐藏(怎样隐藏word里的回车符)

Word2003文档中的回车符怎么隐藏 Word2003文档中的回车符怎么隐藏 隐藏回车符 1.单击菜单栏"工具"下的"选项",在打开的窗口中取消勾选"视图"选

2023-03-15 00:30

Word2007自动滚动怎么设置(如何设置word自动滚动)

Word2007自动滚动怎么设置   Word2007自动滚动怎么设置 1.首先打开一篇长篇文档,单击其左上角的"office按钮"在弹出的快捷菜单中选择"Wo

2023-03-15 00:29

Word2013文档中大纲视图如何使用(word2007大纲视图)

Word2013文档中大纲视图如何使用 在Word 2013中,用户可以使用大纲视图来查看并编辑文档的大纲结构,同时可以对正文进行处理.在大纲视图模式下,文档的

2023-03-15 00:29

Word怎么用快捷键快速修改文字格式 word快捷键修改

Word怎么用快捷键快速修改文字格式   Word怎么用快捷键快速修改文字格式 1.电脑上新建word文件,例如命名为"word技巧" 2.双击"word技巧"

2023-03-15 00:27