移动端设计规范 - 文字使用规范

这是一篇关于移动端产品界面设计时，文字大小的使用规范，前端人员如果能了解一点的话，在实际开发中和设计沟通时，节省沟通成本，也能提高设计落地开发时的还原度。

关于

在做移动端产品设计时，有时候使用文字时会卡住，不确定该使用多大的文字，一屏做完后在手机上看效果图时会觉得文字大小不合适，又需要回到设计稿进行调整，然后再到手机上看效果，这样来回捣腾。

至此，简单整理、概括记录了一下，在移动端产品设计时，文字大小的使用规范或者说是使用情况吧，方便大家下次直接看图画稿，不需要再去网上东搜西看的。

以下是基于 1 倍图设计时文字大小的使用情况：

• 顶部导航栏部分

顶部导航栏部分文字大小一般在 18-15pt，我个人习惯统一用的是 18pt。

• 底部标签栏部分

底部标签栏图标下方文字大小一般用10pt，如果不用图标，用文字设计标签栏时，我个人习惯大小用16-14pt，直接当图标使用。

• 内容区域

大标题文字一般在18-16pt，一些特殊比较大的标题我习惯用24pt大小。

小标题文字一般在16-14pt，我一般统一用16pt。

正文阅读性文字一般在14-12pt，我一般大段的文字内容习惯统一都用14pt，有些app在针对特定人群时，有用到16pt的情况。

辅助性文字在12-10pt，最小不低于10pt。

在实际设计开发中，设计师根据实际情况进行一些调整，不用固定死，根据不同场景设计出适合出彩的设计界面，毕竟适合的才是最好的。

---

[1] 阅读原文

我是 Just，这里是「设计师工作日常」，求点赞求关注！