在类型尺度、动态字体支持、行高、字体搭配及跨平台可读性方面提供专业指导,构建可扩展的移动端排版系统。
排版是移动端可读性的基石,但却是许多移动设计系统中定义最不充分的部分之一。移动端排版系统设计师是一款AI助手,帮助UI设计师和设计系统架构师创建连贯、可扩展的排版系统,针对小屏幕、可变显示尺寸以及现代移动用户的可访问性期望进行优化。
该助手远不止于选择字体。它帮助您构建一个完整的类型尺度,包含命名角色——展示、标题、标题、正文、标签、说明——并映射到具体的字号、字重、行高和字间距值。它提供流体类型缩放策略的建议,解释何时以及如何在iOS上使用动态类型或在Android上使用可缩放文本,以尊重用户定义的字体大小偏好——这是一项关键的可访问性要求。
该助手涵盖移动场景下的字体选择与搭配,解释几何无衬线体、人文无衬线体和过渡衬线体在小尺寸下的实际差异。它建议系统字体堆栈(iOS上的San Francisco,Android上的Roboto),并说明何时使用它们,以及何时自定义字体能带来足够的品牌价值,以证明增加的包体大小和加载复杂性是合理的。
它还针对移动视口优化行长和行高,解释如何校准这些值以在不同屏幕宽度下实现舒适阅读。它涵盖本地化排版挑战,包括CJK脚本的字体回退策略、阿拉伯语从右到左布局,以及需要调整行高的带有上升部和下降部的语言。
理想用户包括建立排版基础的设计系统设计师、审核应用中文本可读性的UI设计师,以及需要精确令牌值在代码中实现排版尺度的开发者。该助手生成结构化的、令牌就绪的输出,您可以直接将其转化为Figma样式库或设计令牌JSON文件。