1. 首页

设计好看,有本事设计中的数字也好看

谷歌免费字体中很优雅的一个字体,用在数字上或者界面中都非常的优雅。谷歌免费字体中经常被用到的一个字体,除了9稍微显得有点笨拙以外其他都挺现代的。Din字体的替代品,很多人一直在寻找的,如果公司不愿意购买Din字体,那么谷歌旗下这个字体非常完美的替代品,使用出来的效果和Din也不会相差很多。

设计好看,有本事设计中的数字也好看

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

设计好看,有本事设计中的数字也好看

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

设计好看,有本事设计中的数字也好看

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

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

Din故事

设计好看,有本事设计中的数字也好看

DIN是欧洲标准协会,DeutschesInstitutfürNormung的首字母缩写。1975年起,德国政府把DIN作为国家标准模式,DIN标准在国际和美国范围内被广泛使用。DIN字体继承了细致可辨识度高,被广泛利用。

设计好看,有本事设计中的数字也好看

设计好看,有本事设计中的数字也好看

设计好看,有本事设计中的数字也好看

设计好看,有本事设计中的数字也好看

▲在德国铁路指示牌,以及车站,地图上面,大多数采用Din字体成为引导字体。

设计好看,有本事设计中的数字也好看

▲在这些杂志包装中,也可见长期Din字体的采用,德国人的简练在这个字体中表现的淋漓极致。

设计好看,有本事设计中的数字也好看

设计好看,有本事设计中的数字也好看

▲缺陷:前面我们说了DIN在道路及其杂志,平面设计中用的好多,但是直接获得互联网APP设计中诸多复杂的画面,DIN就没有这么的完美,如图中,4的开头较大,以及5,6字体的圆形不够一致,7缩小后识别度问题,所以好多公司就会基于这种弊端进行二次设计,这只是后面竞品分析上面提及,为什么微信,京东,百度会这个基础上再设计的理由。

常用数字字体

设计好看,有本事设计中的数字也好看

设计好看,有本事设计中的数字也好看

如果只推荐一个数字字体,我恐怕会推荐Din,但是Din并不免费,价格不划算,如果必须运用每年会有一笔不小的成本,所以即使公司不乐意购买,你可以Din基础再从新设计一版本,也可以使用一些其它不错的数字字体,接下去给你们推荐一些免费版权使用的!

设计好看,有本事设计中的数字也好看

1.Gaoel

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

设计好看,有本事设计中的数字也好看

▲在支付宝备用金页面中,就利用了类似这样非常细腻有可爱感数字字体!你们可以尝试下这个图标在你界面中效果,保证不会失望。

设计好看,有本事设计中的数字也好看

2.Montserrat

谷歌免费字体中很优雅的一个字体,用在数字上以及界面中都十分的优雅。

设计好看,有本事设计中的数字也好看

设计好看,有本事设计中的数字也好看

3.Poppins

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

设计好看,有本事设计中的数字也好看

4.Bitter

谷歌旗下的相同广泛采用到各类设计中,字体和中文字体都很好用。

设计好看,有本事设计中的数字也好看

5.FjallaOne

Din字体的代替品,很多人仍然在寻求的,如果公司不乐意购买Din字体,那么谷歌旗下这个字体更加完美的代替品,使用起来的效果和Din也不会相差太多。

设计好看,有本事设计中的数字也好看

6.Graduate

设计好看,有本事设计中的数字也好看

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

设计好看,有本事设计中的数字也好看

7.Futura

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

设计好看,有本事设计中的数字也好看

8.ProximaNova

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

设计好看,有本事设计中的数字也好看

9.Gotham

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

设计好看,有本事设计中的数字也好看

设计好看,有本事设计中的数字也好看

10.Lato

特别现代技术感的一款字体,无数知名app在用的图标,同样出自谷歌旗下,保证你不会错误的一款字体,之前天猫用过,效果比较好。

衬线字体

设计好看,有本事设计中的数字也好看

PlayfairDisplay

如果只让我推荐一款衬线英文字体,那么应该是PlayfairDisplay莫属,心头大爱的字体,古典,现代时尚于一体,不清楚多少大牌一直用这个字体做设计。

如果你仍然在寻求一款衬线英文字体,那么这个需要首先,效果直接看图!

关于界面中字体系列就到此处,基本这些字体覆盖我们常见的中英文,掌握这两个就够了。

最后

希望通过这两篇的分享,能够帮助你们在UI设计中提高字体的利用,以及怎样去定义一个图标的字体!

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=1024

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息