Design Vocabulary设计词汇 · 样本集 01

VOCABULARY / 词条

超现实视觉风格

Surrealism

加入比较 +

把精细写实渲染的真实物象,以违背日常逻辑的方式并置或改变其比例、重量、状态(悬浮、融化、异常巨大或渺小),从而制造梦境般不合理场景的视觉风格;源自 1924 年安德烈·布勒东发表《超现实主义宣言》所开创的艺术运动,最初主张以“纯粹的精神自动主义”记录无意识与梦境。

示意图 · 编辑插画,尚无可操作示例
一个名为 FIELDNOTES 的虚构品牌主视觉,一片异常巨大的树叶悬浮在空旷天空中,在一扇矮小的门前投下长长的阴影,采用精细写实的平面渲染手法表现不合理的比例关系,整体为暖棕与灰绿的柔和色调。
一个名为 FIELDNOTES 的虚构品牌主视觉,一片异常巨大的树叶悬浮在空旷天空中,在一扇矮小的门前投下长长的阴影,采用精细写实的平面渲染手法表现不合理的比例关系,整体为暖棕与灰绿的柔和色调。

识别特征

  • 对真实物象采用精细、接近照片质感的写实渲染手法
  • 把写实渲染的物象放入违反日常比例、重力或因果关系的场景:悬浮、融化、异常巨大或渺小
  • 画面整体保持安静、留白充分的构图,制造梦境般的静默与陌生感,而非杂乱堆砌

概念边界

本词条讨论的是应用于品牌与编辑视觉物料(主视觉插画、封面、营销图像)的一种图像/插画风格,不是界面布局或交互模式;它不改变界面的信息架构或操作方式,只改变装饰性图像的画面内容。“荒诞”与“梦幻”是同一取向在语气上的变体,本词条将其作为该风格的变体一并讨论,不单列为独立概念。它依赖对物象本身的精细写实渲染来制造反差——只是把不同图片碎片粗糙地拼在一起的拼贴(collage)手法不算这里定义的超现实:拼贴依靠边界与材质的错位制造张力,超现实依靠单一、连贯、写实的渲染让不可能的场景显得“真实可信”。历史上的超现实主义美术运动本身不在本词条讨论范围内,这里只取其视觉手法用于当代品牌与编辑场景。近年 AI 图像生成工具让这种精细写实渲染的制作门槛和成本明显降低,但本词条不对具体采用率或流行程度做未经数据支持的判断。

什么时候考虑它

  • 品牌或编辑内容希望用超乎日常逻辑的画面制造记忆点和情绪张力,而非解释具体功能
  • 主视觉、封面或营销图像可以独立于界面真实状态存在,用户不会把画面内容误当作系统反馈
  • 团队具备(或借助 AI 生成工具具备)足够精细的写实插画能力,能让不合理场景显得“精确”而非“潦草”

什么时候慎用

  • 用于说明界面实际状态、控件功能、操作结果或错误提示的地方——梦幻画面不能替代清晰、字面的可用性反馈
  • 任务导向、需要用户快速理解信息层级与可操作范围的密集型界面
  • 只能做出粗糙拼贴或低精度渲染而非精细写实效果,导致画面显得随意而非刻意营造的梦境感

取舍

精细写实的反差场景能制造强烈的视觉记忆点和情绪冲击,但若被用在需要清晰状态说明的界面元素附近,容易让用户把装饰性画面误认作功能提示;同时,AI 图像生成已经明显降低了这类精细写实图像的制作门槛,风格本身的独特性和品牌辨识度可能因此被稀释。

条件规则 · 编辑建议

当超现实插画出现在包含真实界面控件或状态提示的页面上必须不得让悬浮、融化或异常比例等超现实效果覆盖、遮挡或混淆按钮、表单、状态提示等真实可交互元素的位置与含义;这些功能性 UI 元素必须保持写实、比例正常、含义清楚。
当用超现实画面塑造品牌主视觉或编辑氛围建议把梦幻、荒诞等效果限定在装饰性插画区域,不要把它们当作系统真实状态的提示或反馈来源;需要传达状态时改用字面、明确的界面语言。

