拟物化设计

本词条尚无可操作示例；插画为编辑示意。应用到产品时仍须在真实用户群中验证所借实物是否仍被认识、隐喻与实际交互是否一致，并测量纹理底上文字与控件的对比度。

{
  "tokens": {
    "surface": "#e8dcc4",
    "ink": "#3a2e26",
    "accent": "#8c5a3c",
    "radiusPx": 10,
    "shadow": "0 2px 4px rgba(58,46,38,0.35), inset 0 1px 0 rgba(255,255,255,0.4)"
  },
  "tokenScope": "本样例配方：纸张色底面、深棕墨色、皮革式强调色，以及模拟厚度的外阴影与内高光；真实产品应按所模仿的材质另行取值，并验证纹理下的文字对比度。"
}

{
  "id": "skeuomorphism",
  "type": "visual",
  "name": {
    "zh": "拟物化设计",
    "en": "Skeuomorphism"
  },
  "aliases": [
    "Skeuomorphic Design",
    "拟物风格",
    "拟物化"
  ],
  "granularity": "experience",
  "intents": [
    "express-brand",
    "organize-content"
  ],
  "tags": [
    "现实隐喻",
    "材质纹理",
    "熟悉感",
    "可供性",
    "实体控件"
  ],
  "definition": "把现实世界的物件及其材质、形态和操作方式搬进数字界面的视觉做法：界面元素在外观或交互上模仿它们的实物对应物（如皮革封面、纸张、拨动开关、垃圾桶），借用户已有的经验来解释新界面的功能。",
  "boundary": "拟物化的判定标准是“借一个现实物件的形态来解释功能”，而不是画得多逼真：一张照片级渲染的抽象色块并不是拟物化，一个低细节但形似拨动开关、且能像开关那样拨动的控件才是。它与扁平化是对立选择——扁平化正是对拟物化的反动，去掉了模拟三维与材质的线索；玻璃拟态则只是半透明与模糊的材质效果，不借用任何具体物件，本词条不把它算作拟物化。图标层面的实物隐喻（如垃圾桶、文件夹）属于拟物化的最小形式，本词条主要讨论整体界面风格。",
  "signature": [
    "元素外观模仿具体的实物及其材质：皮革、纸张、木质、金属、玻璃高光",
    "控件的形态与操作方式对应实物动作：拨动开关、旋钮、翻页、按下的按钮",
    "用光影、纹理与缝线等细节营造真实物件的厚度与触感"
  ],
  "when": [
    "目标用户对该类数字界面不熟悉，而对所模仿的实物及其用法非常熟悉",
    "产品刻意追求温暖、有触感、有叙事氛围的品牌气质，且内容本身不密集",
    "所借用的实物操作方式与界面实际交互能够一一对应（拨动即切换、翻页即翻页）"
  ],
  "when_not": [
    "所模仿的实物已经过时，年轻用户并不认识它（如软盘、老式听筒）",
    "界面信息密度高、需要频繁扫读，纹理与装饰会干扰阅读并降低对比度",
    "隐喻与实际交互不一致，例如画成可拨动的开关却只能点按，或画成书架却不能翻页"
  ],
  "tradeoff": "拟物化借现实经验降低新界面的学习成本并带来情感温度，但代价是视觉噪音更多、资源与维护成本更高，且一旦用户已熟悉数字惯例，模仿实物就可能显得累赘甚至误导；它的效果依赖隐喻与实际交互的一致性，而非细节的逼真程度。",
  "comparison": {
    "focus": "借现实物件的形态解释界面功能",
    "mechanism": "材质纹理、光影厚度与实物式控件",
    "cost": "视觉噪音与维护成本高，隐喻过时或失配时会误导用户"
  },
  "sources": [
    {
      "id": "skeuo-nng-definition",
      "title": "Nielsen Norman Group · Skeuomorphism",
      "url": "https://www.nngroup.com/articles/skeuomorphism/",
      "claim": "该文（Megan Chan，2024-03-15）将拟物化定义为把现实世界元素引入数字界面以营造熟悉感的设计做法，列举垃圾桶、文件夹、木质书架和皮革笔记本等例子，指出过度使用曾导致界面杂乱、加载变慢并显得过时，扁平化随之兴起，并主张在创新与熟悉感之间取得平衡；本词条定义、权衡与推荐规则据此转述。",
      "checkedAt": "2026-09-15",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260915*/https://www.nngroup.com/articles/skeuomorphism/",
        "status": "available",
        "checkedAt": "2026-09-16T03:48:11.915Z",
        "jobId": "spn2-2ede01adbaf3c16e510c3b4578e7aab30e4fa6db",
        "url": "https://web.archive.org/web/20260916034939/https://www.nngroup.com/articles/skeuomorphism/",
        "timestamp": "20260916034939"
      }
    },
    {
      "id": "skeuo-ixdf-topic",
      "title": "Interaction Design Foundation · Skeuomorphism",
      "url": "https://www.interaction-design.org/literature/topics/skeuomorphism",
      "claim": "该主题页（2016-06-04 发布，2024-12-06 更新，未署名）把拟物化界定为界面对象在外观和/或交互方式上模仿其现实对应物，并与 Gibson 的可供性概念相联系，指出它能帮助不熟悉触屏的用户直觉地操作，同时列出杂乱、复刻已过时物件（如软盘图标）和随用户数字熟练度提高而显得陈旧等缺点；本词条的“形态须对应交互”边界与不适用条件据此提出。",
      "checkedAt": "2026-09-15",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260915*/https://www.interaction-design.org/literature/topics/skeuomorphism",
        "status": "unconfirmed",
        "checkedAt": "2026-09-16T03:48:12.822Z",
        "error": "error:no-request",
        "jobId": "spn2-649b4ca65ff8a534604c8c7da68534c2074b8d39"
      }
    },
    {
      "id": "skeuo-nng-flat-origins",
      "title": "Nielsen Norman Group · Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users",
      "url": "https://www.nngroup.com/articles/flat-design/",
      "claim": "该文（Kate Moran，2015-09-27）将拟物化描述为模仿现实先例、带有非必要装饰特征的设计，指出扁平化是对三维、拟物与写实风格的反动，并提到早期伪三维界面与拟物化常产生沉重、笨拙的界面；本词条与扁平化的对立关系据此建立。",
      "checkedAt": "2026-09-15",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260915*/https://www.nngroup.com/articles/flat-design/",
        "status": "available",
        "checkedAt": "2026-09-15T18:29:13.192Z",
        "jobId": "spn2-65e14e38bafbbcfc785ccbbbcf37a49a08a2e24b",
        "url": "https://web.archive.org/web/20260915183058/https://www.nngroup.com/articles/flat-design/",
        "timestamp": "20260915183058"
      }
    }
  ],
  "relations": [
    {
      "target": "flat-design",
      "kind": "alternative",
      "condition": "为同一产品选择是否保留模拟材质与三维线索",
      "reason": "扁平化正是对拟物化的反向选择：一个借实物形态解释功能，一个去掉全部模拟实体的线索，通常只能择其一作为主视觉语言。",
      "basis": "editorial"
    },
    {
      "target": "glassmorphism",
      "kind": "related",
      "condition": "界面出现半透明、模糊或高光等材质感效果",
      "reason": "两者都动用材质感，但玻璃拟态只是一种表面效果，不借用具体物件的形态和操作方式，不应被当作拟物化。",
      "basis": "editorial"
    },
    {
      "target": "recognition",
      "kind": "informs",
      "condition": "用户对数字惯例不熟悉、但对所模仿的实物很熟悉",
      "reason": "拟物化让用户凭对实物的识别判断界面能做什么，而不必记忆抽象惯例，这正是识别优于回忆的一种实现路径。",
      "basis": "editorial"
    },
    {
      "target": "minimalism",
      "kind": "conflicts_when",
      "condition": "同一界面既要求去除非必要装饰，又用纹理、缝线和光影模仿实物",
      "reason": "拟物化的说服力来自装饰性细节，而极简视觉要求删去不承担信息的元素，两者的取舍方向相反。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "用实物形态（开关、旋钮、书页、按钮）表现某个控件",
      "instruction": "所借用的隐喻必须与实际交互一致：看起来能拨动的就必须能拨动，看起来能翻页的就必须能翻页，不得只借外形不借行为。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "在文字、图标或控件底下铺设皮革、纸张等纹理与光影",
      "instruction": "装饰纹理不得降低文字与控件的对比度和可读性；需要时压低纹理强度或为文字增加纯色底。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "决定是否采用拟物化作为整体风格",
      "instruction": "只在目标用户能从实物熟悉感中获益、且所模仿的物件仍被广泛认识时采用，而不是把拟物化当作默认或单纯的潮流选择。",
      "strength": "recommend",
      "basis": "editorial"
    }
  ],
  "visual": {
    "tokens": {
      "surface": "#e8dcc4",
      "ink": "#3a2e26",
      "accent": "#8c5a3c",
      "radiusPx": 10,
      "shadow": "0 2px 4px rgba(58,46,38,0.35), inset 0 1px 0 rgba(255,255,255,0.4)"
    },
    "tokenScope": "本样例配方：纸张色底面、深棕墨色、皮革式强调色，以及模拟厚度的外阴影与内高光；真实产品应按所模仿的材质另行取值，并验证纹理下的文字对比度。"
  },
  "demo": null,
  "version": "0.1.0",
  "editorialStatus": "drafted",
  "requirements": [],
  "demoCapabilities": [],
  "implementationNote": "本词条尚无可操作示例；插画为编辑示意。应用到产品时仍须在真实用户群中验证所借实物是否仍被认识、隐喻与实际交互是否一致，并测量纹理底上文字与控件的对比度。",
  "image": {
    "src": "/images/skeuomorphism.webp",
    "alt": "一个名为 FIELDNOTES 的虚构笔记应用，呈现为带缝线的皮革封面和一页纸张，配有一个实体式拨动开关和一枚黄铜色按钮，示意拟物化设计。"
  },
  "searchTerms": [
    "real-world metaphor",
    "material texture",
    "familiarity",
    "affordance",
    "physical controls"
  ]
}