做好设计的10款常用的数字字体推荐

设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击
当前位置:首页资讯动态做好设计的10款常用的数字字体推荐
       

做好设计的10款常用的数字字体推荐

字体的骨架

做好设计的10款常用的数字字体推荐

1. 结构部分

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

  1. 顶部:字体中最高字形的基线上方的最大距离;
  2. 上升:单个字母的基线上方的建议距;
  3. 下降:单个字母的建议距离低于基线;
  4. 底部 :字母中最低字形的基线以下的最大距离;
  5. 行距:指代字体连行的基线间的距离。

基本的英文字体都是由这些单位组成的,所以在了解这些基础后,才更加方便我们设计中如何选择字体。

做好设计的10款常用的数字字体推荐

2. 身体部分

前面那张图是字体的上下结构关系,那么这张图更多是字体本身由那些元素组成:

  1. 躯干:也就是数字本身的横竖,比较笔直的笔画;
  2. 字碗:顾名思议,带弧形的笔划;
  3. 字环:字体被包裹的空间。

做好设计的10款常用的数字字体推荐

3. 字距部分

在字距上,业内两种做法,一种是每个字体相同的大小,比如我们熟悉的lato,也有一种做法是根据每个字母本身一个大小,比如1会小一些,9会大一些,这两种布局方式有好有坏,我个人更推荐前者,每个字母间距采用一样的!

需要注意的点:

做好设计的10款常用的数字字体推荐

▲ 通常我们很多时候,网上去免费找一些数字字体,或者选择几款热门字体时候,一定需要注意检查“$”和“%”“¥”符号。

做好设计的10款常用的数字字体推荐

▲ 另外在选择字体时候,一定需要仔细检查每个字符,比如数字中最容易混淆的就是1和7,0和O。

常用数字字体

那么我们做金融设计或者电商设计,数字字体到底用哪几个呢?在选择之前,先来看看互联网公司都在使用哪些字体。

做好设计的10款常用的数字字体推荐

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

做好设计的10款常用的数字字体推荐

▲ 招商银行:DIN字体;京东金融:DIN的字体,重新进行了设计

做好设计的10款常用的数字字体推荐

▲ 百度金融:DIN字体基础上调整6.9,支付宝:苹果原生Helvetica Neue

做好设计的10款常用的数字字体推荐

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

所以通过以上简单调研,我们不难发现,现在国内外大多数金融产品数字字体都是运用苹果自带数字字体,以及Din这个字体基础上调整,那么为什么Din这个字体这么受设计师喜爱呢?

Din故事

做好设计的10款常用的数字字体推荐

DIN 是德国标准协会,Deutsches Institut für Normung 的首字母缩写。1975年起,德国政府把DIN作为国家标准体系,DIN 标准在国际和欧洲范围内被广泛使用。DIN 字体继承了严谨可识别度高,被广泛运用。

做好设计的10款常用的数字字体推荐 做好设计的10款常用的数字字体推荐 做好设计的10款常用的数字字体推荐

▲ 在德国公路指示牌,以及机场,地图里面,大多数运用Din字体作为引导字体。

做好设计的10款常用的数字字体推荐

▲ 在很多杂志包装中,也可见大量Din字体的运用,德国人的严谨在这个字体中体现的淋漓极致。

做好设计的10款常用的数字字体推荐

缺陷

前面我们说了DIN在公路以及杂志,平面设计中用的很多,但是直接拿到互联网APP设计中各种复杂的场景,DIN就没有那么的完美。

如图中,4的开头较大,以及5,6字体的圆形不够一致,7缩小后识别度问题,所以很多公司都会基于这些问题进行二次设计,这也是前面竞品分析里面提到,为什么微信,京东,百度会这个基础上再设计的原因。

常用数字字体

如果只推荐一个数字字体,我肯定会推荐Din,但是Din并不免费,价格不便宜,如果需要运用每年会有一笔不小的费用,所以如果公司不愿意购买,你可以Din基础再重新设计一版本,也可以使用一些其他不错的数字字体,接下来给大家推荐一些免费版权使用的!

1. Gaoel

如果都是用Din其实也容易看腻歪,首先推荐的这个我特别喜欢,整体字体设计很圆润,年轻化,可爱非常适合一些偏年轻化的产品,同时字重非常适合金融产品的字重效果!

做好设计的10款常用的数字字体推荐

▲ 在支付宝备用金页面中,就运用了类似这种比较圆润有活泼感数字字体!大家可以尝试下这个字体在你界面中效果,保证不会失望。

做好设计的10款常用的数字字体推荐

2. Montserrat

谷歌免费字体中很优雅的一个字体,用在数字上或者界面中都非常的优雅。

