mcpField
T
type-selection

type-selection

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

关于 type-selection

为对话提供字体选择约束的设计 Skill,适用于需要为产品选择字体的人。它要求依据产品语气、实际使用尺寸和字符支持评估,并限制字体数量及搭配方式。

主要功能

  1. 01依据产品语气选择字体
  2. 02评估字体在实际尺寸下的表现
  3. 03检查语言与特殊字符支持
  4. 04控制字体数量并强调搭配对比
  5. 05避免仅凭趋势或装饰性选字体

适用场景

  1. 01为产品界面确定字体方案
  2. 02评估多语言界面的字体覆盖
  3. 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