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

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

关于

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

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

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

  • 顶部导航栏部分

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

  • 底部标签栏部分

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

  • 内容区域

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

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

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

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

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


1\] [阅读原文](https://mp.weixin.qq.com/s/bfbqADy0ACHXrZHWPmqtOw) 我是 Just,这里是「设计师工作日常」,求点赞求关注!

相关推荐
前端不太难2 小时前
RN Hooks 设计规范与反模式清单
开发语言·php·设计规范
Digitally3 小时前
无需 iTunes 将文件从 PC 传输到 iPhone
ios·iphone
北极糊的狐3 小时前
三星 One UI 8 停止支持 三星Dex后的替代指南
ui
狮智先生4 小时前
【编程实践】Windows + PySide6 + Matplotlib 绘图时 WinError 32 的完整排查与解决方案
windows·ui·个人开发·matplotlib·交通物流
starrycode8884 小时前
【每日一个知识点】Kotlin开发基础知识
ui·kotlin
Kingfar_15 小时前
智能产品适老化设计研究:基于移动终端的智能家居界面原型人机交互设计定量化分析
科技·人机交互·智能家居·ux·用户体验
1024小神5 小时前
xcode 配置了AppIcon 但是不显示icon图标
ios·swiftui·swift
黄旺鑫6 小时前
系统安全设计规范 · 短信风控篇【参考】
java·经验分享·系统·验证码·设计规范·短信·风控
熊明才6 小时前
gradio-tunneling如何将无公网端口的内部服务代理到公网(2025-12-17亲测有效)
linq·ux·tunneling
企微自动化7 小时前
企业微信客户端 UI 自动化定位技术的稳定性和局限性
ui·自动化·企业微信