相关词条

极简视觉风格 ↗条件替代 · 为同一品牌选择主视觉基调

极简依靠削减元素与克制留白表达气质,超现实依靠精细写实与反差制造视觉冲击,两者情绪基调相反,通常不宜同时作为同一产品的主视觉语言。

拟物化设计 ↗相关但不同 · 两者都依赖对现实物件的精细写实渲染

拟物化用写实材质与形态解释界面功能,超现实则用同样的写实渲染制造不可能存在的场景;渲染方式相近但目的相反,一个追求可理解性,一个追求陌生化。

玻璃拟态 ↗相关但不同 · 都可作为叠加在品牌视觉之上的表面/图像风格,而非布局或交互模式

两者都不改变信息架构,只改变视觉表层;需要同样注意别让风格效果掩盖或混淆真实的界面状态与控件。

来源与支持范围

Tate · Surrealism ↗

该词条将超现实主义定义为一场以理性生活经验与潜意识、梦境力量并重、旨在“革新人类经验”的艺术运动,由安德烈·布勒东以“纯粹的精神自动主义”宣言式定义,并指出部分艺术家致力于描绘梦境世界或隐藏的心理张力,在“意料之外与怪异之处”寻找魔力与陌生的美;本词条关于梦境逻辑与陌生化的描述据此转述。

检索日期:2026-09-15 · 存档于 2026-09-16
The Art Story · Surrealism Movement Overview ↗

该文记载安德烈·布勒东于 1924 年发表《超现实主义宣言》正式创立该运动,将其核心方法定义为“纯粹状态下的精神自动主义”,用以表达思维的真实运作;并说明达利、坦吉、马格利特等画家采用带有“清晰细节与三维错觉”的精细写实技法表现看似荒诞的梦境题材,恩斯特将其手法概括为“把表面互不相容的两种现实结合在同一平面上”;本词条关于 1924 年起源、精细写实渲染与不合理并置的描述据此转述。

检索日期:2026-09-15 · 存档于 2026-09-16

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

类型扩展与实现说明

本词条尚无可操作示例;插画为编辑示意,用于展示超现实视觉风格在品牌主视觉中的应用。应用到产品时仍须验证:超现实画面是否与页面中真实的界面状态、控件和反馈完全分离,避免用户把梦境化的视觉元素误认作功能提示或系统消息。

