首页 > 经验 > 关键词 > 网站优化最新资讯 > 正文

【网站设计优化】网站字体的 10 个使用准则(一)

2017-10-20 13:59 · 稿源:谢海瑶的网站

编者按:互联网上 95% 的信息都是以“文字”的形式存在,而如何使单调的文字生动化,让用户拥有轻松、愉悦的阅读体验是每个设计师、站长们都得考虑的问题。下面将从字体的选择、配色方案、排版布局等方面来说说“网站字体的 10 个使用准则”。

本文先从字体使用数量、文本长度等 3 个方面开始阐述。

一、使用一种字体足矣

据调查表明,当一个页面中使用的字体超过 3 种时,会给用户带来“不专业”、“没有权威性”、“没有层次结构”之类的感觉。

如下图:

正常情况下,页面中采用一种字体就好了,两种的话勉强可以接受,但必须要尽量把字体间的差异性降到最低,且设计上也得尽量和谐。

比如:同时使用 Georgia 和 Verdana 这两种字体,就相对比较和谐。另外,Baskerville 和 Impact 两者结合使用也会带来较好的视觉体验。

二、使用标准字体

当人们在熟悉的环境面前,会更加“如鱼得水”。同理,当浏览网页时,看到是的熟悉的字体,用户能够更加快速的 get 到自己想到的信息。

另外,由于浏览器的“限制”,不是所有的字体都能与所有浏览器“兼容”,即有些能在 Google Chrome 中显示的字体,也许到了火狐上就会显示出错,这样容易影响到用户的阅读体验。

最保守的做法就是采用系统默认字体:比如 Arial、Calibri、Trebuchet 等。

三、合理设置行文本的长度

据国外研究所调查表明:如果想要给用户一个良好的阅读体验,网页中的行文本长度最好控制在 60 个字符(约 30 个汉字)左右,这可以提高文本的可读性。

如下图:

这是因为当行文本太短时,用户眼睛回转的频率增大了,阅读节奏容易被打破。而当行文本太长时,又容易引起用户阅读疲劳(专注力下降),从而导致其丧失阅读欲望。

另外,如果是移动设备的话,行文本长度则以 30 - 40 个字符为最佳。

下图是正、反案例对比,左图中的行文本长度约在 50 - 75 个字符,右图的则保持在 30 - 40 个字符左右,相比之下,右图的阅读体验明显优于左边的:

以上为“网站字体 10 个使用准则”系列文章中的前三个标准,在之后文章中我们将继续为您分享剩下的 7 个准则。

下一篇:《【网站设计优化】网站字体的 10 个使用准则(二)

