移动端界面设计规范手册（执行版）.docxVIP

移动端界面设计规范手册（执行版）

第1章通用设计规范

1.1基础字体规范

定义字体家族与层级逻辑：系统必须严格区分标题、正文字、辅助文字三种层级，通过字体大小（Size）和字重（Weight）的组合来体现视觉主次。例如，在移动端H5页面中，一级标题应使用24pt的Bold字体，二级标题使用16pt的Semibold字体，正文内容则统一使用14pt的Regular字体，确保阅读时的节奏感。指定基础字库文件路径：开发团队需将字体文件（如.ttf或.otf）存放于项目根目录下的assets/fonts文件夹中，并建立清晰的目录结构（如/fonts/Inter/Regular/），确保字体加载路径绝对化，避免跨域或路径错误导致字体显示异常。

设定最小字号与防阅读障碍阈值：规定正文最小字号不得低于12pt，且行高（Line-height）不得低于1.5倍，以防止用户因字号过小而产生视觉疲劳或阅读困难，特别是在视口宽度小于375px的窄屏设备上。定义特殊场景字体适配策略：针对iOS和Android系统原生字体差异，需明确在iOS上优先使用系统字体栈（SanFrancisco），而在Android上优先使用Roboto或系统默认字体，并在代码中通过font-face或系统字体API进行动态降级加载。