Design Vocabulary设计词汇 · 样本集 01

VOCABULARY / 词条

Q 版

Chibi

加入比较 +

一种角色造型方式:把头部放大到接近身体的一半甚至更多,四肢缩短变圆,五官只保留放大的眼睛与极简的鼻嘴,用刻意失真的比例换取可爱与亲和的表达。

示意图 · 编辑插画,尚无可操作示例
一张名为 FIELDNOTES 的虚构插画板:同一个虚构的狐狸吉祥物以正常头身比和二头身 Q 版并排出现,Q 版一侧头部明显放大、四肢短圆、眼睛被放大,两个形象下方各排着灰色占位文本条。
一张名为 FIELDNOTES 的虚构插画板:同一个虚构的狐狸吉祥物以正常头身比和二头身 Q 版并排出现,Q 版一侧头部明显放大、四肢短圆、眼睛被放大,两个形象下方各排着灰色占位文本条。

识别特征

  • 头身比压缩到约二至三头身
  • 四肢短小、末端简化,常省略手指与关节
  • 放大的眼睛搭配极简的鼻与嘴

概念边界

本词条讨论的是这种比例变形手法本身,以及它在吉祥物、贴纸与界面插画中的用法;不概括日本动画与漫画的整体风格,也不等同于"任何可爱的插画"。判定标准是头身比的刻意压缩与细节的系统性删减,而不是柔和的配色或圆角。它是一种造型语法,可以叠加在不同的上色与线条风格上;因此"Q 版"与具体画风(赛璐珞上色、厚涂、扁平矢量)是两个独立维度。

什么时候考虑它

  • 需要在很小的尺寸下仍能辨认出角色与表情
  • 产品需要一个亲和、低压力的形象来承担引导或陪伴
  • 同一角色要大量复用为贴纸、头像或状态图

什么时候慎用

  • 内容严肃或涉及风险、金钱、健康等高代价决策
  • 角色需要表现真实的身体动作、体型差异或专业身份
  • 用可爱形象柔化一条本应被清楚看见的负面信息

取舍

压缩比例换来的是小尺寸辨识度与亲和力,代价是失去身体表达与真实感:同一角色越可爱,越难承担严肃、专业或警示性的内容。

条件规则 · 编辑建议

当角色用于传达错误、风险或需要用户承担后果的信息必须信息本身用中性、准确的文字直说,不要让可爱形象承担削弱严重性的作用。
当同一角色需要覆盖多种尺寸建议先在最小尺寸上确定可辨认的轮廓与表情,再向上添加细节,而不是把大图直接缩小。

相关词条

扁平化设计 ↗可以配合 · 角色插画需要与扁平化的界面视觉共存

Q 版决定角色的比例语法,扁平化决定上色与描边方式,两者是可以独立选择的不同维度。

AI 内容标记 ↗条件冲突 · 可爱的角色形象被用来呈现自动生成的结果或其可靠性

角色的亲和力会让用户低估结果的不确定性,可靠性标记因此必须独立、显式地呈现,而不是由形象暗示。

骨架屏 ↗相关但不同 · 空白或等待状态需要一张插画来占位

角色插画能缓和空白状态的尴尬,但它不提供任何进度或结构信息,这部分仍须由状态元素承担。

来源与支持范围

Wikipedia · Chibi (style) ↗

该条目说明 chibi(又称 super deformation / SD)是源自日本的绘画风格,常见于动画与漫画,角色被夸张地画成矮小圆胖、四肢短促、眼睛与头部偏大、鼻子与身体偏小、细节极少;本词条的造型描述据此转述,界面用法的建议属编辑意见。

检索日期:2026-09-16 · 快照待确认

定义参考以上来源;数字界面示例、选择建议、条件关系及配方由本样例编辑,尚未经用户研究验证。

类型扩展与实现说明

本词条尚无可操作示例;插画为编辑示意,用虚构角色展示比例变形的做法,不代表任何既有形象。应用到产品前仍须确认角色不会削弱严肃信息,并在最小使用尺寸上验证可辨认度。

