Design Vocabulary设计词汇 · 样本集 01

VOCABULARY / 词条

拟物化设计

Skeuomorphism

加入比较 +

把现实世界的物件及其材质、形态和操作方式搬进数字界面的视觉做法:界面元素在外观或交互上模仿它们的实物对应物(如皮革封面、纸张、拨动开关、垃圾桶),借用户已有的经验来解释新界面的功能。

示意图 · 编辑插画,尚无可操作示例
一个名为 FIELDNOTES 的虚构笔记应用,呈现为带缝线的皮革封面和一页纸张,配有一个实体式拨动开关和一枚黄铜色按钮,示意拟物化设计。
一个名为 FIELDNOTES 的虚构笔记应用,呈现为带缝线的皮革封面和一页纸张,配有一个实体式拨动开关和一枚黄铜色按钮,示意拟物化设计。

识别特征

  • 元素外观模仿具体的实物及其材质:皮革、纸张、木质、金属、玻璃高光
  • 控件的形态与操作方式对应实物动作:拨动开关、旋钮、翻页、按下的按钮
  • 用光影、纹理与缝线等细节营造真实物件的厚度与触感

概念边界

拟物化的判定标准是“借一个现实物件的形态来解释功能”,而不是画得多逼真:一张照片级渲染的抽象色块并不是拟物化,一个低细节但形似拨动开关、且能像开关那样拨动的控件才是。它与扁平化是对立选择——扁平化正是对拟物化的反动,去掉了模拟三维与材质的线索;玻璃拟态则只是半透明与模糊的材质效果,不借用任何具体物件,本词条不把它算作拟物化。图标层面的实物隐喻(如垃圾桶、文件夹)属于拟物化的最小形式,本词条主要讨论整体界面风格。

什么时候考虑它

  • 目标用户对该类数字界面不熟悉,而对所模仿的实物及其用法非常熟悉
  • 产品刻意追求温暖、有触感、有叙事氛围的品牌气质,且内容本身不密集
  • 所借用的实物操作方式与界面实际交互能够一一对应(拨动即切换、翻页即翻页)

什么时候慎用

  • 所模仿的实物已经过时,年轻用户并不认识它(如软盘、老式听筒)
  • 界面信息密度高、需要频繁扫读,纹理与装饰会干扰阅读并降低对比度
  • 隐喻与实际交互不一致,例如画成可拨动的开关却只能点按,或画成书架却不能翻页

取舍

拟物化借现实经验降低新界面的学习成本并带来情感温度,但代价是视觉噪音更多、资源与维护成本更高,且一旦用户已熟悉数字惯例,模仿实物就可能显得累赘甚至误导;它的效果依赖隐喻与实际交互的一致性,而非细节的逼真程度。

条件规则 · 编辑建议

当用实物形态(开关、旋钮、书页、按钮)表现某个控件必须所借用的隐喻必须与实际交互一致:看起来能拨动的就必须能拨动,看起来能翻页的就必须能翻页,不得只借外形不借行为。
当在文字、图标或控件底下铺设皮革、纸张等纹理与光影必须装饰纹理不得降低文字与控件的对比度和可读性;需要时压低纹理强度或为文字增加纯色底。
当决定是否采用拟物化作为整体风格建议只在目标用户能从实物熟悉感中获益、且所模仿的物件仍被广泛认识时采用,而不是把拟物化当作默认或单纯的潮流选择。

相关词条

扁平化设计 ↗条件替代 · 为同一产品选择是否保留模拟材质与三维线索

扁平化正是对拟物化的反向选择:一个借实物形态解释功能,一个去掉全部模拟实体的线索,通常只能择其一作为主视觉语言。

玻璃拟态 ↗相关但不同 · 界面出现半透明、模糊或高光等材质感效果

两者都动用材质感,但玻璃拟态只是一种表面效果,不借用具体物件的形态和操作方式,不应被当作拟物化。

识别优于回忆 ↗提供解释 · 用户对数字惯例不熟悉、但对所模仿的实物很熟悉

拟物化让用户凭对实物的识别判断界面能做什么,而不必记忆抽象惯例,这正是识别优于回忆的一种实现路径。

极简视觉风格 ↗条件冲突 · 同一界面既要求去除非必要装饰,又用纹理、缝线和光影模仿实物

拟物化的说服力来自装饰性细节,而极简视觉要求删去不承担信息的元素,两者的取舍方向相反。

来源与支持范围

Nielsen Norman Group · Skeuomorphism ↗

该文(Megan Chan,2024-03-15)将拟物化定义为把现实世界元素引入数字界面以营造熟悉感的设计做法,列举垃圾桶、文件夹、木质书架和皮革笔记本等例子,指出过度使用曾导致界面杂乱、加载变慢并显得过时,扁平化随之兴起,并主张在创新与熟悉感之间取得平衡;本词条定义、权衡与推荐规则据此转述。

检索日期:2026-09-15 · 存档于 2026-09-16
Interaction Design Foundation · Skeuomorphism ↗

该主题页(2016-06-04 发布,2024-12-06 更新,未署名)把拟物化界定为界面对象在外观和/或交互方式上模仿其现实对应物,并与 Gibson 的可供性概念相联系,指出它能帮助不熟悉触屏的用户直觉地操作,同时列出杂乱、复刻已过时物件(如软盘图标)和随用户数字熟练度提高而显得陈旧等缺点;本词条的“形态须对应交互”边界与不适用条件据此提出。

检索日期:2026-09-15 · 存档于 2026-01-12
Nielsen Norman Group · Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users ↗

该文(Kate Moran,2015-09-27)将拟物化描述为模仿现实先例、带有非必要装饰特征的设计,指出扁平化是对三维、拟物与写实风格的反动,并提到早期伪三维界面与拟物化常产生沉重、笨拙的界面;本词条与扁平化的对立关系据此建立。

检索日期:2026-09-15

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

类型扩展与实现说明

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

{
  "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": "本样例配方:纸张色底面、深棕墨色、皮革式强调色,以及模拟厚度的外阴影与内高光;真实产品应按所模仿的材质另行取值,并验证纹理下的文字对比度。"
}

打开本词条的 Agent JSON 文件这个文件原样收录本词条的全部字段,并附上来源、存档与编辑声明。