{
  "tokens": {
    "surface": "#f2e8d6",
    "ink": "#2b2a3d",
    "accent": "#b5673a",
    "radiusPx": 12,
    "shadow": "0 16px 36px rgba(43, 42, 61, 0.22)"
  },
  "tokenScope": "本样例配方,仅示意超现实插画常用的暖棕与灰蓝调色组合;实际应用于品牌视觉时应按具体插画内容与承载页面重新校色。"
}
完整 Agent 条目 JSON
{
  "id": "surrealism",
  "type": "visual",
  "name": {
    "zh": "超现实视觉风格",
    "en": "Surrealism"
  },
  "aliases": [
    "Surrealist Style",
    "超现实主义视觉风格",
    "Surreal Illustration"
  ],
  "granularity": "experience",
  "intents": [
    "express-brand"
  ],
  "tags": [
    "超现实",
    "梦境逻辑",
    "反差并置",
    "精细写实",
    "荒诞感"
  ],
  "definition": "把精细写实渲染的真实物象,以违背日常逻辑的方式并置或改变其比例、重量、状态(悬浮、融化、异常巨大或渺小),从而制造梦境般不合理场景的视觉风格;源自 1924 年安德烈·布勒东发表《超现实主义宣言》所开创的艺术运动,最初主张以“纯粹的精神自动主义”记录无意识与梦境。",
  "boundary": "本词条讨论的是应用于品牌与编辑视觉物料(主视觉插画、封面、营销图像)的一种图像/插画风格,不是界面布局或交互模式;它不改变界面的信息架构或操作方式,只改变装饰性图像的画面内容。“荒诞”与“梦幻”是同一取向在语气上的变体,本词条将其作为该风格的变体一并讨论,不单列为独立概念。它依赖对物象本身的精细写实渲染来制造反差——只是把不同图片碎片粗糙地拼在一起的拼贴(collage)手法不算这里定义的超现实:拼贴依靠边界与材质的错位制造张力,超现实依靠单一、连贯、写实的渲染让不可能的场景显得“真实可信”。历史上的超现实主义美术运动本身不在本词条讨论范围内,这里只取其视觉手法用于当代品牌与编辑场景。近年 AI 图像生成工具让这种精细写实渲染的制作门槛和成本明显降低,但本词条不对具体采用率或流行程度做未经数据支持的判断。",
  "signature": [
    "对真实物象采用精细、接近照片质感的写实渲染手法",
    "把写实渲染的物象放入违反日常比例、重力或因果关系的场景:悬浮、融化、异常巨大或渺小",
    "画面整体保持安静、留白充分的构图,制造梦境般的静默与陌生感,而非杂乱堆砌"
  ],
  "when": [
    "品牌或编辑内容希望用超乎日常逻辑的画面制造记忆点和情绪张力,而非解释具体功能",
    "主视觉、封面或营销图像可以独立于界面真实状态存在,用户不会把画面内容误当作系统反馈",
    "团队具备(或借助 AI 生成工具具备)足够精细的写实插画能力,能让不合理场景显得“精确”而非“潦草”"
  ],
  "when_not": [
    "用于说明界面实际状态、控件功能、操作结果或错误提示的地方——梦幻画面不能替代清晰、字面的可用性反馈",
    "任务导向、需要用户快速理解信息层级与可操作范围的密集型界面",
    "只能做出粗糙拼贴或低精度渲染而非精细写实效果,导致画面显得随意而非刻意营造的梦境感"
  ],
  "tradeoff": "精细写实的反差场景能制造强烈的视觉记忆点和情绪冲击,但若被用在需要清晰状态说明的界面元素附近,容易让用户把装饰性画面误认作功能提示;同时,AI 图像生成已经明显降低了这类精细写实图像的制作门槛,风格本身的独特性和品牌辨识度可能因此被稀释。",
  "comparison": {
    "focus": "用精细写实渲染制造梦境逻辑与反差",
    "mechanism": "对真实物象的精确渲染 + 不合理的并置、比例或状态变化",
    "cost": "必须与真实界面状态清楚分离,避免误导;写实精度不足则效果打折"
  },
  "sources": [
    {
      "id": "surrealism-tate",
      "title": "Tate · Surrealism",
      "url": "https://www.tate.org.uk/art/art-terms/s/surrealism",
      "claim": "该词条将超现实主义定义为一场以理性生活经验与潜意识、梦境力量并重、旨在“革新人类经验”的艺术运动,由安德烈·布勒东以“纯粹的精神自动主义”宣言式定义,并指出部分艺术家致力于描绘梦境世界或隐藏的心理张力,在“意料之外与怪异之处”寻找魔力与陌生的美;本词条关于梦境逻辑与陌生化的描述据此转述。",
      "checkedAt": "2026-09-15",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260915*/https://www.tate.org.uk/art/art-terms/s/surrealism",
        "status": "available",
        "checkedAt": "2026-09-16T05:25:04.032Z",
        "jobId": "spn2-2b440538f5e74d77405aaefc5c08399a5437f901",
        "url": "https://web.archive.org/web/20260916052511/https://www.tate.org.uk/art/art-terms/s/surrealism",
        "timestamp": "20260916052511"
      }
    },
    {
      "id": "surrealism-artstory",
      "title": "The Art Story · Surrealism Movement Overview",
      "url": "https://www.theartstory.org/movement/surrealism/",
      "claim": "该文记载安德烈·布勒东于 1924 年发表《超现实主义宣言》正式创立该运动,将其核心方法定义为“纯粹状态下的精神自动主义”,用以表达思维的真实运作;并说明达利、坦吉、马格利特等画家采用带有“清晰细节与三维错觉”的精细写实技法表现看似荒诞的梦境题材,恩斯特将其手法概括为“把表面互不相容的两种现实结合在同一平面上”;本词条关于 1924 年起源、精细写实渲染与不合理并置的描述据此转述。",
      "checkedAt": "2026-09-15",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260915*/https://www.theartstory.org/movement/surrealism/",
        "status": "available",
        "checkedAt": "2026-09-16T05:25:09.035Z",
        "jobId": "spn2-76b0b1dadb26642792714a56a19d10252514682a",
        "url": "https://web.archive.org/web/20260916052516/https://www.theartstory.org/movement/surrealism/",
        "timestamp": "20260916052516"
      }
    }
  ],
  "relations": [
    {
      "target": "minimalism",
      "kind": "alternative",
      "condition": "为同一品牌选择主视觉基调",
      "reason": "极简依靠削减元素与克制留白表达气质,超现实依靠精细写实与反差制造视觉冲击,两者情绪基调相反,通常不宜同时作为同一产品的主视觉语言。",
      "basis": "editorial"
    },
    {
      "target": "skeuomorphism",
      "kind": "related",
      "condition": "两者都依赖对现实物件的精细写实渲染",
      "reason": "拟物化用写实材质与形态解释界面功能,超现实则用同样的写实渲染制造不可能存在的场景;渲染方式相近但目的相反,一个追求可理解性,一个追求陌生化。",
      "basis": "editorial"
    },
    {
      "target": "glassmorphism",
      "kind": "related",
      "condition": "都可作为叠加在品牌视觉之上的表面/图像风格,而非布局或交互模式",
      "reason": "两者都不改变信息架构,只改变视觉表层;需要同样注意别让风格效果掩盖或混淆真实的界面状态与控件。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "超现实插画出现在包含真实界面控件或状态提示的页面上",
      "instruction": "不得让悬浮、融化或异常比例等超现实效果覆盖、遮挡或混淆按钮、表单、状态提示等真实可交互元素的位置与含义;这些功能性 UI 元素必须保持写实、比例正常、含义清楚。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "用超现实画面塑造品牌主视觉或编辑氛围",
      "instruction": "把梦幻、荒诞等效果限定在装饰性插画区域,不要把它们当作系统真实状态的提示或反馈来源;需要传达状态时改用字面、明确的界面语言。",
      "strength": "recommend",
      "basis": "editorial"
    }
  ],
  "visual": {
    "tokens": {
      "surface": "#f2e8d6",
      "ink": "#2b2a3d",
      "accent": "#b5673a",
      "radiusPx": 12,
      "shadow": "0 16px 36px rgba(43, 42, 61, 0.22)"
    },
    "tokenScope": "本样例配方,仅示意超现实插画常用的暖棕与灰蓝调色组合;实际应用于品牌视觉时应按具体插画内容与承载页面重新校色。"
  },
  "demo": null,
  "version": "0.1.0",
  "editorialStatus": "drafted",
  "requirements": [],
  "demoCapabilities": [],
  "implementationNote": "本词条尚无可操作示例;插画为编辑示意,用于展示超现实视觉风格在品牌主视觉中的应用。应用到产品时仍须验证:超现实画面是否与页面中真实的界面状态、控件和反馈完全分离,避免用户把梦境化的视觉元素误认作功能提示或系统消息。",
  "image": {
    "src": "/images/surrealism.webp",
    "alt": "一个名为 FIELDNOTES 的虚构品牌主视觉,一片异常巨大的树叶悬浮在空旷天空中,在一扇矮小的门前投下长长的阴影,采用精细写实的平面渲染手法表现不合理的比例关系,整体为暖棕与灰绿的柔和色调。"
  },
  "searchTerms": [
    "surreal",
    "dream logic",
    "impossible juxtaposition",
    "precise rendering",
    "absurdity"
  ]
}