绿维网络绿维网络
 
建站资讯

建站资讯最新消息,企业数字化营销知识分享

网页设计中字体的使用规范

人气:  作者:  发表时间:2020-12-21 09:37:34
网页中应该采用易于用户阅读的字体,在网页的正文内容部分还需要求意字体的大小以及行距等属性的设置,避免文字过小或过密造成阅读障碍。网页中文字的处理直接影响到用户的浏览体验,为网页中的文字设置合适的属性,可以使浏览者能够方便、顺利、愉快地接受信息要传达的主题内容。

一、关于字体
字体分为衬线字体和非衬线字体。简单地说,衬线字体就是带有衬线的字体,笔画粗细不同并带有额外的装饰,开始和结尾有明显的笔触。常用的英文衬线字体有Times New Roman和Georgia,中文字体则是Windows操作系统中最常见的宋体。

非衬线字体与衬线字体相反,无衬线装饰,笔画粗细无明显差异。常用的英文非衬线字体有Arial、Helvetica、Verdanad,中文字体则有Windows操作系统中的“微软雅黑”。

二、网页中常用的中文字体
在不同平台的界面设计中规范的字体会有不同,网页正文内容部分使用的中文字体一般是宋体12px或14px,大号字体使用微软雅黑或黑体,大号字体是18px、20px、26px、30px,一般使用偶数字号,奇数字号的字体在显示时会有毛边。

1、微软雅黑/方正正中黑---字体表现:平衡
“微软雅黑”字体在网页中的使用非常常见,这款字体无论是放大还是缩小,形体都非常的规整舒服。在网页中建议多使用“微软雅黑”字体,大标题可以使用加粗字体,正文可以使用常规字体。

“方正正中黑”系列字体笔画比较锐利而浑厚,一般常用于标题文字中。但这种字体不适合应用于正文,因为边缘相对比较复杂,正文文字内容较多,字体较小,会影响用户阅读。

2、方正兰亭系列---字体表现:与时俱进
“方正兰亭”系列字体包括大辅料、准黑、纤黑、超细黑等。该系列字体笔画清晰简洁,足以满足排版设计的需要。组合该系列的不两种字体,不仅能保证字体的统一性,还能很好地区分出文本的层次。

3、汉仪菱心简/造字工坊力黑/造字工房劲黑---字体表现:刚劲有力
这几种字体有共同的特点,字体非常有力而厚实,适合网页中的广告和专题使用。在使用这类字体时,可以使用字倾斜样式,让文字显得更有活力。在这3种字体中,“汉仪菱心简”和“造字工房力黑”在笔画、拐角的地方采用了圆和圆角,而且笔画比较疏松,表现出时尚的气氛。而“造字工坊劲黑”字体相对更为厚重的方正,这类字体在大图中使用偏多,效果也比较突出。

网站页面中字体的选择是一种感性的、直观的行为。网页设计师可以通过字体来表达设计要表达的情感。但是,需要注意的是,选择什么样的字体要以整个网站页面和浏览者的感受为准。另外,还需要考虑大多数浏览者的计算机里有可能只有默认的字体,因此,正文内容最好采用基本字体。

三、字体大小
在互联网上我们会注意这样的一个现象,国外网站大部分以非衬线体为主,而中文网站基本就是宋体。其实不难理解,衬线字体笔画有粗细之分,在字号很小的情况下,细笔画就被弱化,受限于计算机屏幕的分辨率,10~12px的衬线字体在显示器上是相当难辩认的,同字号的非衬线体笔画简洁而饱满,更适于作为网页字体。

如今随着显示器越来越大,分辨率越来越高,分辨率越来越高,经常会觉得网页中12px大小的文字看起来有点吃力,设计师也会不自觉适地开始大量使用14px大小的字体,而且越来越多的网站开始在正文中使用15px、16px甚至18px以上的字号。

下面分别对比中英文的衬线字体与非衬线字体在不同字号时的显示效果。

虽然网页上的字号不像字体那样受到多种客观因素制约,但并不意味着设计师可以自由选择字号了,出于视觉效果和网站用户体验考虑,仍然有一些基本的设计原则或规范是需要注意的。

我们通过观察和经验总结了网页中字号应用的几个规范,可以使网页设计更加专业。

1、字号尽量选择12px、14px、16px等偶数字号,文字最小不能小于12px。

2、顶部导航文字为12px或14px;主导航菜单文字为14~18px;工具栏文字为12px或14px;一级菜单使用14px,二级菜单使用12px,或一级菜单使用12px加粗,二级菜单使用12px;版底文字为12px或14px。

3、正文字体大小。大标题文字为24~32px;标题文字为16px或18px;正文内容文字为12px或14px,可以根据实际情况对字体加粗。

四、网页文字使用规范
网站页面中,文字设计能够起到美化的网站页面、有效传达主题信息、丰富页面内容等重要作用。如何更好地设计网站中的文字,以达到更好的整体诉求效果,给浏览者新颖的视觉效果呢?

1、字不过三
在前面介绍网页配色时就说过网站中尽量不使用超过3种的色彩进行搭配,其实在同一个网站页面中,字体的使用也不要超过3种。通常情况下,在网站页面中使用1~2种字体就可以了,然后通过字体大小或颜色来强调重点内容。在网站页面中使用的字体过多,会显得这个网站非常不专业。

2、文字与背景的层次要分明
因为在视觉传达中,向大众有效地传达作者的意图和各种信息,是文字的主要功能,所以网页中的文字内容一定要非常清晰、易读,这也是大多数网站的正文部分采用纯白色背景搭配黑色或深灰色正文内容的原因。网页内容的易读性和易用性是用户浏览体验的根本需求。如果文字的背景为其他背景颜色或者图片,则一定要考虑使用与背景形成强烈对比的色彩来处理文字,使文字与背景的层次分明,这样才能使页面中的文字内容清晰、易读。

3、字体要与整体氛围相匹配
在网页中需要根据页面的整体氛围来选择合适的字体进行表现,这里主要是指网页中的广告图片,而不是正文内容字体。

4、按钮文字。例如登录、注册页面按钮或者网页中的其他按钮中文字通常为14~16px,可以根据实际情况调整字体大小或加粗。

5、同一层级的字号搭配应该保持一致。例如,同一层级的版块中,标题文字和内容文字大小要一致。

此外,随着网页设计开始流行大号文字设计风格,一些品牌网站、科技网站、活动网站,以及一些网站产品展示栏目的文字字号给人非常棒的视觉体验。

6、在广告语及特殊情况中,需要根据实际的设计效果来选择字号。

上面分享的规范只是我们根据长期项目总结的实战经验,在实际网页设计中,还需要根据网站特征和具体情况灵活设计。
网页设计中字体的使用规范:http://www.luweit.com/news/jianzhan/106.html
标签: 网站设计
热门标签
相关新闻
免费获取一份方案或报价
* 请认真填写需求信息,我们会在24小时内与您取得联系。

关于我们

东莞市绿维信息技术有限公司致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发,等服务范围,并且涵盖基础的域名服务、主机服务;企业邮箱、网络营销等应用服务;
more>
立即咨询
快速获得解决方案
咨询电话
135 8088 5012
公司地址
广东省东莞市南城建设大厦7F
公司邮箱
Copyright ©2016-2021 东莞市绿维信息技术有限公司 粤ICP备18104664号-2