字体是网页设计中最重要的细节

所属栏目:建站资迅 更新时间:2020-10-29 点击: 文章来源:https://www.sznest.net/jzzx/3462.html

  一个非创意性质的网页,最重要的内容,就是文字。出现了文字,就会出现文字排版、字体选择、字体颜色大小粗细等细节。而这些细节,往往常重要的细节。

  好的字体排版,可以让人耐心的看完那些文字,然后得到其中的重要信息,还可以影响到浏览者阅读的心情。同时,字体的选择、大小等,还应该配合企业的VI识别系统,还需要配合你作品需要表达的思想感情来确定(例如古典风格,应该选择哥特式字体等)。

  好了,关于字体的重要性,我就说这么多,再多说也是废话,只要大家知道很重要,要好好选择调整就好了。

  字体的分类和格式

  衬线和无衬线

  衬线算是一种辅助性的小细节,笼统的谈,太过于抽象,我们来看两个例子:

  这两个字体,是有衬线字体,大家可以看到在边角的,会多出一些修饰。这样的好处就是,可以清晰的分辨出字母和文字,分辨笔划的起始和终止。但是,这种字体如果设置字体大小太小的话、或者你里文字较远,则会受到衬线影响,分辨不清晰。同时,由于中文系统,默认的字体为宋体,见的太多导致审美疲劳,所以衬线字体比较适合打印文字以及正规文档中使用,通常不太适合使用在网页中。

  这两个字体,就是无衬线字体,没有边角的修饰,令人看起来很整齐光滑,没有毛刺。比较适合用在网页中,让浏览者获取大量的文字信息而不会疲劳。

  字体系列

  字体之间最大的差异并不在于有无衬线,而在于字体与字体之间,形体的差异。但是很多字体(特别是英文字体)之间,差异不大,有些新字体甚至是对已有字体进行了细微的后产生的。

  于是,就把字体分成了几个大的系列,同一个系列中的字体,大体相同,称作通用字体系列。其中包括以下五个系列:

  serif:带衬线字体。Times New Roman 是默认的 serif 字体,中文字体的话,是宋体、仿宋之类的字体。

  sans serif:无衬线字体。Arial 是默认的 sans-serif 字体,中文字体中,微软雅黑、黑体等都是这类字体。

  monospace:等宽字体。这个字体里面的每个字母都有相同的宽度。通常用于显示程序代码等,Courier 是默认的 monospace 字体。而对于中文,每个汉字都是等宽的。

  cursive:模仿手写字体。手写体,比较个性,通常用于标题、logo等等。这个字体系列没有默认字体,英文来说,通常用 Comic Sans,中文的话,行书系列、草书系列的字体等,都可以算作手写字体。

  ntasy:装饰用字体。多数用于标题,极具个性,字体繁多,艺术字体。无法对其的大小、形状下一个统一的,所以没有默认字体,在网页中,也通常很少用到,除非你有特殊的用处创意性的设计。

  关于通用字体系列的更多解释、描述和字体举例,推荐大家查看在 W3school 上的资料。

  字体的格式

  格式就是指字体表现出来的粗细、宽度和姿态等等特征。看下面的这张图片:

  里面的字,是相同大小的,同时排放在一条竖线上。为其应用了四种不同的字体后,体现出来了不同的形态和粗细大小。在中文字体中,不同的字体,在字间距中通常没有很大的变化。而在英文字体中,不同的字体会改变字母的大小,导致整体的尺寸布局不同,进而导致整个排版混乱。

  相同的字体大小,在不同的字体下面,显示的效果几乎完全不同。这是英文字体选择中,比较麻烦和头疼的问题。

  字体的选择

  的这些理论,从某些角度和意义上来说,都是废话。如何选择合适的字体,才真正切合实际。那么我们应该如何选择在网页中使用的字体呢?

  解决这个问题,我们先应该知道为什么要纠结于选择字体这个问题。我个人认为应该存在 实用性 和 创意性 这两个方面的因素。创意性很好理解,就是想突破常规,配合自己的网页中的设计思想而选择相应的字体,例如表达程序员的思维,就对代码使用等宽字体,表达恐怖、古典,使用哥特式字体等等。这点自己去找字体好了,不再赘述。最主要的问题是在于 实用性 的方面。

  实用性问题,即不需要太过于华丽的字体,只需要大家看的都舒服、稍微带点自己的特色即可。你会说,很容易啊,直接 CSS 定义一条,填上个字体就好了。如果真这样,那就太好了。浏览器解析字体的过程实际上是这样的,当浏览器加载 CSS 后,解析到有关字体的样式,它会在你的系统中查找这个字体,只有找到了相应的字体文件,才会根据那个字体文件对网页中的文字进行渲染,显示出你想要的效果。

  既然这样,如果你的操作系统中,并没有安装网页中定义的那种字体,就无法渲染出那种字体的效果,而通常使用当前系统的默认字体来渲染。那么你原有的设计,就不行了,你设计时觉得挺好,字体、、大小合适,但在别人的电脑上,清一色的宋体。所以这个问题,才是选择字体的难处所在。当然,有问题就有解决方式:

  使用经典通用字体

  不同操作系统都有不同的字体系统,但既然是字体,总有一些比较经典老牌的字体共同存在于各个系统中。例如无衬线的 Arial 字体,它产生的时间比较早,同时价格低廉,所以从早期就被 windows 操作系统使用,在其他的操作系统中,也会有较好的不同于默认字体的显示效果。所以 我爱水煮鱼、潜行者m博客 这些网站,直接在 CSS 中声明使用一个字体:Arial。

