mcpField
T
type-as-signal

type-as-signal

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

关于 type-as-signal

type-as-signal 是一项设计技能,将字体排版作为评估页面审美的首要信号。它引导评审先判断字体选择与处理是否契合产品,再考察其他视觉元素。

主要功能

  1. 01优先评估字体排版
  2. 02判断字体是否契合产品
  3. 03检查字号、字重与行高
  4. 04评估字距与行长
  5. 05识别常见排版问题

适用场景

  1. 01评审页面的视觉设计
  2. 02先于色彩和图像评估排版

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/dragoon0x/taste-skills --skill type-as-signal

安装后在 Claude Code 中输入/type-as-signal确认已加载。

详细介绍

Type as Signal

你可以从设计师的字体运用中读出其品味,甚至在注意到其他任何元素之前。

如何使用

  • /type-as-signal 在本次对话中应用字体信号分析,评估排版质量。

约束

字体呈现的信号
  • MUST 先将字体视为主要的品味信号进行评估,再分析颜色、布局或图像
  • 一张没有图片但排版精良的页面,比一张排版糟糕、铺满精美摄影作品的页面更能体现品味
  • MUST 检查:字体是否让人觉得适合这个产品,还是换成其他字体也不会有人注意到?
字体品味出色的信号
  • 尺度一致,且遵循清晰的数学比例
  • 字重运用有目的性(而非随意加粗)
  • 行高根据标题、正文和 UI 适当变化
  • 全大写文本和展示字号的字距经过调整
  • 控制文本宽度(行长),确保易读性
  • 字体选择体现产品的个性,而非设计师作品集的审美
字体品味欠佳的信号
  • 字号过多,却没有统一的系统
  • 界面中随意使用粗体
  • 不论字号大小,行高都相同
  • 在正文中使用装饰性字体
  • 忽视字号与容器宽度之间的关系
反模式
  • 只根据字体名称评估排版,而忽视字体的实际运用方式
  • 把所有无衬线字体都视为可以互换
  • 忽视字体,转而关注更具视觉冲击力的元素(颜色、图像)

评论

支持 Markdown