好的字体设计更能提升用户体验

字体设计在我们APP设计中是重要的一个链路，好的字体设计，能更好的提升产品的可读性，有助于用户的快捷操作，提升用户体验。 

设计师应该如何在APP中设计字体，还有哪些需要我们去注意的点？今天从以下几个方向来总结一下：

详细的如下：

一、层级把控

二、默认字体

三、内容把控

四、简洁设计

五、字段空间

六、清晰可读

 一.层级把控

通过调整字体的字重、大小、颜色来突出产品中的重要引导信息，提升视觉焦点，更好的引导用户进行产品操作。

图片来源于behance

二.默认字体

特殊强调字体，我们可以通过切图来进行处理给开发人员。除了特殊字体外，我们尽量在APP设计过程中，采用各端应用的系统默认字体来进行设计。

因为这样可以避免因字体带来的适配问题。同时我们采用各端的系统默认字体，可以采用多种样式应用于产品设计中，比如标题、正文、说明，多种大小字重可以流畅调节。

图片来源于behance

三.内容把控

这个是一个比较容易陷入误区的设计，因为我们在把控内容的时候，不是说把字体设计的很大，让用户看清就可以了，而是要满足用户对于当前信息内容的浏览体验、信息获取。

比如比较典型的工具类产品阿姨一点通，用户人群年龄是比较大的，但是我们在设计时候仅仅需要把字体放大设计吗！

不是的！

需要整理信息流，提升层级，把控内容输出，提升用户可读性，提升浏览体验和信息获取。

图片来源于网络截图

四.简洁设计

1、统一的字体样式，太多的字体样式设计会让产品变得花里胡哨的，用户也没有心情去看了。

图片来源于网络截图

2、避免全部都是字体在页面中的呈现，巧妙的运用图片、卡片、列表等综合表现。让页面变得更有节奏和韵律。

图片来源于behance

五.字段空间

这里的字段空间主要是用于调节字段或者字段组之间的亲密关系。

1、在字段的设计中我们可以采用相对较大的行距来提升用户的浏览效率，减少阅读成本。这样设计其实是运用了我们的亲密原则，调节行与行之前的亲密关系。

图片来源于网络截图

2、在两行、较少行数或者相对亲密的信息字段组设计中，我们可以增加他们的亲密关系，减少行距，那样在整体页面中，视觉焦点就会更加集中，用户学习浏览成本也会减少。

图片来源于网络截图

六.清晰可读

确保页面的清晰可读性，是重要的一环，即使很小的字体（比如说明文字、提示文字），我们也要保证他的清晰度可读性。

所有文字均应该清晰易读并且符合可访问性的标准，比如参考设计可以参考无障碍访问指南（WCAG）,一般我们要求字体之间的颜色对比度为4.5:1。当然这些设计原则指南，也是让我们去参考设计的，具体的设计细节还是要以我们产品为中心进行设计。

图片来源于behance

以上就是本期分享的内容，我们下期再见~

转载声明：本文来源于网络，不作任何商业用途