跳到正文

拟物化

Skeuomorphism

初级通用

拟物化(Skeuomorphism)是一种借用现实物品的外形、材质或操作方式来设计数字界面的风格。它让用户借助已有经验理解陌生功能,比如把录音入口做成带有实体按键线索的录音机。

你可能会说:「我想让这个录音工具看起来像能拿在手里的设备,用户一眼就知道哪里能按。」

动手看看

声迹录音随手录下每个灵感
RECORDER · 01
● 待机
00:00:00
● 录音
■ 停止
▶ 播放
界面风格

切换界面风格,再悬停或按住底部按键试试。拟物化借用了录音机的机身、显示窗和凸起按键,让操作方式看起来更熟悉。

暖色金属、凹进去的显示窗、扬声器栅格和按键投影一起构成实体线索;不只是给卡片加一道阴影。

要点

  1. 1

    借用熟悉物品的操作线索

    你做录音工具时,可以让启动控件借用录音机按键的形状和按下反馈。因为用户见过实体按键,所以更容易猜到这里能操作;关键是借用线索,而不是把整台录音机搬进界面。

  2. 2

    外观与交互需要彼此对应

    如果一个旋钮看起来能转,用户就会期待拖动它能调节数值。你和 AI Agent 描述需求时,可以同时说清外观、可操作范围和反馈;否则界面虽然像实物,操作起来却会让人困惑。

  3. 3

    保留数字产品自己的优势

    现实物品只是理解功能的参照。比如做记事 App,你可以借用纸张的视觉线索,但搜索、复制和跨设备同步仍然按数字产品的方式设计,这样熟悉感才不会妨碍效率。

容易混淆的地方

拟物化借现实物品解释数字界面;扁平化通常减少材质和立体效果,更依赖文字、图标与布局传达功能。新拟态也会用阴影制造凸起或凹陷感,但不一定模仿某件真实物品。一个界面有阴影或圆角,并不等于采用了拟物化。

什么时候用

适合用

  • 做面向初次使用者的录音 App,借实体按键的外形和按下反馈,帮助他们找到录制入口。
  • 做音乐制作工具的音量调节区,借推子的形状表达可拖动方向,同时显示精确数值。
  • 做有实体设备配套的控制 App,沿用设备上部分控件的视觉线索,帮助用户对应功能。

不适合用

  • 做需要快速扫描上百行数据的管理后台时,仿纸张和实体文件夹会挤占空间;用清晰的表格与层级更合适。
  • 做功能尚未确定的早期原型时,精细绘制材质会拖慢验证;先用线框图确认任务流程。
  • 做以文字阅读为主的文档站时,模拟翻页和纸张纹理帮不上查找信息;优先处理排版、导航和搜索。

练一练

你在做一款录音 App,想让第一次使用的人知道如何开始录制。哪种方案最符合拟物化的思路?

让 AI 帮你做

请为录音 App 的录制区采用拟物化设计:借用实体录音机按键的形状和按下反馈,让首次使用的人看出哪里能开始录制。保留“开始录制”和“停止录制”的文字及明确状态,不添加没有功能的仿真控件。

接下来学什么