关于 type-systems
type-systems 是一项用于规范排版决策的设计技能,适合需要建立一致文字层级的设计师。它以数学比例控制字号,并为字重、行高和字距设定明确约束。
主要功能
- 01按数学比例设定字号阶梯
- 02每个屏幕最多使用 4–6 种字号
- 03为不同字重指定用途
- 04按文本类型设定行高
- 05规范字距与行宽
适用场景
- 01为界面建立一致的字号阶梯
- 02控制单屏文字层级与字重数量
- 03调整正文、标题和标签的行高
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ dragoon0x/ taste-skills --skill type-systems安装后在 Claude Code 中输入/type-systems确认已加载。
详细介绍
排版系统
排版是一套系统。每个决定都应经过深思熟虑,并彼此关联。
使用方法
/type-systems将排版系统约束应用于此对话。
约束
字号比例
- MUST 在字号比例中使用数学比例(不同字号之间采用 1.25、1.333、1.5)
- 范围较宽(12px 到 72px):层次鲜明,适合编辑和营销内容
- 范围较窄(14px 到 24px):层次微妙,适合信息密集的产品
- NEVER 使用随机字号。不在比例中的字号不应存在。
- MUST 将每个屏幕上的字号限制在最多 4-6 种,并为每种字号提供明确理由
字重
- 1-2 种字重:体现克制。层次应通过字号和间距体现,而不是字重。
- 3 种字重:常见范围。正文使用常规字重,强调内容使用中等字重,标题使用粗体。
- 4 种以上字重:要么是系统有此需求,要么是你还没做出决定。
- MUST 确保每种字重都有明确且独特的用途
行高
- 正文:字号的 1.5-1.7 倍。可读性由此而来。
- 标题:字号的 1.1-1.3 倍。大字号本身就留有呼吸空间。
- UI 标签:字号的 1.2-1.4 倍。紧凑但不拥挤。
- NEVER 为所有字号使用相同行高
字间距
- 正文:保持默认。字体设计师已经做过优化。
- 全大写标签:增加 2-5% 的字距。大写字母需要更多空间。
- 大号展示文字(72px 及以上):有时适合收紧字距。
反模式
- 单个屏幕上使用超过 3 种字号,却没有明确的层次依据
- 居中对齐超过 3 行的段落
- 行宽超过 75 个字符(会影响可读性)
- 字重使用不一致,且没有系统依据
评论
支持 Markdown