Design Vocabulary设计词汇 · 样本集 01

VOCABULARY / 词条

构成主义

Constructivism

加入比较 +

以强烈的斜向轴线组织画面、用照片蒙太奇与几何色块并置、把文字当作结构构件而非装饰的平面语言;配色高度受限,通常只有红、黑与纸白,强调作品是被"建造"出来的而非被描绘出来的。

示意图 · 编辑插画,尚无可操作示例
一张名为 FIELDNOTES 的虚构海报:红色与黑色的几何色块沿一条明显的斜轴排布,一块被裁成尖角的灰调照片碎片嵌在其中,大号无衬线标题随斜轴倾斜,右侧排着灰色占位文本条。
一张名为 FIELDNOTES 的虚构海报:红色与黑色的几何色块沿一条明显的斜轴排布,一块被裁成尖角的灰调照片碎片嵌在其中,大号无衬线标题随斜轴倾斜,右侧排着灰色占位文本条。

识别特征

  • 画面沿一条或几条明显的斜向轴线组织
  • 剪裁的照片与几何色块直接并置,没有渐变过渡
  • 大号文字被当作色块与线条参与构图,可倾斜排列

概念边界

本词条只讨论构成主义留下的平面图形语言,不概括它作为艺术运动在雕塑、剧场与建筑上的主张,也不承担其政治纲领。判定标准是"斜向轴线 + 照片蒙太奇 + 受限的红黑白色域 + 排版参与结构"这一组合,而不是"用了红色"或"排版很硬朗"。它与瑞士国际主义历史相关但不同:瑞士把秩序沉淀为系统化的正交网格与中性字体,构成主义则刻意用倾斜与对角制造动势;它也早于包豪斯的成熟期并影响了后者。

什么时候考虑它

  • 需要一张带动势与明确态度的宣告式画面
  • 内容层级少而集中:一个标题、一张图、一个行动
  • 配色必须极度受限,例如单色印刷或低成本输出

什么时候慎用

  • 页面需要承载长文本与多层级导航,斜向轴线会破坏阅读顺序
  • 把倾斜排版用于正文或表单标签,导致可读性下降
  • 借用其历史符号却与内容的立场无关

取舍

斜向构图与受限配色能在极少的元素下制造强烈动势,代价是这套构图难以容纳可变长度的内容,倾斜的文字也不利于长时间阅读与本地化。

条件规则 · 编辑建议

当文字沿斜向轴线排布必须只让标题一类的短文本倾斜,正文、标签与表单说明保持水平,并确认 DOM 顺序仍与阅读顺序一致。
当这套构图要适配可变长度的标题或多语言版本建议先定义斜轴的角度与色块位置规则,再让文字在规则内伸缩,而不是为每条文案重新构图。

相关词条

瑞士国际主义 ↗条件替代 · 为同一品牌选择以几何秩序为基础的排版语言

瑞士国际主义用正交网格与中性字体把秩序系统化,构成主义刻意以斜轴制造动势;两者共享几何与克制配色,但秩序观相反。

包豪斯视觉语言 ↗相关但不同 · 追溯几何原色图形语言的历史脉络

构成主义早于包豪斯的成熟期并影响了它;包豪斯把几何与原色纳入教学体系,构成主义保持更强的斜向动势与政治宣告色彩。

拼贴风格 ↗可以配合 · 画面需要把剪裁的照片与图形直接并置

照片蒙太奇是构成主义的核心手法之一,拼贴提供了并置异质素材的一般做法。

来源与支持范围

Tate · Art Term: Constructivism ↗

该词条说明构成主义是约 1915 年由塔特林与罗德琴科在俄国创立的抽象艺术分支,主张艺术应直接反映现代工业世界,1923 年的宣言强调以材料的构造取代审美组合、把作品视为工业产品;本词条据此转述其取向,平面手法的具体建议属编辑意见。

检索日期:2026-09-16
Wikipedia · Constructivism (art) ↗

