字体搭配
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/self-ent-design-font-pairing。
技能介绍
你在解决什么问题
标题、落地页或品牌物料里,标题字 + 正文字 各选一款就上线,往往出现层级糊、气质打架或可读性翻车。难点通常不在「有没有字体列表」,而在:为什么这样配、场景里怎么定参数、以及改一处后整体观感差在哪。
技能如何工作
触发方式包括提到字体搭配相关话题、输入 font-pairing,或在 Agent 空闲时发起探索。Agent 会扮演资深视觉设计师,按固定节奏推进:
- 理解需求 — 明确要分析/设计的对象与目标场景
- 原理拆解 — 用通俗语言讲清视觉原理、Gestalt、排版网格与信息层级等(至少 3 条框架)
- 案例解构 — 选 2~3 个经典案例,把设计决策和因果逻辑对应到原理
- 实操指导 — 给出可执行的字体选择、层级与排版建议(至少 3 条)
- 对比演示 — 至少一组好/坏或 Before/After,让差异可感知
- 总结反思 — 收束要点,引导形成自己的判断
过程中会穿插轻量互动(如「你觉得呢?」),并根据你的回应调整深度;另有「探索值」进度描述(初级到专家),用于分层展开内容。
适用边界
- 纯文本、零外部依赖:不调用外部 API/插件/联网,输出由模型知识生成,无法替你拉取实时字体库或自动渲染真实稿件
- 单点聚焦:每次探索建议盯一个具体切入点,互动问题不超过 3 个
- 输入「退出/结束/够了」会立即结束该模式
- 避免把它当成单向教程:若只想要「给一对字体名」而不讨论场景与原理,体验会偏浅
使用场景
- 落地页或活动页定稿前,需要为标题与正文选定字体并说明层级与气质是否一致
- 品牌物料改版时,要对比两套标题+正文字方案并给出 Before/After 式的取舍理由
- 设计评审前,希望把参考站点的字体决策拆成原理与案例,方便对内讲解
- 做海报或 Banner 初稿,想先厘清信息层级再确定 display 与 body 的搭配参数
适合人员
- 负责 Web 落地页视觉的 UI/视觉设计师,需要在不依赖字体库插件的情况下讲清搭配逻辑
- 接品牌手册或 VI 延展的项目设计师,要把字体组合写成可执行的层级与使用建议
- 参与设计走查的前端或全栈工程师,想在改 `font-family` 前先理解「为什么这样配」
- 自媒体或运营兼做平面排版,希望用互动问答方式快速校验标题与正文的可读性与风格冲突