当前位置:
首页 > 字体文章 > 让设计更好看?这10款常用数字字体推荐给你

让设计更好看?这10款常用数字字体推荐给你

上篇,我们一同聊了,界面常用的中文字体,以及英文字体,本期要聊数字字体,数字在设计里,其实占比挺大,特别是在金融设计与电商设计中,数字字体,向来是情感的传递,是设计细节的表现!那么今朝要和大伙分享下,在电商设计跟金融设计中,常用的数字字体都有啥!

字体的骨架

1. 结构部分

分享前我们先要了解下字体结构:

头部位置∶是在字体里最高字形的基线上方部分所存在的最大间距;向上延伸的部分∶意思具体代表着单个字母在基线上方区域所具有的建议间距;向下延伸的部分∶指的是单个字母在基线下方区域的建议间距;底部位置∶表示的是字母当中最低字形在基线以下部分的最大间距;行与行之间的距离∶实际上指的是字体中相连行的基线之间所存在的距离。

组成基本英文字体的都是这些单位,因此了解这些基础之后,在我们设计当中选择字体才会更加方便。

2. 身体部分

处于较前位置的那张图呈现的是字体的上下结构方面的关系,而眼下这张图更多地侧重于字体自身是究竟由哪些元素所构成的:

躯干,那是数字自身的横竖组成,均为比较笔直的笔画,字碗,顾名思义,是带有弧形的笔划,字环,是字体被包裹起来的空间 。

3. 字距部分

在字距方面,业内存在两种做法,一种是让每个字体保持相同大小,就像我们所熟知的lato那般,而还有另一种做法,则是依照每个字母自身个体大小进行设置,例如数字1会相对小些,数字9会比较大些,这两种布局方式各有优劣,我个人更为推荐前者,即每个字母的间距都采用一样的!

需要注意的点:

很多时候,通常我们在网上免费找一些数字字体,或是选择几款热门字体时,必定要留意检查“$”符号,还要注意检查“%”符号,以及“¥”符号。

另外于选择字体这一时刻,必然得要认真去检查每一个字符,举例来说,数字当中最为容易产生混淆状况的便是1与7,还有0和O 。

常用数字字体

那咱们从事金融设计或者电商设计,到底要用哪几个数字字体呢?在进行选择以前,先瞧瞧互联网公司都在用哪些字体。

苹果系统:使用的旧金山字体,微信:DIN的字体基础上微调

招商银行,采用的是DIN字体,京东金融,其DIN的字体已重新被进行了设计 。

经在百度金融所采用的 DIN 字体基础之上进行调整幅度为 6.9 的操作后,支付宝所采用的是苹果原生的 Neue 字体 。

富途:苹果原生 Neue,韩国SSG:苹果原生 Neue

经过上述简单调研,我们能够发现,当前国内外多数金融产品数字字体,皆是基于苹果自带数字字体,以及Din这个字体进行调整的。那么,Din这个字体备受设计师喜爱的原因究竟是什么呢?

Din故事

德国标准协会是 DIN,它是 für 的首字母缩写,自 1975 年起,德国政府将 DIN 当作国家标准体系,DIN 标准在国际和欧洲范围内被广泛运用,DIN 字体继承了严谨且可识别度高的特点,也被广泛运用。

于德国的公路指示牌那里,还有机场,另外地图之中,大部分都采用Din字体当作引导的字体。

在诸多杂志包装里头,也能够见到大量Din字体被运用,德国人所具有的严谨,于这个字体当中体现得淋漓尽致,达到了极致状态 。

缺陷

之前我们提及,DIN在公路方面应用颇多,在杂志方面应用也不少,于平面设计领域同样运用频繁,但是,当直接将其应用到互联网APP设计各种复杂场景中时,DIN就并非那么完美了。

看图中,4的起始部分比较大,还有5,6字体其呈现的圆形并非高度一致,7在缩小后则存在识别度方面的问题,因而好多公司会依据这些问题展开二次设计,这同样还是前面竞品分析里所提及的,这便是微信,京东,百度在这个基础之上再次进行设计的缘由所在。

常用数字字体

要是仅推荐一种数字字体,那我必定会推荐Din,然而Din并非免费,其价格不低廉,要是需运用每年会发生一笔数额不小的费用,所以要是公司不情愿购买,你能在Din基础上重新设计出一版本,还能够使用一些别的不错的数字字体,接下来给大伙推荐一些具备免费版权可使用的!

1. Gaoel

若是全都采用Din,实际上也极易令人看腻,首先所推荐的这个,我尤为喜爱,其整体字体设计极为圆润,具备年轻化的特质,十分可爱,特别契合一些偏向年轻化的产品,与此同时,字重极其适配金融产品的字重效果!

于支付宝备用金页面里头,运用了类似这般比较有圆润活泼之感的数字字体,大家能够去尝试一下这个字体在您界面之中的效果,肯定不会令人失望的。

2.

谷歌有一款免费字体,其中有这样一个字体,它特别优雅,将它用于 方面,或者应用在界面里头,都显得格外优雅哟 。

3.

谷歌有一款免费字体,它常被使用,除了9这个数字稍微显得有点笨手笨脚以外,其他方面都挺具有现代感的。

4.

为谷歌所拥有的,同样被广泛应用于各类众多设计环节之中,其字体以及所涉及的英文字体均具备良好运用价值。

5. One

替代品是Din字体的那种,很多人一直在寻觅的,要是公司不情愿去购买Din字体,那谷歌旗下的这个字体,是极为完美的替代品,使用呈现出的效果,和Din也不会相差过多。

6.

一款属于谷歌旗下的数字字体,它是免费的,带有极为浓郁的英伦风格以及学院风,将其运用在海报上,或者是一些个人化活动页面,所呈现的效果相当出色,并且,当作英文排版使用时,也是极具高级感的。

7.

来自谷歌旗下的,免费可用的这款字体很不错,它无论是表示英文,还是呈现数字,都显得极为现代化,具备十分干净利索的整体风格,用在PPT里面能有非常好的效果。

8. Nova

这款商品并非免费,然而收取费用的话,那也是完全契合其定价的,至于效果究竟如何,诸位各自能看到的,是极为优雅,充满现代感的 。

9.

极其适配发布会,有着极简风格的网站设计,或者海报,是一款极具现代感且干净的字体,效果如同所示,在各类好看的设计之中都少不了这款字体。

10. Lato

诸多知名 app 都在使用的一款字体,它极具现代科技感,来自谷歌旗下,是一款能确保你不会出错的字体,天猫此前曾使用过其效果相当不错 。

衬线字体

要是仅仅让我去推荐一款衬线英文字体,那必然是它莫属,是我打心眼里喜爱的字体,它将古典与现代优雅融会于一体,不清楚已有多少大牌始终运用这个字体来做设计。

要是你始终在寻觅一款衬线英文字体,那这个必定得算是首要的,效果就要直接看所给出的图片啦!

关乎界面里头的字体系列,到此为止,大体上这些字体,将我们常用的中文以及英文涵盖进去了,把控住这两个,便足够了。

最后

指望借由这两篇的传递,可以助力众人于UI设计里提高字体的运用,以及怎样去规划一个界面的字体,哟!