Design Vocabulary设计词汇 · 样本集 01

VOCABULARY / 词条

拼贴风格

Collage

加入比较 +

把来源不同的异质碎片——裁切或撕边的照片、纸张、材质与文字——拼合到同一画面上、并保留可见接缝的视觉做法;效果依赖碎片之间明显的拼合痕迹(撕边、参差裁切、胶带感)和尺度的突然跳跃,而不是让素材融合成统一的连续画面。

示意图 · 编辑插画,尚无可操作示例
一份名为 FIELDNOTES 的虚构田野笔记页面,由撕边纸张矩形、一个半调网点剪影图形、几条胶带和不同角度、不同字号的文字条拼合而成,示意拼贴风格。
一份名为 FIELDNOTES 的虚构田野笔记页面,由撕边纸张矩形、一个半调网点剪影图形、几条胶带和不同角度、不同字号的文字条拼合而成,示意拼贴风格。

识别特征

  • 来源不同的图像、文字与材质被拼合在一起,接缝清晰可见(撕边、参差裁切边或胶带痕迹)
  • 图像常以剪影或裁切照片的形式插入画面,并出现突然的尺度跳跃(大幅图像旁配极小的标签或文字条)
  • 排版混用不同字号、字体粗细和倾斜角度,呈现手工拼贴或影印拼贴(zine)式的做旧质感

概念边界

拼贴风格的判定标准是“异质碎片被拼合在一起且接缝可见”,而不是画面元素的数量或密度:接缝、裁切边和尺度跳跃是核心信号。它不等同于极繁主义——极繁主义指装饰元素的堆叠丰富,可以是同一材质、同一插画语言下的连续画面,未必存在碎片拼合与可见接缝;本词条不把纯粹的装饰堆叠算作拼贴。影印质感、粗糙排版、多字号混排的独立出版物(zine)拼贴是本词条的一个变体——把 zine/DIY 影印拼贴合并在此处一并讨论,不单列词条。

什么时候考虑它

  • 需要传达手工感、即兴感,或对既定视觉秩序的反抗态度,例如独立出版物、亚文化或艺术类品牌
  • 内容本身来自多个素材源(引用、剪报、多方证据),拼贴能诚实地呈现这种拼合关系,而不是把它们抹平
  • 品牌希望借助接缝、错位与尺度跳跃制造张力和记忆点,而不是追求统一光滑的视觉表面

什么时候慎用

  • 界面需要清晰、可预测的阅读顺序,例如结账流程、表单或长文本页面——碎片和错落布局会遮蔽阅读路径
  • 拼贴中使用的剪影或裁切图像承载了理解内容所需的信息,却没有配文字替代
  • 只是简单堆叠了大量装饰元素、色彩与图案,画面之间并无碎片感或可见接缝——这更接近极繁主义而非有意识的碎片拼合

取舍

拼贴风格能传达手工感、叙事张力,并诚实呈现多源素材的拼合关系,但可见接缝、错位裁切和混合字号会打断视觉扫描路径;应用到界面时需要额外的设计与校验成本,确保阅读顺序不被打乱,且承载信息的剪影图像配有文字替代。

条件规则 · 编辑建议

当在正文或功能区域周围使用拼贴碎片、接缝或角度变化作为装饰必须碎片、接缝和角度变化不得遮挡或打乱正文的阅读顺序;关键信息仍需保持清楚可辨的先后层级,不能让读者靠猜测拼凑内容顺序。
当拼贴中的剪影、裁切照片或影印图像承载了理解内容所需的信息必须这类图像和其他任何有意义的图像一样,需要提供文字替代(如 alt 文本),不能因为它是“拼贴装饰”就省略。
当拼贴碎片数量较多、容易显得杂乱建议用网格或对齐参考线固定碎片的基准位置(可与 modular-grid 组合使用),避免纯粹随意堆叠导致构图失控。

相关词条

新粗野主义 ↗相关但不同 · 界面追求直接、可见构造痕迹的视觉表达

两者都保留“做法本身”的痕迹而不加以掩饰——新粗野主义暴露结构与阴影,拼贴暴露碎片与接缝——但视觉签名和素材来源不同。

极简视觉风格 ↗条件替代 · 为同一页面选择主视觉语言

拼贴依靠异质碎片与可见接缝制造张力和信息密度,极简依靠元素削减和留白制造克制感,两者的构图逻辑相反,通常只能择其一作为主导语言。

模块化网格 ↗可以配合 · 拼贴碎片数量较多,需要避免构图失控

网格可以为拼贴碎片提供对齐参考和整体骨架,让分散的裁切素材仍落在可预期的位置上,而不影响拼贴本身的接缝质感。

来源与支持范围

Tate · Art Term: Collage ↗

该词条将拼贴定义为把纸张、照片、布料等碎片材料排布并粘贴到承托面上的技法及其成果,指出该技法名源自法语 papiers collés(拼贴纸),二十世纪初开始作为艺术家技法使用,并列出 papier collé(更接近绘画的粘贴纸)、照片蒙太奇(由照片构成)等相关变体;本词条“异质碎片拼合、接缝可见”的定义据此转述。