相关阅读

仿站有哪些限制?

第一:必须是正则的企业网站、非法网站不仿第二:必须是展示型的网站,不涉及到会员,支付、论坛等功能

了解详情 >>

专业的建站应该考虑哪些方面的因素?

要把企业的建站得更加专业,就必须要在建站的各个细节方面都要做好,这样才能够吸引用户浏览并留住用户。那么专业的建站应该考虑哪些方面的因素?1、网站要多为用户考虑想把网站做得更加专业需要从用户的角度进行思考问题。网站的层次结构必须清晰简单,引导用户方面,要让用户快速找到并管理信息,达到有效传递。2、网站遵循简洁设计简洁可以让网站更好的把用户最需要的信息更好的展现…

了解详情 >>

为什么外贸建站要选择定制?

1、建站水平不行很多做外贸的企业客户选择速成模板只看到低价的惊喜,却看不到低价引起的后果。为什么低价,肯定是成本低。要知道,在网络行业中,一个精英团队或者是一个知名度较高的设计师工资就很高,而这部分费用肯定要算在客户的网站当中。如果没有这些精英团队、高级设计师存在,自然也就不需要花费那么多。但是,这样的网站要想有效果,就不用想了。专业的建站公司会聘请很多专业…

了解详情 >>

公司建站设计的图片应该如何挑选?

在进行公司建站设计中,不同的建站和制作风格带给用户的感觉是不一样的。网站的设计的不同网站所呈现出来的风格也是有所区别的,其中图片对于网站界面的体现起到了不少的作用,那么公司建站设计的图片应该如何挑选?一、图片的选择要围绕主题来挑选如果使用的图片符合公司建站的主题,那么在进行建站之中也会起到事半功倍的作用。网站图片与主题的相关容易给用户营造一种代入感,使得整个…

了解详情 >>

网站的核心优化设置

众所熟知,在网站建设运营中,一个网站的核心关键词,将决定网站的SEM和长尾的质量。那么如何在站内高质量的完成全站核心权重关键词的布局和操作呢?我们先来简单的看下alibaba.com的做法吧。首先,这里有三个值得我们学习和思考的环节。第一,分类和商品页面及其其他页面中。指向首页的链接只有两个。一个是home,一个是尾部的定位词。其中一个利用nofollow来…

了解详情 >>

提高网站建设中网站粘度的方法

为什么网站的跳出率会突然变高了,是什么原因造成的呢?是受访客的影响还是内容文章吸引不了人的眼球或者想读的兴趣呢,当然这是其中的一些原因。今天就来分享一下,在制作网站建设中,提高网站粘度的一些技巧有哪些。1.网站内容要足够要够吸引人,迅速抓住用户的眼球内容建设是非常重要的,高质量的内容是产生用户“粘性”的最重要因素。一个好的网站能提供优质的内容,能给网站带来好…

了解详情 >>

Copyright @ 2008-2019   www.sznest.net   All rights reserved  网巢网是一家专业为企业提供免费建站、自助建站的模板建站公司     友情链接:香港张元洪律师行   

微信

移动端

客服

顶部