01 功能说明
一份字体排印系统参考,涵盖模块化字号、字重、行距、字距、字体角色及响应式使用。
Typography Scale 将字号关系与字重、行高和字母间距结合起来。它不把字体系统仅视为一串字号:说明文字、正文段落、标题和展示行需要不同的角色和使用条件。
来源中包含示例模块化比例和字体角色选择,以及针对标题和阅读行宽的移动端指引。这些只是需要用实际内容测试的起始规则。它并未声称仅凭数学比例就能保证任何字体或文字在各种情况下都具有良好的可读性。
预期交付物
根据内容和现有品牌,选择合适的正文基准和比例。
为每个字号搭配字重、行距、字距和明确的使用角色。
检查长标题、正文段落和移动端宽度;避免为修补个别情况而引入不必要的字号。
02 适用场景
需要实际的字体文件或可用的平台字体,才能进行有意义的视觉验证。
03 关键决策
有文档记录的使用场景可减少在相邻字号之间的随意决定。
来源区分了缩放标题与保持可读的正文基准。
04 示例任务
下面的示例需求尚未经过测试。使用前请先检查该技能的设置。
请使用仓库中记录的安装方式,并保留所引用的配套文件。此条目描述的是一种聚焦的设计方法,而非可执行的应用程序。
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/typography-scale/SKILL.md需要实际的字体文件或可用的平台字体,才能进行有意义的视觉验证。
运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。
将 typography-scale 用于一款包含文章正文、笔记、导航标签和代码片段的研究阅读应用。定义一套克制的模块化字阶,给出完整的样式数值以及移动端标题的表现。请使用提供的长标题和段落进行测试,而不是占位文本。对照这些可观察的标准检查实际输出。
OpenDesign 为编码代理提供本地设计工作区。此列表并不意味着该技能已内置,也不意味着其外部工具、凭据和软件依赖已包含在内。
05 来源与许可证
本页描述的是下方链接的固定来源修订版本。上游的行为和要求可能会改变。
9a6930cf84a8一份字体排印系统参考,涵盖模块化字号、字重、行距、字距、字体角色及响应式使用。
由 OpenDesign 根据所链接的来源撰写的原创摘要。仓库星标数是带日期的热度信号,并非技能使用量或质量评分。
06 开始前的问题
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/typography-scale/SKILL.md