检索日期:2026-09-15 · 存档于 2026-09-16
Tate · Art Term: Photomontage ↗

该词条将照片蒙太奇定义为“由照片构成的拼贴”,指出这一技法在第一次世界大战期间由达达主义者于 1915 年首次用作反战抗议手段,后来超现实主义者以自由联想的方式组合不相关意象,苏联构成主义者罗琴科于 1923 年开始尝试该技法;本词条“剪影/裁切图像插入画面”的表述与拼贴同族技法关系据此转述。

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

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

类型扩展与实现说明

本词条尚无可操作示例;插画为编辑示意。应用到产品时仍须验证拼贴碎片和角度变化是否遮蔽正文阅读顺序、承载内容的剪影图像是否配有文字替代,并在真实内容和多种屏幕尺寸上测试排版可读性。

{
  "tokens": {
    "surface": "#ede4d3",
    "ink": "#2e2a24",
    "accent": "#c1622d",
    "radiusPx": 2,
    "shadow": "1px 2px 0 rgba(0,0,0,0.25)"
  },
  "tokenScope": "本样例配方:牛皮纸底色、深墨色文字与陶土色强调,配合极小圆角和硬边偏移阴影模拟撕纸与胶带的层叠效果;真实产品应按品牌材质与素材来源重新取值,并验证叠加碎片下的文字对比度。"
}
完整 Agent 条目 JSON
{
  "id": "collage",
  "type": "visual",
  "name": {
    "zh": "拼贴风格",
    "en": "Collage"
  },
  "aliases": [
    "Collage Art",
    "拼贴画",
    "剪贴风格"
  ],
  "granularity": "experience",
  "intents": [
    "express-brand",
    "organize-content"
  ],
  "tags": [
    "拼贴",
    "撕边纸张",
    "混合材质",
    "剪影图像",
    "错落层次"
  ],
  "definition": "把来源不同的异质碎片——裁切或撕边的照片、纸张、材质与文字——拼合到同一画面上、并保留可见接缝的视觉做法;效果依赖碎片之间明显的拼合痕迹(撕边、参差裁切、胶带感)和尺度的突然跳跃,而不是让素材融合成统一的连续画面。",
  "boundary": "拼贴风格的判定标准是“异质碎片被拼合在一起且接缝可见”,而不是画面元素的数量或密度:接缝、裁切边和尺度跳跃是核心信号。它不等同于极繁主义——极繁主义指装饰元素的堆叠丰富,可以是同一材质、同一插画语言下的连续画面,未必存在碎片拼合与可见接缝;本词条不把纯粹的装饰堆叠算作拼贴。影印质感、粗糙排版、多字号混排的独立出版物(zine)拼贴是本词条的一个变体——把 zine/DIY 影印拼贴合并在此处一并讨论,不单列词条。",
  "signature": [
    "来源不同的图像、文字与材质被拼合在一起,接缝清晰可见(撕边、参差裁切边或胶带痕迹)",
    "图像常以剪影或裁切照片的形式插入画面,并出现突然的尺度跳跃(大幅图像旁配极小的标签或文字条)",
    "排版混用不同字号、字体粗细和倾斜角度,呈现手工拼贴或影印拼贴(zine)式的做旧质感"
  ],
  "when": [
    "需要传达手工感、即兴感,或对既定视觉秩序的反抗态度,例如独立出版物、亚文化或艺术类品牌",
    "内容本身来自多个素材源(引用、剪报、多方证据),拼贴能诚实地呈现这种拼合关系,而不是把它们抹平",
    "品牌希望借助接缝、错位与尺度跳跃制造张力和记忆点,而不是追求统一光滑的视觉表面"
  ],
  "when_not": [
    "界面需要清晰、可预测的阅读顺序,例如结账流程、表单或长文本页面——碎片和错落布局会遮蔽阅读路径",
    "拼贴中使用的剪影或裁切图像承载了理解内容所需的信息,却没有配文字替代",
    "只是简单堆叠了大量装饰元素、色彩与图案,画面之间并无碎片感或可见接缝——这更接近极繁主义而非有意识的碎片拼合"
  ],
  "tradeoff": "拼贴风格能传达手工感、叙事张力,并诚实呈现多源素材的拼合关系,但可见接缝、错位裁切和混合字号会打断视觉扫描路径;应用到界面时需要额外的设计与校验成本,确保阅读顺序不被打乱,且承载信息的剪影图像配有文字替代。",
  "comparison": {
    "focus": "用可见接缝的异质碎片组合表达手工感与多源拼合关系",
    "mechanism": "裁切或撕边图像、混合材质与字号、故意的尺度跳跃",
    "cost": "需要额外设计工作维持阅读顺序,并为承载内容的剪影图像提供文字替代"
  },
  "sources": [
    {
      "id": "collage-tate-definition",
      "title": "Tate · Art Term: Collage",
      "url": "https://www.tate.org.uk/art/art-terms/c/collage",
      "claim": "该词条将拼贴定义为把纸张、照片、布料等碎片材料排布并粘贴到承托面上的技法及其成果,指出该技法名源自法语 papiers collés(拼贴纸),二十世纪初开始作为艺术家技法使用,并列出 papier collé(更接近绘画的粘贴纸)、照片蒙太奇(由照片构成)等相关变体;本词条“异质碎片拼合、接缝可见”的定义据此转述。",
      "checkedAt": "2026-09-15",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260915*/https://www.tate.org.uk/art/art-terms/c/collage",
        "status": "available",
        "checkedAt": "2026-09-16T05:24:40.981Z",
        "jobId": "spn2-ae1646482f535a8c20f8c487a0c083d65d8a2b66",
        "url": "https://web.archive.org/web/20260916052447/https://www.tate.org.uk/art/art-terms/c/collage",
        "timestamp": "20260916052447"
      }
    },
    {
      "id": "collage-tate-photomontage",
      "title": "Tate · Art Term: Photomontage",
      "url": "https://www.tate.org.uk/art/art-terms/p/photomontage",
      "claim": "该词条将照片蒙太奇定义为“由照片构成的拼贴”,指出这一技法在第一次世界大战期间由达达主义者于 1915 年首次用作反战抗议手段,后来超现实主义者以自由联想的方式组合不相关意象,苏联构成主义者罗琴科于 1923 年开始尝试该技法;本词条“剪影/裁切图像插入画面”的表述与拼贴同族技法关系据此转述。",
      "checkedAt": "2026-09-15",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260915*/https://www.tate.org.uk/art/art-terms/p/photomontage",
        "status": "available",
        "checkedAt": "2026-09-16T05:24:41.015Z",
        "jobId": "spn2-cd8c502fda2211bed9b548f6b1482a3264f8d08b",
        "url": "https://web.archive.org/web/20260916052550/https://www.tate.org.uk/art/art-terms/p/photomontage",
        "timestamp": "20260916052550"
      }
    }
  ],
  "relations": [
    {
      "target": "neo-brutalism",
      "kind": "related",
      "condition": "界面追求直接、可见构造痕迹的视觉表达",
      "reason": "两者都保留“做法本身”的痕迹而不加以掩饰——新粗野主义暴露结构与阴影,拼贴暴露碎片与接缝——但视觉签名和素材来源不同。",
      "basis": "editorial"
    },
    {
      "target": "minimalism",
      "kind": "alternative",
      "condition": "为同一页面选择主视觉语言",
      "reason": "拼贴依靠异质碎片与可见接缝制造张力和信息密度,极简依靠元素削减和留白制造克制感,两者的构图逻辑相反,通常只能择其一作为主导语言。",
      "basis": "editorial"
    },
    {
      "target": "modular-grid",
      "kind": "composes_with",
      "condition": "拼贴碎片数量较多,需要避免构图失控",
      "reason": "网格可以为拼贴碎片提供对齐参考和整体骨架,让分散的裁切素材仍落在可预期的位置上,而不影响拼贴本身的接缝质感。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "在正文或功能区域周围使用拼贴碎片、接缝或角度变化作为装饰",
      "instruction": "碎片、接缝和角度变化不得遮挡或打乱正文的阅读顺序;关键信息仍需保持清楚可辨的先后层级,不能让读者靠猜测拼凑内容顺序。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "拼贴中的剪影、裁切照片或影印图像承载了理解内容所需的信息",
      "instruction": "这类图像和其他任何有意义的图像一样,需要提供文字替代(如 alt 文本),不能因为它是“拼贴装饰”就省略。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "拼贴碎片数量较多、容易显得杂乱",
      "instruction": "用网格或对齐参考线固定碎片的基准位置(可与 modular-grid 组合使用),避免纯粹随意堆叠导致构图失控。",
      "strength": "recommend",
      "basis": "editorial"
    }
  ],
  "visual": {
    "tokens": {
      "surface": "#ede4d3",
      "ink": "#2e2a24",
      "accent": "#c1622d",
      "radiusPx": 2,
      "shadow": "1px 2px 0 rgba(0,0,0,0.25)"
    },
    "tokenScope": "本样例配方:牛皮纸底色、深墨色文字与陶土色强调,配合极小圆角和硬边偏移阴影模拟撕纸与胶带的层叠效果;真实产品应按品牌材质与素材来源重新取值,并验证叠加碎片下的文字对比度。"
  },
  "demo": null,
  "version": "0.1.0",
  "editorialStatus": "drafted",
  "requirements": [],
  "demoCapabilities": [],
  "implementationNote": "本词条尚无可操作示例;插画为编辑示意。应用到产品时仍须验证拼贴碎片和角度变化是否遮蔽正文阅读顺序、承载内容的剪影图像是否配有文字替代,并在真实内容和多种屏幕尺寸上测试排版可读性。",
  "image": {
    "src": "/images/collage.webp",
    "alt": "一份名为 FIELDNOTES 的虚构田野笔记页面,由撕边纸张矩形、一个半调网点剪影图形、几条胶带和不同角度、不同字号的文字条拼合而成,示意拼贴风格。"
  },
  "searchTerms": [
    "collage",
    "torn-paper edges",
    "mixed materials",
    "cut-out imagery",
    "layered irregularity"
  ]
}