{
  "tokens": {
    "surface": "#fbf4e6",
    "ink": "#33302b",
    "accent": "#e08a4b",
    "radiusPx": 20,
    "shadow": "0 3px 10px rgba(51, 48, 43, 0.12)"
  },
  "tokenScope": "本样例配方:暖米底色、深墨色轮廓与橙色强调色,只示意插画常用的一种取值;Q 版是造型语法,实际配色应跟随产品自身的视觉系统。"
}
完整 Agent 条目 JSON
{
  "id": "chibi",
  "type": "visual",
  "name": {
    "zh": "Q 版",
    "en": "Chibi"
  },
  "aliases": [
    "Super Deformed",
    "SD Style",
    "Q版造型",
    "二头身"
  ],
  "granularity": "experience",
  "intents": [
    "express-brand",
    "organize-content"
  ],
  "tags": [
    "角色造型",
    "夸张比例",
    "可爱",
    "插画",
    "吉祥物"
  ],
  "definition": "一种角色造型方式:把头部放大到接近身体的一半甚至更多,四肢缩短变圆,五官只保留放大的眼睛与极简的鼻嘴,用刻意失真的比例换取可爱与亲和的表达。",
  "boundary": "本词条讨论的是这种比例变形手法本身,以及它在吉祥物、贴纸与界面插画中的用法;不概括日本动画与漫画的整体风格,也不等同于\"任何可爱的插画\"。判定标准是头身比的刻意压缩与细节的系统性删减,而不是柔和的配色或圆角。它是一种造型语法,可以叠加在不同的上色与线条风格上;因此\"Q 版\"与具体画风(赛璐珞上色、厚涂、扁平矢量)是两个独立维度。",
  "signature": [
    "头身比压缩到约二至三头身",
    "四肢短小、末端简化,常省略手指与关节",
    "放大的眼睛搭配极简的鼻与嘴"
  ],
  "when": [
    "需要在很小的尺寸下仍能辨认出角色与表情",
    "产品需要一个亲和、低压力的形象来承担引导或陪伴",
    "同一角色要大量复用为贴纸、头像或状态图"
  ],
  "when_not": [
    "内容严肃或涉及风险、金钱、健康等高代价决策",
    "角色需要表现真实的身体动作、体型差异或专业身份",
    "用可爱形象柔化一条本应被清楚看见的负面信息"
  ],
  "tradeoff": "压缩比例换来的是小尺寸辨识度与亲和力,代价是失去身体表达与真实感:同一角色越可爱,越难承担严肃、专业或警示性的内容。",
  "comparison": {
    "focus": "用比例变形换取可爱与小尺寸辨识度",
    "mechanism": "放大头部、缩短四肢、系统性删减细节",
    "cost": "失去身体表达,难以承载严肃内容"
  },
  "sources": [
    {
      "id": "chibi-wikipedia",
      "title": "Wikipedia · Chibi (style)",
      "url": "https://en.wikipedia.org/wiki/Chibi_(style)",
      "claim": "该条目说明 chibi(又称 super deformation / SD)是源自日本的绘画风格,常见于动画与漫画,角色被夸张地画成矮小圆胖、四肢短促、眼睛与头部偏大、鼻子与身体偏小、细节极少;本词条的造型描述据此转述,界面用法的建议属编辑意见。",
      "checkedAt": "2026-09-16",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/Chibi_(style)",
        "status": "unconfirmed",
        "checkedAt": "2026-09-16T13:05:04.050Z",
        "error": "status-request-failed",
        "jobId": "spn2-8ddf12416d934609b8b54be53794e4f1723e8c9e"
      }
    }
  ],
  "relations": [
    {
      "target": "flat-design",
      "kind": "composes_with",
      "condition": "角色插画需要与扁平化的界面视觉共存",
      "reason": "Q 版决定角色的比例语法,扁平化决定上色与描边方式,两者是可以独立选择的不同维度。",
      "basis": "editorial"
    },
    {
      "target": "ai-label",
      "kind": "conflicts_when",
      "condition": "可爱的角色形象被用来呈现自动生成的结果或其可靠性",
      "reason": "角色的亲和力会让用户低估结果的不确定性,可靠性标记因此必须独立、显式地呈现,而不是由形象暗示。",
      "basis": "editorial"
    },
    {
      "target": "skeleton",
      "kind": "related",
      "condition": "空白或等待状态需要一张插画来占位",
      "reason": "角色插画能缓和空白状态的尴尬,但它不提供任何进度或结构信息,这部分仍须由状态元素承担。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "角色用于传达错误、风险或需要用户承担后果的信息",
      "instruction": "信息本身用中性、准确的文字直说,不要让可爱形象承担削弱严重性的作用。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "同一角色需要覆盖多种尺寸",
      "instruction": "先在最小尺寸上确定可辨认的轮廓与表情,再向上添加细节,而不是把大图直接缩小。",
      "strength": "recommend",
      "basis": "editorial"
    }
  ],
  "visual": {
    "tokens": {
      "surface": "#fbf4e6",
      "ink": "#33302b",
      "accent": "#e08a4b",
      "radiusPx": 20,
      "shadow": "0 3px 10px rgba(51, 48, 43, 0.12)"
    },
    "tokenScope": "本样例配方:暖米底色、深墨色轮廓与橙色强调色,只示意插画常用的一种取值;Q 版是造型语法,实际配色应跟随产品自身的视觉系统。"
  },
  "demo": null,
  "version": "0.1.0",
  "editorialStatus": "drafted",
  "requirements": [],
  "demoCapabilities": [],
  "implementationNote": "本词条尚无可操作示例;插画为编辑示意,用虚构角色展示比例变形的做法,不代表任何既有形象。应用到产品前仍须确认角色不会削弱严肃信息,并在最小使用尺寸上验证可辨认度。",
  "image": {
    "src": "/images/chibi.webp",
    "alt": "一张名为 FIELDNOTES 的虚构插画板:同一个虚构的狐狸吉祥物以正常头身比和二头身 Q 版并排出现,Q 版一侧头部明显放大、四肢短圆、眼睛被放大,两个形象下方各排着灰色占位文本条。"
  },
  "searchTerms": [
    "character design",
    "exaggerated proportion",
    "cute",
    "illustration",
    "mascot"
  ]
}