关于 type-selection
为对话提供字体选择约束的设计 Skill,适用于需要为产品选择字体的人。它要求依据产品语气、实际使用尺寸和字符支持评估,并限制字体数量及搭配方式。
主要功能
- 01依据产品语气选择字体
- 02评估字体在实际尺寸下的表现
- 03检查语言与特殊字符支持
- 04控制字体数量并强调搭配对比
- 05避免仅凭趋势或装饰性选字体
适用场景
- 01为产品界面确定字体方案
- 02评估多语言界面的字体覆盖
- 03为标题与正文设计字体搭配
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ dragoon0x/ taste-skills --skill type-selection安装后在 Claude Code 中输入/type-selection确认已加载。
详细介绍
字体选择
每种字体都承载着文化和情感信息。应根据字体所传达的信息来选择,而不是看它有多流行。
使用方法
/type-selection将字体选择约束应用于此对话。
约束
选择标准
- 必须根据产品的语气来选择,而不是追随当下的趋势
- 必须评估字体在实际使用字号下的表现(正文、UI 标签、标题)
- 必须考虑所需的完整字符集(语言支持、特殊字符、数字)
- 绝不要只因字体流行就选择它,而不评估是否合适
- 应将字体数量限制在 1-2 种。如果说不清为何需要两种,就用一种。
字体传达的信息
- 几何无衬线字体(Inter、Circular、Futura):精准、现代、科技感。它作为默认选择时,本身并不能传达什么,关键在于你如何使用它。
- 人文主义无衬线字体(Source Sans、Lato):温暖、亲切、易读
- 新无衬线字体(Helvetica、Suisse):中性、专业、机构感
- 衬线字体(Georgia、Freight):权威、编辑质感、历久弥新
- 等宽字体(JetBrains Mono、Berkeley Mono):技术可信度、精准
- 展示字体/可变字体(Clash、Cabinet):个性、鲜明特色。只有在系统支持时才适用。
搭配规则
- 搭配字体时必须形成鲜明对比:字号、风格或字重上的对比
- 一种字体用得好,胜过两种字体用得随意
- 绝不要搭配两种中等字重的字体。应拉开差异。
反模式
- 因为欣赏的产品用了某种字体,就选择它(具体情境很重要)
- 将装饰性字体用于正文
- 不评估是否合适,就从“热门字体”列表中挑选
评论
支持 Markdown