阿格莱亚身着拟物化风格:皮革缝线披风与深蓝皮革圆盘,柔和立体质感

艺术风格 · 美学百科全书

拟物化

Skeuomorphism

拟物化让界面模仿真实物体——皮革、金属、纸张——用熟悉感教会用户怎么操作。

约 1980 年代起源,高峰约 2007–2013 年 · 美国(苹果 Aqua 界面、早期 iOS)

向下看看 ↓

简介

拟物化从 1980 年代的图形界面起源。它的第一课是"桌面隐喻":屏幕就是一张办公桌,文件放在文件夹里,不要的东西扔进垃圾桶。1984 年 Macintosh 发布,苏珊·凯尔画的像素图标——垃圾桶、狗耳纸页、油漆桶——让第一次摸电脑的人也能猜出每个东西是干什么的。模仿不是装饰,是教学。

高峰在 2007–2013 年的早期 iOS:日历是带缝线的皮革,备忘录是黄色便签纸,书架是木纹,Game Center 是绿毡布赌场桌面。同一时期,苹果的 Aqua 界面用水滴形果冻按钮与金属拉丝标题栏讲"水"与"玻璃",微软的 Windows Vista Aero 则用毛玻璃窗口边框讲"玻璃"。拟物的线索(affordance)极其直观——按钮看起来能按,旋钮看起来能转。

2013 年 iOS 7 转向扁平化,拟物化退潮:过度装饰显臃肿,纹理堆满屏幕反而妨碍阅读。但它从未真正死去——2019 年的新拟态是它的轻量后代,2025 年苹果的 Liquid Glass 仍在用玻璃材质讲深度。今天的用法是:小范围使用(如音乐播放器旋钮),不宜全屏。

英文定义:Skeuomorphism makes interfaces imitate real objects — leather, metal, paper — teaching users how to operate them through familiarity.

第一个 prompt

要跟 AI 说这个风格,第一句话就这么说。直接复制就能用。

中文
用拟物化风格设计一个音乐播放器界面:金属拉丝旋钮、皮革纹理面板、带缝线的细节、玻璃光泽按钮,真实、触感实在、有分量感。
English
Design a music player UI in skeuomorphic style: brushed-metal knobs, a leather-textured panel, stitched details, glossy glass buttons — realistic, tactile, weighty.

变体

  • 产品

    用拟物化风格设计一个手表 App 的表盘:金属表圈、皮革表带纹理、立体指针与阴影,精致、真实、像拿在手里。

    Design a watch app face in skeuomorphic style: a metal bezel, leather strap texture, three-dimensional hands and shadows — refined, realistic, like holding the real thing.

  • 网页

    用拟物化风格做一个网页计算器:塑料按键带高光与按压阴影、液晶屏反光,怀旧、好玩、按键一看就会按。

    Build a web calculator in skeuomorphic style: plastic keys with highlights and pressed shadows, an LCD screen with glare — nostalgic, playful, every key obviously pressable.

  • 插画

    用拟物化风格画一张桌面静物插画:木纹桌面、纸质笔记本、金属钢笔,柔和顶光,真实材质、细腻阴影。

    Draw a desktop still life in skeuomorphic style: a wood-grain desk, a paper notebook, a metal pen, soft top light — realistic materials, delicate shadows.

风格卡

给机器用的规格。工作台拼装时,真正调用的就是这张卡。

配色

#7B4A2B

皮革棕 · 主色·材质

#5C3A21

深木纹 · 辅色·材质

#C8C9CC

金属银 · 主色·金属

#D9B36A

香槟金 · 点缀

#F2E6C9

纸黄 · 底色·纸面

#1A1A1A

墨黑 · 文字与阴影

