关于 type-as-signal
type-as-signal 是一项设计技能,将字体排版作为评估页面审美的首要信号。它引导评审先判断字体选择与处理是否契合产品,再考察其他视觉元素。
主要功能
- 01优先评估字体排版
- 02判断字体是否契合产品
- 03检查字号、字重与行高
- 04评估字距与行长
- 05识别常见排版问题
适用场景
- 01评审页面的视觉设计
- 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