湖南景煌网络科技有限公司
0731-82272030
长沙做网站,长沙建网站,湖南做网站 长沙做网站,长沙建网站,湖南做网站
展示型网页设计,这几点你要注意-湖南景煌网络科技有限公司

展示型网页设计,这几点你要注意

2021年03月31日 湖南景煌网络科技有限公司 www.0731jianzhan.com

一个阅读型网页,比如各新闻资讯网站、阅读型社区、web端读书网站等,在去除广告等干扰元素后,纯内容的阅读体验会受到以下几个因素的影响:字体、字号、字色、行宽、行间距、段间距、背景色。

接下来一一介绍。

字体:

衬线字体 or 非衬线字体:调研了多个网站,均采用非衬线字体。

查阅资料,衬线字体更富表现力,可提高辨识度和阅读效率,多用于报纸、书籍等印刷品,以及电子杂志和艺术网站的正文字体。

在电子屏上显示时,由于字号、显示器尺寸、显示器分辨率等影响因素,使用衬线字体时过细的笔画可能会显示不清难以辨认。

从稳妥角度考虑,这可能是长沙网页设计均采用非衬线字体作为首选字体的原因。

长沙网页设计推荐以下字体:

MacOS

中文:首选 苹方regular 次选 冬青黑体简体。

英文:首选 Helvetica Neue 次选 Arial。

Windows

中文:首选 微软雅黑 次选 冬青黑体简体。

英文:首选 Arial 次选 Tahoma。

字号:

字号太小看不清累眼睛,太大页面不精致且显示效率低。

一个字在显示器上显示出来有多大,取决于字号和单个像素方块的物理尺寸。单像素块尺寸,取决于显示器尺寸和显示器分辨率。

随着显示器技术发展,在显示器尺寸没有变大的情况下,显示器分辨率越来越高,这意味着单像素方块的物理尺寸越来越小,因此长沙网页设计时的推荐字号也在变大,从12px 到 14px 到 16px。

稳妥起见,正文建议使用 16px 。以此为基准,扩大和减小后确定标题和辅助文本的字号,此处建议以 4px 为步长,使对比明显。

字色和背景色:

阅读体验受文字和背景的对比度影响。高对比度时,识别清晰,但眼睛容易疲劳。只有找到一个合适的对比度,才能做到既识别清晰,长时间阅读又不容易累。

首先是白底黑字和黑底白字。二者本身对比较强,加上人类眼睛侧抑制等视觉机制,会让反差特别大,因此识别起来很清晰。由于白底黑字相较于黑底白字的反差更小,故而可读性更高,适用于注重文字阅读的网站;黑底白字视觉刺激性强,适用于注重视觉表现力或营造氛围的单页面,比如海报、主题网站首页等。另外,对于视觉受损的用户,此两种配色方案也是较人性化的选择。

然而,白底黑字并非最好。由于白色具有100%的亮度,黑色是0%,巨大的亮度对比让眼睛在阅读时要尽全力去适应,容易引起眼部疲劳,因此白底黑字仍不适宜长时间的阅读,所以印刷品读物的纸张多用乳白色或淡黄色的纸张。又因为显示器本身就发光,所以在电脑上阅读纯白色背景的文字,比在纸上阅读时,眼睛会更容易疲乏。

然而Hill(1997)的研究却表明:黑色和白色一直被认为是最可读的;有黑色在内的色彩组合比没有黑色的色彩组合更易于阅读;较浅背景上较深的文本比较暗的背景上较浅的文本的评价高。因此,更好的组合可能是保证了对比度(大于4.5)的浅灰背景 + 深灰文本。

行宽:

行宽过大,阅读时要转动脖子,降低阅读效率,而且目光从行尾移至下一行首容易串行。行宽过小,用户注视点要在行间频繁跳跃,降低了阅读速度,体验也不好。为防止此现象,文本宽度最好在450-700px之间。

确定具体数值时,长沙网页设计要注意行宽应该是正文字号的整数倍。这是因为中文是方块字,最好的排版应该像小学时的作文本那样,每一列字都对齐,除最后一行外,每一行应该写满,这样才能整整齐齐。

如果采用左对齐,长沙网页设计可以达到每一列字都对齐(有半角字符的行,会破坏队形),但当最后一个字符为标点时,会直接换行,导致此行会缺一块,不好。

如果采用两端对齐,就能避免这种情况。但两端对齐有另一个问题,段落的最后一行不一定写满行。当最后一行未写满行,且,行宽不是正文字号的整数倍时,为了达到两端对齐,前面行会增加字间距,但最后一行不会增加字间距。这样,最后一行的每个字都不能与其所在列对齐。

如果行宽是正文字号的整数倍,就能避免这种情况。达到两端对齐不留空,每列对齐像阅兵的效果。

上一篇:做网站多少钱合适?
下一篇:详解微信小程序是什么?

声明:本页内容由湖南景煌网络通过网络收集编辑所得,所有资料仅供用户参考;本站不拥有所有权,也不承认相关法律责任。如您认为本网页中有涉嫌抄写的内容,请及时与我们联系进行举报,并提供相关证据,工作人员会在5个工作日内联系您,一经查实,本站将立刻删除涉嫌侵权内容。如果您对网站优化核心技术文章感兴趣,请点击查看网站建设网站推广的相关文章,请关注湖南景煌网络官网(www.0731jianzhan.com)

相关资讯 Releva ntnews
服务推荐 Hot sale ltem
  1. 我们的承诺
  2. 我们的实力
  3. 我们的未来
全国服务热线

0731-82272030

周一至周五 09:00~18:00

公司地址:长沙市雨花区韶山北路460号(原86号)兴威名座北栋1202室

长沙市芙蓉区、天心区、岳麓区、开福区、雨花区、望城区均可提供上门洽谈服务

湖南景煌网络科技有限公司--为你提供网站建设百度SEO网站优化网络推广百度排名小程序开发等服务

微信公众号