字体
无固定字体倾向,用系统字体配阴影浮雕。开源替代:正文 Inter(OFL)或 Roboto(Apache 2.0);装饰性标题可用 Playfair Display(OFL,衬线,配皮革质感)。标题可加 1px 浮雕高光与阴影,模拟刻字效果。
构图
模仿真实桌面与物件摆放;元素按真实物理关系排布(书架、桌面、面板);光源一致(通常左上);阴影与高光表达层级;按钮做成立体可按的形态。
形态
仿真按钮、开关、旋钮、滑块;圆角矩形卡片如真实卡片;拉丝金属、缝线边缘。
质感与母题
皮革纹理与缝线、金属拉丝、玻璃光泽、木纹、纸面;母题:日历、笔记本、书架、旋钮、毡布桌面。
禁忌
不全屏堆材质(臃肿是它的死因);不用扁平色块混搭(风格会打架);不为装饰而装饰——每个材质都要有"教用户操作"的理由;不牺牲可读性(纹理上的文字要加衬底或阴影)。

画廊

几幅代表作。每幅只看一点:它最能说明这个风格的那一点。

早期 Mac 桌面隐喻

苹果(苏珊·凯尔设计图标) · 1984 · 版权期

看:文件夹、垃圾桶、狗耳纸图标——数字界面第一次"像一张桌子",苏珊·凯尔的像素图标是起点。

查看介绍(Wikipedia)↗

Aqua 界面

苹果 · 2000 · 版权期

看:水滴形果冻按钮、金属拉丝标题栏、半透明与反光;拟物化在 Mac OS X 的定型。

查看介绍(Wikipedia)↗

Windows Vista Aero 玻璃效果

微软 · 2007 · 版权期

看:毛玻璃窗口边框、Flip 3D 切换;微软的玻璃拟物,也是 Frutiger Aero 的代表。

查看介绍(Wikipedia)↗

Game Center 毡布桌面

苹果 · 2010 · 版权期

看:绿毡布 + 抛光木 + 金色奖章,赌场桌面搬进手机;拟物化走到最极端的一例。

查看口述史(Fast Company)↗

iOS 6 界面

苹果 · 2012 · 版权期

看:皮革日历、黄色便签纸、木纹书架——拟物化高峰的集大成;最后一代拟物 iOS。

查看介绍(Wikipedia)↗

历史流变

  1. 1984 Macintosh 发布,桌面隐喻 + 凯尔的像素图标。
  2. 2000 苹果发布 Aqua 界面(1 月 Macworld),水滴按钮与玻璃光泽;随 Mac OS X 10.0 于 2001 年正式登场。
  3. 2007 iPhone 发布,早期 iOS 把拟物化带进手机;同年 Windows Vista Aero 上市。
  4. 2010 Game Center 上线,绿毡布赌场桌面——拟物化走向极端。
  5. 2012 iOS 6 发布,皮革、木纹、缝线齐全;拟物化高峰。
  6. 2013 iOS 7 转向扁平化,拟物化退潮。
  7. 2019–2021 新拟态出现,拟物以"软 UI"的方式部分回归。
  8. 2025–2026 报告称拟物化以"新拟物化"选择性回归(具体产品形态待观察)。

关键人物

  • 苏珊·凯尔——早期 Mac 图标与字体的设计者,桌面隐喻的视觉作者。
  • 乔纳森·艾维——苹果设计负责人,主导了 iOS 7 的扁平化转向,终结了拟物时代。
  • 苹果设计团队——Aqua 与早期 iOS 拟物界面的集体作者。

演变与影响

从桌面隐喻与早期图形界面中来;Aqua 与早期 iOS 把它推到高峰;2013 年扁平化接棒;新拟态(2019)与玻璃拟态(2020)是它的"轻量后代";2025 年苹果 Liquid Glass 仍在用玻璃材质讲深度——拟物从未真正死去,只是换了材质。

相关条目

相关流派

各流派页逐篇发布,发布后转为链接。

搭得好的组件

关键词:拟物化、桌面隐喻、Aqua、iOS 6、皮革、缝线、材质、可操作性

草稿。画廊五件全部在版权期,一律只作文字 + 外链;2025–2026 年"新拟物化"回归为调研报告说法,未附具体产品例证。英文全文翻译后补。