做好设计的10款常用的数字字体推荐

3. Poppins

谷歌免费字体中经常被用到的一个字体,除了9稍微显得有点笨拙以外其他都挺现代的。

做好设计的10款常用的数字字体推荐

4. Bitter

谷歌旗下的同样广泛运用到各种设计中,字体和英文字体都很好用。

做好设计的10款常用的数字字体推荐

5. Fjalla One

Din字体的替代品,很多人一直在寻找的,如果公司不愿意购买Din字体,那么谷歌旗下这个字体非常完美的替代品,使用出来的效果和Din也不会相差很多。

做好设计的10款常用的数字字体推荐

6. Graduate

谷歌旗下免费的,非常英伦风格和学院风的一款数字字体,用在海报或者一些个人化活动页面效果非常好,当然作为英文排版也是很高级。

做好设计的10款常用的数字字体推荐

7. Futura

谷歌旗下免费的,这个字体无论英文还是数字都非常现代化,非常干净利索的一款字体,做到PPT里面效果非常好。

做好设计的10款常用的数字字体推荐

8. Proxima Nova

这款不免费,当然收费也非常对得起他这个价格,效果大家可以自己看,非常优雅,现代。

做好设计的10款常用的数字字体推荐

9. Gotham

非常适合发布会,极简的网站设计,或者海报,非常现代干净的一款字体,效果如图,dribbble上各种好看的设计里面都跑不了这款字体。

做好设计的10款常用的数字字体推荐

10. Lato

非常现代科技感的一款字体,无数知名app在用的字体,同样出自谷歌旗下,保证你不会出错的一款字体,之前天猫用过,效果非常好。

衬线字体

做好设计的10款常用的数字字体推荐

Playfair Display

如果只让我推荐一款衬线英文字体,那么必须是Playfair Display莫属,心头大爱的字体,古典,现代优雅于一体,不知道多少大牌一直用这个字体做设计。

如果你一直在寻找一款衬线英文字体,那么这个选择不错,效果直接看图!

最后

希望通过这篇分享,能够帮助大家在设计中提升字体的运用,以及如何去选择一个合适的字体!

温馨提示:

文章标题:做好设计的10款常用的数字字体推荐

文章链接:https://www.mfonts.cn/324.html

更新时间:2024年05月30日

  • 字库星球是一个收集整理全网免费字体的公益项目,下载字体完全免费!无需关注公众号,无需注册,直接免费下载
  •  
  • 本项目的持久运营离不开您的支持,如果您觉得有帮助,请把字库星球推荐给你的朋友字库星球全站字体合集打包,省时省力
  • 下载好的字体不会安装?点此查看字体安装教程
  • 下载或使用中有问题请点联系邮箱service@mfonts.cn

给TA充电
共{{data.count}}人
人已充电
0 收藏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧

特别鸣谢

Logo 1 Logo 2 Logo 3 Logo 1 Logo 2 Logo 1 Logo 1 Logo 2 Logo 3 Logo 1 Logo 2 Logo 1 Logo 1 Logo 2 Logo 3 Logo 1 Logo 2 Logo 1 Logo 1 Logo 2 Logo 3 Logo 1 Logo 2 Logo 1
Logo 1 Logo 2 Logo 3 Logo 1 Logo 2 Logo 1 Logo 2 Logo 3 Logo 1 Logo 2 Logo 1 Logo 2 Logo 3 Logo 1 Logo 2 Logo 1 Logo 2 Logo 3 Logo 1 Logo 2 Logo 1 Logo 2 Logo 3 Logo 1 Logo 2
Logo 7 Logo 8 Logo 9 Logo 7 Logo 8 Logo 7 Logo 8 Logo 9 Logo 7 Logo 8 Logo 7 Logo 8 Logo 9 Logo 7 Logo 8 Logo 7 Logo 8 Logo 9 Logo 7 Logo 8 Logo 7 Logo 8 Logo 9 Logo 7 Logo 8
Logo 10 Logo 11 Logo 12 Logo 10 Logo 11 Logo 10 Logo 11 Logo 12 Logo 10 Logo 11 Logo 10 Logo 11 Logo 12 Logo 10 Logo 11 Logo 10 Logo 11 Logo 12 Logo 10 Logo 11 Logo 10 Logo 11 Logo 12 Logo 10 Logo 11 Logo 10 Logo 11 Logo 12 Logo 10 Logo 11
共同维护设计版权
加入官方微信社群,获取全网最新免费可商用字体资讯
并与字库星球一起交流

版权所有Copyright©2024字库星球保留资源解释权,如有侵权,请联系我及时处理。·沪ICP备2023027615号-1