SuperAPI AI 工具集

typeset

通用与其它

查看项目

更新于 10-16 03:37

技能介绍

用途:评估并改进显得通用、不一致或结构混乱的排版,把默认样式的文字变成有意图、经过打磨的字体设计。适用于用户提到字体、排版或文字样式时。

使用前准备:必须先调用 /impeccable,其中包含设计原则、反模式与上下文收集协议;若尚无设计上下文,必须先运行 /impeccable teach。

主要评估维度:字体选择(是否使用隐形默认字体如 Inter、Roboto、Arial、Open Sans、系统默认;字体是否匹配品牌个性;字体家族是否超过 2-3 种);层级(标题、正文、说明能否一眼区分;字号是否过于接近;字重对比是否足够);字号与比例(是否有统一类型比例;正文是否达到 16px+;应用 UI 用固定 rem 比例,营销/内容页标题用 clamp() 流式尺寸);可读性(行长 45-75 字符为宜;行高是否合适;文字与背景对比度是否足够);一致性(同类元素样式是否统一;字重用法是否一致;字距是否有意设计)。

改进方式:必要时更换字体;建立模块化类型比例(如 1.25);定义各字重角色;设置行高、字距与间距;用 ch 单位限制文本容器宽度(如 max-width: 65ch);标题行高 1.1-1.2,正文 1.5-1.7;用 tabular-nums 对齐数据;使用语义化 token 名称(如 --text-body);开启 font-kerning: normal;用 font-display: swap 和度量匹配的回退字体避免布局偏移。

限制与禁忌:不超过 2-3 个字体家族;不随意设字号;正文不低于 16px;不用装饰/展示字体排正文;不禁止浏览器缩放;不用 px 设字号而用 rem;品牌个性重要时不默认用 Inter/Roboto/Open Sans;不搭配相似但不同源字体(如两种几何无衬线);字重不超过 3-4 种,且只加载实际用到的字重。

验证:检查层级是否一眼可辨、长文本是否易读、同类元素是否一致、字体是否体现品牌、Web 字体加载是否高效无布局偏移、是否满足 WCAG 对比度并可缩放至 200%。