SuperAPI AI 工具集

typeset

设计与创作

查看项目

更新于 10-16 01:33

技能介绍

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

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

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

改进方式:制定系统计划,包括字体替换、模块化比例(如 1.25)、字重角色分工、行高与字距。建立层级时用 5 个字号覆盖多数需求(说明、次要、正文、小标题、标题),用一致比例,结合字号、字重、颜色、间距。可读性上用 ch 单位限制文本容器宽度(如 max-width: 65ch),标题行高 1.1-1.2、正文 1.5-1.7,浅色文字加深背景时略增行高。细节上对数据表格用 tabular-nums,使用语义化 token 名(--text-body、--text-heading),设置 font-kerning: normal。字重不超过 3-4 种,只加载实际使用的字重。

禁止事项:不超过 2-3 个字体家族;不随意选字号;正文不低于 16px;正文不用装饰/展示字体;不禁用浏览器缩放;字号不用 px 而用 rem;品牌个性重要时不默认用 Inter/Roboto/Open Sans;不搭配相似但不相同的字体。

验证:检查层级能否瞬间区分、长文阅读是否舒适、同类元素是否一致、排版是否体现品牌、网页字体是否高效加载且无布局偏移、是否满足 WCAG 对比度并可缩放至 200%。

限制:资料未提供具体安装命令、平台支持、收费方式与价格信息。