来源:海瑶SEO 原文:http://www.seo7.cc/news/44.html 欢迎分享,谢谢

  • 相关推荐
  • 大家在看
  • SEO网站排名,现在如何重新规划与设计?

    对于百度搜索而言,并不是一个“平凡”的一年,可谓是“波澜不惊”,百度搜索引擎算法,几乎每天都在不断的调整与修正。

  • 携程回应比价搜索网站 Skyscanner 裁员:将进行组织结构优化

    针对裁员问题,携程方面回应称,由于全球疫情的冲击,天巡(Skyscanner)计划采取一系列措施加以应对,其中包括组织结构的优化。在此过程中,天巡还将产生约 60 个新工作岗位,并优先考虑现有的员工。此前,网传携程旗下机票比价搜索网站 Skyscanner 宣布至多20%,将近 300 人的裁员。

  • 美疾控中心网站删除部分疫情数据 美疾控中心网站网址

    美疾控中心网站删除部分疫情数据是怎么回事?据央视新闻援引美国有线电视新闻网(CNN)报道,当地时间 7 月 16 日,在特朗普政府决定「接管」新冠肺炎疫情数据后,美国疾病控制与预防中心网站上的一些数据已被删除,包括相关医院数据。

  • 反复搜索并点击自己网站,对SEO排名影响有哪些?

    ​在做SEO的过程中,我们总是会有一个小习惯,那就是当我们刚开始做网站排名的时候,总是习惯性的去搜索自己的关键词,并且去点击相关的页面。  

  • 微博:除了这四类网站 其他网址均不再支持跳转

    7月8日消息,微博管理员官微发布《微博平台实施外链白名单机制的公告》,公告称,8月初将上线微博外链白名单机制。所谓微博外链白名单,就是把目前免费的短链服务调整为受限制的免费服务,仅对

  • 谈谈微信公众号如何快速在线排版设计好看又实用的方法

    我想90%在做公众号排版都会问这个问题。白杨给你建议,如果你是新手,用公众号自带排版可能对你更友好。这里也不是说类似 135 等公众号排版工具不好,而是看你熟悉程度。

  • 轻松4步搭建一个有用的教育网站

    现在各行各业都纷纷转线上发展业务,教育行业也不例外,纷纷搭建起了网站。但是对于教育行业来说,一般不会配备一支技术团队在学校,因此搭建网站,对于教育行业来说,显然有些困难。而且,教育网站的要求比较多,需要充分地展示学校的风貌,还需要有相应的课程内容、购买功能等。那教育行业究竟怎么才能够很好地搭建完成一个教育网站,并且能够利用这个网站带来更多的生源呢?今天就以兴华国际教育控股公司为例,让大家也可以快速搭建好教育网

  • 宅家无聊?这个网站可以让你“窥视”别人家窗外景色

    尽管全球部分地区正在慢慢重新开放,但国外旅行仍受到广泛限制。不过有了这个新网站,你可要愉快的看着别人家窗外有美丽的“风光”了。

  • 为什么大家都爱用这款网站推广软件

    最近很多朋友都跟我推荐一款网站推广软件,总说因为这款软件,现在连竞价词也不用做了!其实朋友说的这款网站推广软件,是由耐思智慧自主研发的【千站推智能推广软件】,帮助中小企业和个人推广网站,让网站可以霸屏搜索引擎首页。今天就为大家分享一下这个朋友的案例,让大家看看究竟有什么吸引人的地方。今天要为大家分享广州米枫网络有限公司赵总的真实故事,看看赵总为什么会这么喜欢这款网络推广软件。顺势而为 突破困境赵总是80后,在

  • 国内版N号房网站被查处

    今天,全国“扫黄打非”办公室 9 日公布“净网2020” 专项行动上半年数据:全国共查处网络“扫黄打非”案件 1800 余起,处置淫秽色情等有害信息 840 余万条。网传所谓“国内版N号房网站”“滴滴司机直播性侵女乘客”“五一宜家门”等多起网上突发传播案事件被查处。通过严厉打击淫秽色情及低俗信息,在网络直播、短视频、社交群组、网络文学等领域开展专项整治,“净网”行动取得明显效果。根据两部门交办的线索,重庆市沙坪坝公安

  • 做网站推广最害怕的是花了钱还没效果

    各行各业现在都希望能够借助互联网帮助企业做推广,让更多的人能够关注到自己的企业。这个方向显然是正确的,但是,企业最担心的并非推广的途径和费用,而是担心花了钱去帮助网站推广,但没有效果。根据网站推广的常用方式,我计算了一些数据,看到这些数据,真让人细思极恐。现在就给大家看看两组数据,让大家看看企业常用的网站推广方式,到底要花费多少钱,以及效果如何。常用的网站推广方式企业一般为网站做推广的方法有两种,

  • 国内版N号房网站查处进展:某大一学生架设网站传播淫秽视频 充值会员近万人

    【TechWeb】7月9日消息,全国扫黄打非办公室今日公布“净网2020”专项行动上半年工作情况,其中提到快速处置网传所谓“国内版N号房网站”、“滴滴司机直播性侵女乘客”“五一宜家门”等多起网上突发传播案事件。通报显示,对网传所谓“国内版N号房网站”相关线索情况,全国“扫黄打非”办公室联合公安部治安局开展核查。经研判,涉案网站传播方式、组织架构与韩国“N号房”存在明显差异,属于日常打击的一般性境外淫秽色情网站。?

  • 慧博和发现报告哪个更好用?研报网站全对比

    资料收集是一件相当繁琐的事。看研报的人都想要一个研报非常全、数据非常多、查询还方便的研报网站。我用的是【慧博投研】和【发现报告】。【慧博投研】作为国内第一批诞生的研报平台,有着多年运营研报平台的经验。研报多,性价比也不错,APP与客户端使用起来也相对便捷。凭着多年来的投研数据,吸纳了大量用户。【发现报告】则是我同事推荐给我的,去年才入坑【发现报告】。据我了解,它是近三年才诞生的互联网研报网站。一个免?

  • Cloudflare宕机导致大量网站和服务无法访问

    在Cloudflare的部分网络服务出现故障后,官方发布事故报告,称骨干网络的配置错误导致了持续 27 分钟的宕机。

  • AI抢饭碗 微软对MSN网站编辑团队大裁员

    微软公司旗下MSN新闻网站正在进行备受争议的转型,把此前由人工编辑做出的内容决定交给自动化和人工智能(AI)。现在,据科技网站Geekwire报道,微软公司打算进一步缩减MSN团队。

  • 一个超良心的字体网站,让你彻底摆脱用字困扰 不看后悔!

    对于字体,大家是否曾出现过以下疑问呢?电脑上的字体太少了?找不到合适的字体?字体不好看?用这个字体会不会侵权?

  • 微软发布新的Windows Insider计划网站

    微软今日发布了改版后的Windows Insider计划网站。新网站经过重新设计,更加方便用户访问和参与,新的Windows Insider网站将为测试者了解该计划提供一站式服务。Windows Insider计划是一个由数百万Windows最忠实的粉丝组成的社区,他们可以第一时间看到Windows接下来的变化。

  • Xbox One X产品页已经从微软澳大利亚网站上撤下

    微软计划在今年晚些时候推出最新的游戏机Xbox Series X,作为Xbox One的继任者,旧版游戏机必然会在某个时间点被淘汰。然而,澳大利亚网站Press Start的一份报告表明,这一切可能会早早发生。

  • 牛商网站神:低成本、高转化快速建站智能转化系统

    网站是企业第一张网络名片,是开展网络营销的第一步。随着公司业务变动与扩增,这张“名片”可能也会需要更新。 牛商网有位老客户,一家专注于RFID无线射频技术的开发和应用的企业就面临着这种困境,因公司业务发生变动,老网站营销力不足,关键词不精准,花费多且没效果急需新建一个官网。 该公司负责人石总很快就找到了权衡网站效果与预算的选择。基于信任他还是找到牛商网,最后通过牛商网的站神-快速建站智能转化系统顺利换上

  • AI取代微软MSN网站人工编辑 几十名员工被裁

    站长之家(ChinaZ.com) 7月14日 消息:AI开始对编辑下手了!据外媒报道,近日,微软公司旗下MSN新闻网站正在进行备受争议的转型,开始用人工智能(AI)取代人工编辑。在此前裁员了几十名MSN合同工后,微软现在又在裁减数量不详的微软新闻全职员工,包括MSN编辑团队的一些高层领导。上周,前MSN财经频道编辑布莱恩路乔伊纳在Motherboard网站上发文,详细介绍了他是如何被算法所取代的。乔伊纳是MSN的一名合同工,和几十名全职记者一样在

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签