您所在的位置:首页 > 运营推广 > 建站经验 > 网站字体的10个使用准则

网站字体的10个使用准则

来源: 怪柴网 发布时间:2017-10-28 11:10:52 浏览量:
今天为大家介绍网站字体的10个使用准则,有需要的小伙伴参考一下,具体内容如下:本文先从字体使用数量、文本长度等 3 个方面开始阐述。...

今天为大家介绍网站字体的10个使用准则,有需要的小伙伴参考一下,具体内容如下:

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

一、使用一种字体足矣

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

如下图:


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

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

二、使用标准字体

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

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


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

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

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

如下图:

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

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

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


以上就是今天本文的全部内容,希望对大家的学习和工作有所帮助,同时希望大家多多关注,谢谢!

相关标签:准则字体网站

热门推荐

  • 如何快速打造App的方法

    如何快速打造App的方法

    在移动互联网大行其道的今天,每个站长都考虑要做自己的APP了,但是以往做的APP不是投入很大,就是门槛不低,现在这个阶段如何来做呢?几年

最新推荐

  • 网站字体的10个使用准则

    网站字体的10个使用准则

    今天为大家介绍网站字体的10个使用准则,有需要的小伙伴参考一下,具体内容如下:本文先从字体使用数量、文本长度等 3 个方面开始阐述。

  • 路由器成帮凶 Mirai变种发动DDoS攻击

    路由器成帮凶 Mirai变种发动DDoS攻击

    2016年猖獗一时的Mirai僵尸网络,现在又开始以变种身份再次肆虐了。根据云安全公司Incapsula的最新监测,一所美国大学于近期遭到Mirai变种

  • CDN校验漏洞催生海量网络投毒

    CDN校验漏洞催生海量网络投毒

    克日,咱们发明一路应用CDN厂商域名立案破绽主动化停止大面积歹意软件投放的运动。咱们将从事该起运动的构造命名为“Rickydiva”。经查询拜

  • 黑客如何给勒索软件加密的

    黑客如何给勒索软件加密的

    今天为大家介绍黑客如何给勒索软件加密的,有需要的小伙伴参考一下,具体内容如下:最近在媒体上常常曝光的一个名词是勒索软件。勒索,就是

  • 如何快速搭建一个三站合一的网站

    如何快速搭建一个三站合一的网站

    互联网的快速发展,单电脑站已经满足不了企业全网营销的需求了。要快速抢占互联网、移动互联网、微信端客户,企业必要有一个PC+手机+微信

  • 如何建立并经营好自己的粉丝圈

    如何建立并经营好自己的粉丝圈

    古语有云:得民心者得天下。在移动互联网时代,这句话也许要改为:得粉丝者得天下。在如今,个人影响力大小,要看粉丝的多少,企业能否取得

  • ps如何设置风吹立体感文字字体

    ps如何设置风吹立体感文字字体

    ps如何设置风吹立体感文字字体?ps中想要设计一个立体风吹效果的文字,该如何制作呢?下面为大家介绍一下,需要的朋友可以参考下,具体内容

  • PS如何将文字变成虚线文字效果

    PS如何将文字变成虚线文字效果

    PS如何将文字变成虚线文字效果?ps中输入的文字想要制作成虚线文字效果,该如何制作呢?下面为大家介绍一下,需要的朋友可以参考下效果图:

网站首页 | 公司简介 | 业务介绍 | 新闻中心 | 诚聘英才 | 联系我们

电话:13581619659 传真:13581619659 地址:北京市昌平区沙河镇

京ICP备 [07017583] 号 Copyright © 2002-2014 82STUDIO WEBSITE All rights reserved