mcpField
T
type-systems

type-systems

github.com/dragoon0x设计与 UI681 次安装35 周前更新
代码仓库

关于 type-systems

type-systems 是一项用于规范排版决策的设计技能,适合需要建立一致文字层级的设计师。它以数学比例控制字号,并为字重、行高和字距设定明确约束。

主要功能

  1. 01按数学比例设定字号阶梯
  2. 02每个屏幕最多使用 4–6 种字号
  3. 03为不同字重指定用途
  4. 04按文本类型设定行高
  5. 05规范字距与行宽

适用场景

  1. 01为界面建立一致的字号阶梯
  2. 02控制单屏文字层级与字重数量
  3. 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