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

所属栏目:建站资迅 更新时间: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、要做什么类型网站,如新闻类,…

了解详情 >>

伪原创对于搜索引擎的影响

很多人都在自己的网站文章中,先以关键词搜索进入排在首页的网站后,就将其网站文章大量复制到自己网站中,这对目前搜索引擎来说,关于这种做法,搜索引擎反而会降低网站的排名。但怎样改才干让搜索引擎以为是新的原创文章呢,中企动力网站建设专家下面就讲讲这个问题。一.修正标题中的关键词数字交流法:比如搜索的一篇文章,标题是:“五种让你提升你记忆才干的办法”在修正标题的时分…

了解详情 >>

电商小程序是如何做引流实现裂变营销的?

一:直播引流,生成直播海报,通过朋友或者朋友的朋友分享转发邀请看直播,实现用户的无限级裂变二:助力引流,用户发起助力活动让朋友或者朋友的朋友帮忙砍价、实现用户的无限级裂变三:拼团引流,用户先发起拼团然后再邀请好友一起来拼、实现用户二级裂变四:秒杀引流,用户无须分享可以秒杀价获取商品,实现用户的一级裂变五:积分转盘引流,用户分享转盘抽奖活动给好友可以获取更多抽…

了解详情 >>

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

微信

移动端

客服

顶部