SuperAPI AI 工具集

readable-measure

设计与创作

查看项目

更新于 10-16 06:19

技能介绍

用途:readable-measure 关注排版中的“行宽”(measure),即一行文本的长度,目标是让正文列宽在各类设备与字号下都便于舒适、不中断地阅读。

主要能力:给出可读行宽的原则与区间。理想范围为每行 45–75 个字符(含空格),66 字符常被视为最佳值。低于 45 字符过短,视线频繁换行、节奏被打断;高于 75 字符过长,视线回到下一行开头时容易丢失位置。45–75 是正文的目标区间,更窄的 50–60 适合文章或文档等持续阅读场景。

使用方式:可用 ch 单位(0 字形宽度)作粗略代理,例如 max-width: 65ch;再通过统计代表性段落中的实际字符数来验证,因为 ch 只是近似值。需按字体调整:宽字体(如 Georgia)需要更窄的列,窄体字可稍宽。展示型文字和短 UI 字符串不适用,该原则针对正文与阅读场景。响应式方面:移动端单列在 16px 以上通常全宽即可(小屏很少超过 70 字符);平板与桌面应显式限制列宽,不要让文本拉伸到容器边缘;多列布局中每一列都应独立满足 45–75 规则。

按场景的目标:长文、文档 55–70 字符;UI 正文、描述 45–65 字符;说明文字、辅助文本 40–60 字符;引文、提示框 30–45 字符。

最佳实践:对文本容器设置 max-width,而不只是调整字号;列宽增大时适当增加行高(行宽越宽需要越多行距);用真实内容测试,占位文本会掩盖行宽问题;每当字体或字号变化时重新检查行宽。

限制:资料未提供具体实现代码、安装命令、平台支持或收费信息。