切换·Esc 返回

拟物化Skeuomorphism

设计风格
用真实材质和物体特征提示怎样操作

拟物化会借用皮革、金属、纸张和实体按钮等现实线索,让数字界面更容易理解。现在多用于复古主题、乐器类应用和局部装饰;材质细节不能压过文字和操作。

MELLOWTAPE STUDIO RECORDER INPUT LIVE
TAKE 04 · UNTITLED ROOM00:02:18
LR
INPUT◀◀RECOUTPUT
设计原则 · Principles
  • 选择用户熟悉的现实物体,让材质和形状帮助理解功能
    皮革亚麻金属
  • 用高光和投影表达凸起、凹下和可以按动的状态
    完成
  • 先保证操作含义清楚,再增加皮革、金属或纸张等细节
    按我
  • 纹理只用于不影响阅读的区域,并控制图片体积
    亚麻布纹打底
  • 在现代产品中优先局部使用,避免材质覆盖所有内容

什么时候用

  • 面向初次使用设备的人,用现实线索帮助理解
    教长辈用平板点这里发语音
  • 复古、手账和乐器应用,材质本身是主题
    日记本复古手账 App,风格即卖点
  • 相机和合成器等拟真控制面板
    相机、录音、合成器的拟真面板
  • 现代界面里的少量局部材质装饰
    现代浅色界面里,局部一条皮革当点缀

什么时候不用

  • 把正文直接放在干扰阅读的复杂纹理上
    正文埋在纹理里,费劲
  • 完全依赖大图材质,造成加载和缩放问题
    一个界面 6 张材质贴图4.8 MB
  • 数据密集工具让装饰降低扫描效率
    报表中心皮革报表?
    效率工具要干净,不要质感
  • 整站复制旧系统外观,却没有明确复古目的
    登录
发展历程 · History
2007.01
iPhone 发布,拟物登场

滑动解锁像真的在滑、日历像真的能翻页。面对第一代触屏用户,拟物是成本最低的说明书。

2010—2012
质感巅峰

iOS 5/6 时期:备忘录的黄纸、报刊亭的木书架、Game Center 的绿毡牌桌,每个 App 都是一间微缩实景。

2013.09
iOS 7 扁平化转向

Jony Ive 主导,一夜之间删除皮革与亚麻。评价两极,但风向就此倒向扁平。

2020s
装饰性回潮

新拟态刷屏、visionOS 带回玻璃与空间材质——拟物不再当主角,作为点缀回归。

组成结构 · Anatomy
备忘录 横线黄纸 + 红边距线
玻璃高光按钮 亚麻布纹 真实投影
1皮革缝线标题栏Stitched Leather棕色渐变打底,上下两条虚线当缝线,文字用内阴影压出凹刻感
2黄纸纹理Yellow Legal Pad repeating 渐变画横线,左侧一条红色边距线,配手写感字体
3玻璃高光Glossy Highlight按钮上浅下深的渐变 + 顶部一条白色内高光,玻璃感全靠它
4亚麻布纹底Linen Texture两组交叉的细密 repeating 渐变,大面积空白处的经典打底
5真实投影Realistic Shadow大而柔、带环境色的投影,让元素像真的浮在桌面上
AI 提示词 · Prompt
iOS 6 拟物界面,皮革缝线标题栏,亚麻布纹背景,黄纸备忘录,玻璃高光按钮,真实投影,skeuomorphism, iOS 6 style, stitched leather, linen texture, glossy buttons, realistic shadows
典型使用场景
拟物化磁带录音台
MELLOWTAPESESSION / VOCAL 04● RECORDING
VOICE-8 dB
GUITAR-14 dB
iOS 6 计算器
1,024
C±%÷789×456123+
iOS 6 设置开关页
设置
无线局域网Home-WiFi >
通知
定位服务
iOS 报刊亭书架
报刊亭