该条目记载构成主义在平面设计上的实践包括照片蒙太奇、几何形与受限配色的海报,以及把排版当作构图元素的做法;本词条的形态描述据此转述。

检索日期:2026-09-16 · 快照待确认

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

类型扩展与实现说明

本词条尚无可操作示例;插画为编辑示意,展示斜向构图与受限配色的组织方式,不代表已验证的实现。应用到产品前仍须确认倾斜排版没有破坏阅读顺序,并实测红色色块上文字的对比度。

{
  "tokens": {
    "surface": "#f2ece1",
    "ink": "#16130f",
    "accent": "#c02525",
    "radiusPx": 0,
    "shadow": "none"
  },
  "tokenScope": "本样例配方:纸白底色、近黑墨色与一个高纯度红强调色,示意这套受限色域的取向,不是历史标准色;实际项目需按品牌语境重新取值,并验证红底上文字的对比度。"
}
完整 Agent 条目 JSON
{
  "id": "constructivism",
  "type": "visual",
  "name": {
    "zh": "构成主义",
    "en": "Constructivism"
  },
  "aliases": [
    "Constructivist Graphics",
    "构成主义平面语言",
    "俄国构成主义"
  ],
  "granularity": "experience",
  "intents": [
    "express-brand",
    "organize-content"
  ],
  "tags": [
    "斜向构图",
    "照片蒙太奇",
    "红黑",
    "几何",
    "海报"
  ],
  "definition": "以强烈的斜向轴线组织画面、用照片蒙太奇与几何色块并置、把文字当作结构构件而非装饰的平面语言;配色高度受限,通常只有红、黑与纸白,强调作品是被\"建造\"出来的而非被描绘出来的。",
  "boundary": "本词条只讨论构成主义留下的平面图形语言,不概括它作为艺术运动在雕塑、剧场与建筑上的主张,也不承担其政治纲领。判定标准是\"斜向轴线 + 照片蒙太奇 + 受限的红黑白色域 + 排版参与结构\"这一组合,而不是\"用了红色\"或\"排版很硬朗\"。它与瑞士国际主义历史相关但不同:瑞士把秩序沉淀为系统化的正交网格与中性字体,构成主义则刻意用倾斜与对角制造动势;它也早于包豪斯的成熟期并影响了后者。",
  "signature": [
    "画面沿一条或几条明显的斜向轴线组织",
    "剪裁的照片与几何色块直接并置,没有渐变过渡",
    "大号文字被当作色块与线条参与构图,可倾斜排列"
  ],
  "when": [
    "需要一张带动势与明确态度的宣告式画面",
    "内容层级少而集中:一个标题、一张图、一个行动",
    "配色必须极度受限,例如单色印刷或低成本输出"
  ],
  "when_not": [
    "页面需要承载长文本与多层级导航,斜向轴线会破坏阅读顺序",
    "把倾斜排版用于正文或表单标签,导致可读性下降",
    "借用其历史符号却与内容的立场无关"
  ],
  "tradeoff": "斜向构图与受限配色能在极少的元素下制造强烈动势,代价是这套构图难以容纳可变长度的内容,倾斜的文字也不利于长时间阅读与本地化。",
  "comparison": {
    "focus": "用斜向结构表达动势与宣告",
    "mechanism": "斜轴构图、照片蒙太奇与红黑白受限色域",
    "cost": "难容纳可变长度内容,倾斜文字不利阅读"
  },
  "sources": [
    {
      "id": "constructivism-tate",
      "title": "Tate · Art Term: Constructivism",
      "url": "https://www.tate.org.uk/art/art-terms/c/constructivism",
      "claim": "该词条说明构成主义是约 1915 年由塔特林与罗德琴科在俄国创立的抽象艺术分支,主张艺术应直接反映现代工业世界,1923 年的宣言强调以材料的构造取代审美组合、把作品视为工业产品;本词条据此转述其取向,平面手法的具体建议属编辑意见。",
      "checkedAt": "2026-09-16",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260916*/https://www.tate.org.uk/art/art-terms/c/constructivism",
        "status": "available",
        "checkedAt": "2026-09-16T13:06:15.734Z",
        "jobId": "spn2-f777191dad9268a4f7c2c07bb6fffb0cf8d5dbf0",
        "url": "https://web.archive.org/web/20260916130730/https://www.tate.org.uk/art/art-terms/c/constructivism",
        "timestamp": "20260916130730"
      }
    },
    {
      "id": "constructivism-wikipedia",
      "title": "Wikipedia · Constructivism (art)",
      "url": "https://en.wikipedia.org/wiki/Constructivism_(art)",
      "claim": "该条目记载构成主义在平面设计上的实践包括照片蒙太奇、几何形与受限配色的海报,以及把排版当作构图元素的做法;本词条的形态描述据此转述。",
      "checkedAt": "2026-09-16",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/Constructivism_(art)",
        "status": "pending",
        "checkedAt": "2026-09-16T13:30:01.239Z",
        "error": "status-request-failed",
        "jobId": "spn2-9940e150b1f03ceb3949133841628b25279e0f35"
      }
    }
  ],
  "relations": [
    {
      "target": "swiss",
      "kind": "alternative",
      "condition": "为同一品牌选择以几何秩序为基础的排版语言",
      "reason": "瑞士国际主义用正交网格与中性字体把秩序系统化,构成主义刻意以斜轴制造动势;两者共享几何与克制配色,但秩序观相反。",
      "basis": "editorial"
    },
    {
      "target": "bauhaus",
      "kind": "related",
      "condition": "追溯几何原色图形语言的历史脉络",
      "reason": "构成主义早于包豪斯的成熟期并影响了它;包豪斯把几何与原色纳入教学体系,构成主义保持更强的斜向动势与政治宣告色彩。",
      "basis": "editorial"
    },
    {
      "target": "collage",
      "kind": "composes_with",
      "condition": "画面需要把剪裁的照片与图形直接并置",
      "reason": "照片蒙太奇是构成主义的核心手法之一,拼贴提供了并置异质素材的一般做法。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "文字沿斜向轴线排布",
      "instruction": "只让标题一类的短文本倾斜,正文、标签与表单说明保持水平,并确认 DOM 顺序仍与阅读顺序一致。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "这套构图要适配可变长度的标题或多语言版本",
      "instruction": "先定义斜轴的角度与色块位置规则,再让文字在规则内伸缩,而不是为每条文案重新构图。",
      "strength": "recommend",
      "basis": "editorial"
    }
  ],
  "visual": {
    "tokens": {
      "surface": "#f2ece1",
      "ink": "#16130f",
      "accent": "#c02525",
      "radiusPx": 0,
      "shadow": "none"
    },
    "tokenScope": "本样例配方:纸白底色、近黑墨色与一个高纯度红强调色,示意这套受限色域的取向,不是历史标准色;实际项目需按品牌语境重新取值,并验证红底上文字的对比度。"
  },
  "demo": null,
  "version": "0.1.0",
  "editorialStatus": "drafted",
  "requirements": [],
  "demoCapabilities": [],
  "implementationNote": "本词条尚无可操作示例;插画为编辑示意,展示斜向构图与受限配色的组织方式,不代表已验证的实现。应用到产品前仍须确认倾斜排版没有破坏阅读顺序,并实测红色色块上文字的对比度。",
  "image": {
    "src": "/images/constructivism.webp",
    "alt": "一张名为 FIELDNOTES 的虚构海报:红色与黑色的几何色块沿一条明显的斜轴排布,一块被裁成尖角的灰调照片碎片嵌在其中,大号无衬线标题随斜轴倾斜,右侧排着灰色占位文本条。"
  },
  "searchTerms": [
    "diagonal composition",
    "photomontage",
    "red and black",
    "geometry",
    "poster"
  ]
}