01 · CORE DEFINITION
拟物化设计解决什么视觉问题
02 · RECOGNITION GUIDE
如何识别拟物化设计
皮革木纹、金属按钮、缝线、高光阴影和立体控制件。 判断时不要只看题材,要逐项核对下面的视觉结构。
决定视线从哪里进入、信息按什么顺序被读取。
决定主体的力量感、亲近感以及人与空间的关系。
决定风格在缩略图和纯剪影状态下是否仍可识别。
决定第一情绪和区域层级,不能只作为最后滤镜。
决定空间深度、材质可信度和戏剧程度。
把风格延伸到信息层级;文字与图像必须属于同一系统。
提供触感、媒介和年代线索,增强风格可信度。
控制信息压力与观看速度;拟物化设计需要在识别度和可读性之间保持平衡。
03 · KEY VISUAL GENES
关键视觉基因:特征、作用与使用方式
生成或设计时至少选择三项共同工作,不要只复制一个表面符号。
真实材质的界面化模拟
作用提供媒介、触感与年代线索,避免画面只有抽象形状。
使用把“真实材质的界面化模拟”附着到合理对象和表面,不要作为统一滤镜覆盖文字与留白。
斜面、压印与立体边缘
作用建立缩略图级别的识别度,决定主体看起来如何。
使用用纯黑剪影检查“斜面、压印与立体边缘”是否清楚,再补充色彩与材质。
方向一致的高光与投影
作用建立明暗层级、空间深度和情绪强度。
使用先确定唯一主光方向,再用“方向一致的高光与投影”塑造主体;不要叠加互相冲突的光源。
丰富纹理与可触摸深度
作用提供媒介、触感与年代线索,避免画面只有抽象形状。
使用把“丰富纹理与可触摸深度”附着到合理对象和表面,不要作为统一滤镜覆盖文字与留白。
暖中性色与局部高光
作用建立明暗层级、空间深度和情绪强度。
使用先确定唯一主光方向,再用“暖中性色与局部高光”塑造主体;不要叠加互相冲突的光源。
04 · COLOR SYSTEM
常见配色方案与使用比例
比例是起始建议,不是硬性规范。先用面积建立层级,再根据媒介明度和可读性微调。
#6C4E37用于背景、最大形体或主要材质,承担拟物化设计的整体气质。
#B9AA8D用于区分层级、支撑主体和建立冷暖或明度关系,不与主色平均竞争。
#496B78只用于标题、焦点、交互状态或关键细节;面积越小,识别信号越明确。
05 · CONTENT FIT
你的内容适合这种风格吗
先判断要表达的主题、情绪与观看预期,再决定是否使用这种风格。媒介只是载体,不应成为选择风格的唯一理由。
适合表达
这种风格的原始命题是“用现实物件、材料和操作隐喻降低数字界面的学习成本”。当你的内容也需要讨论相近的冲突、价值或观看方式时,风格与主题才真正匹配。
适合营造
适合营造可信、具体与现场感、沉浸、探索与丰富层次、流动、柔和与生长感、系统化感的观看感受。它会主动改变信息压力和观看节奏,不只是给画面增加一种气氛。
适合展示
更适合把数字产品概念、内容层级与交互状态;产品功能、材料特征与使用体验;图标中的核心主题与叙事对象作为核心内容;主体需要允许实体控制面板式布局和立体按钮旋钮与真实图标参与叙事。
传播场景
适合节庆主视觉、文化展览、收藏包装和沉浸式空间等允许丰富细节展开的场景;小尺寸传播物需要准备简化版本。
受众预期
适合重视清晰秩序、功能逻辑和现代专业感的受众;需要亲密、随性或手作温度时,应加入更柔和的信号。
选择依据
如果内容同时需要“写实、高细节、有机”,并能让实体控制面板式布局、自然材质色与金属强调和皮革木纹金属与缝线承担表达任务,这种风格是合适的;如果只是喜欢其中一种颜色,建议轻度借鉴。
06 · UNSUITABLE USES & RISKS
不适用场景与执行风险
慎用场景
小屏界面、密集数据表格、无障碍优先或制作预算有限的项目不适合完整复刻拟物化设计;应先降低装饰密度。
具体风险
- 写实画面成本较高,快速迭代时应先确定光线、镜头与材质标准。
- 细节密度在小尺寸和移动端会迅速丢失,应准备可简化的响应式版本。
- 系统规则应服务内容差异,避免所有页面因为过度一致而失去重点。
07 · COMPARISON
容易与哪些风格混淆
拟物化设计 vs Frutiger Aero
拟物化设计实体控制面板式布局;立体按钮旋钮与真实图标;自然材质色与金属强调;皮革木纹金属与缝线。
Frutiger Aero开阔中心景观;水泡与叶片;天空蓝、草绿;玻璃高光。
关键差异:拟物化设计的识别重心是“皮革木纹、金属按钮、缝线、高光阴影和立体控制件”;Frutiger Aero则是“蓝天绿地、水泡、玻璃按钮、鱼眼透视和高光拟物图标”。先比较空间结构和边缘处理,再比较题材。
查看Frutiger Aero完整指南拟物化设计 vs 新拟态
拟物化设计实体控制面板式布局;立体按钮旋钮与真实图标;自然材质色与金属强调;皮革木纹金属与缝线。
新拟态规则模块与充足间距;同色凸起和内凹控件;柔灰蓝低对比配色;哑光表面与双向柔影。
关键差异:拟物化设计的识别重心是“皮革木纹、金属按钮、缝线、高光阴影和立体控制件”;新拟态则是“低对比同色表面、柔和双阴影、内凹输入框和圆角按钮”。先比较空间结构和边缘处理,再比较题材。
查看新拟态完整指南08 · STYLE INTENSITY
风格强度变化
保留 1–2 个主基因
保留实体控制面板式布局和 #6C4E37 强调色;继续使用项目原有字体和组件,避免加入完整年代装饰。
联动 3–4 个变量
同时使用实体控制面板式布局、立体按钮旋钮与真实图标、自然材质色与金属强调和皮革木纹金属与缝线,但保留清晰的信息层级。
统一整套视觉语法
构图、比例、轮廓、光线、色彩、字体和材质全部遵循拟物化设计,仅适合主视觉、封面和沉浸式核心场景。
09 · MEDIA TRANSLATION
不同媒介怎样转译
同一种风格进入不同媒介时,应该保留核心基因,同时主动降低与媒介任务冲突的部分。
海报
- 必须保留
- 实体控制面板式布局、自然材质色与金属强调、清晰界面标签
- 需要调整
- 把风格集中到主图和标题;正文保持高可读性,远距离先读到主题,再读到装饰细节。
品牌视觉
- 必须保留
- 斜面、压印与立体边缘、主辅色比例、一个稳定的材质信号
- 需要调整
- 把复杂画面提炼成标志形、色板和版式规则;不要要求每个触点都复刻完整作品。
数字界面
- 必须保留
- 实体控制面板式布局的层级逻辑、自然材质色与金属强调、局部使用真实材质的界面化模拟
- 需要调整
- 降低装饰密度和纹理强度;正文、按钮、状态色及键盘焦点必须优先满足可读性和一致性。
插画
- 必须保留
- 斜面、压印与立体边缘、方向一致的高光与投影、真实材质的界面化模拟
- 需要调整
- 允许风格主导造型与气氛,但主体轮廓、叙事动作和前后景关系必须清楚。
10 · PROMPT RECIPE
Prompt 配方:逐项控制,而不是只写风格名
无关风格混搭,通用模板感,主体与背景层级不清,不可读文字,塑料感材质与错误反射
11 · PROMPT ERRORS
常见错误 Prompt:问题在哪里,怎样修正
一个拟物化设计风格的海报,高级感,设计感,氛围感问题:只有风格名和主观形容词,没有告诉模型构图、比例、颜色、光线与材质怎样变化。
修正:至少加入“实体控制面板式布局、立体按钮旋钮与真实图标、自然材质色与金属强调、皮革木纹金属与缝线”。
极简低密度构图、同时要求满版高细节装饰问题:同一控制维度出现相反要求,模型只能随机选择或折中,结果通常两边都不像。
修正:先确定拟物化设计为主风格;冲突属性只保留一项,并明确风格强度。
拟物化设计 + Frutiger Aero + 赛博朋克 + 极简主义 + 复古未来主义问题:堆叠多个风格名称没有说明谁控制构图、谁控制材质,容易产生拼贴式表面符号。
修正:保留拟物化设计作为结构主导;如需混合,只让Frutiger Aero负责一个明确变量,例如色彩或材质。
12 · HISTORICAL CONTEXT
Frutiger AeroFrutiger Aero
新拟态Neumorphism