颓废风格

本词条尚无可操作示例；插画为编辑示意，展示这套表面处理的样子，不代表已验证的实现。应用到产品前仍须在真实纹理与真实字号上实测对比度，并确认长文本另有干净可读的版式。

{
  "tokens": {
    "surface": "#efe9dd",
    "ink": "#2a2723",
    "accent": "#b5552c",
    "radiusPx": 0,
    "shadow": "none"
  },
  "tokenScope": "本样例配方：米灰纸感底色、近黑墨色与锈红强调色，只是该风格的一种取值，不是历史标准色；实际项目还需自备纸纹与网点素材，并逐一验证正文区域的对比度。"
}

{
  "id": "grunge",
  "type": "visual",
  "name": {
    "zh": "颓废风格",
    "en": "Grunge"
  },
  "aliases": [
    "Grunge Typography",
    "Grunge Design",
    "做旧拼贴风格",
    "垃圾摇滚视觉"
  ],
  "granularity": "experience",
  "intents": [
    "express-brand",
    "organize-content"
  ],
  "tags": [
    "做旧",
    "纹理",
    "拼贴",
    "排版",
    "杂志"
  ],
  "definition": "以撕裂的边缘、复印与网点造成的噪点失真、墨渍污损，以及刻意错位、叠压的排版构成的平面视觉语言；画面看上去像被反复复印、剪贴和磨损过，用\"不整洁\"本身传达地下、手工与反主流的态度。",
  "boundary": "本词条只讨论 1990 年代前后在杂志与唱片设计中成型、后来被品牌与界面借用的这套图形语言，不概括同名的音乐流派或亚文化。判定标准是破坏性的表面处理——撕裂、复印失真、污损、错位叠印——而不是\"用了复古配色\"或\"放了一张做旧照片\"。它与拼贴不同：拼贴的重点是把异质素材并置以产生新的意义，颓废风格的重点是让素材看起来被损耗过；两者常同时出现，但目的不同，不可互换。",
  "signature": [
    "纸张与色块带撕裂、毛边或裁切残留",
    "复印、网点或噪声造成可见的失真与脏点",
    "文字被叠印、错位或被其他元素部分遮挡"
  ],
  "when": [
    "品牌需要表达地下、独立或手工气质，而不是专业与秩序",
    "内容本身属于音乐、街头、独立出版一类的语境",
    "同类竞品都使用干净克制的版式，需要明显拉开距离"
  ],
  "when_not": [
    "页面以长文本阅读为主，读者需要稳定的对比度与行距",
    "把噪点和错位加到每一个层级，结果谁都不突出",
    "只是想让模板看起来不那么\"通用\"，却没有对应的品牌立场"
  ],
  "tradeoff": "强烈的态度表达，代价是可读性与可复用性：纹理会压低文字对比度，随机化的版面也更难在多种尺寸和平台上保持一致。",
  "comparison": {
    "focus": "用被损耗的表面传达态度",
    "mechanism": "撕裂边缘、复印失真、叠印与错位排版",
    "cost": "必须另外为正文保留可读、对比度达标的版面"
  },
  "sources": [
    {
      "id": "grunge-raygun",
      "title": "Wikipedia · Ray Gun (magazine)",
      "url": "https://en.wikipedia.org/wiki/Ray_Gun_(magazine)",
      "claim": "该条目记载 Ray Gun 杂志（1992–2000，创刊艺术总监 David Carson）以被称为 \"grunge typography\" 的风格编排内容，画面混乱、抽象、并非总是可读，却极具辨识度；本词条据此把该风格定位为 1990 年代杂志排版实践中成型的图形语言，条目本身不评价其优劣。",
      "checkedAt": "2026-09-16",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/Ray_Gun_(magazine)",
        "status": "unconfirmed",
        "checkedAt": "2026-09-16T13:00:57.573Z",
        "error": "error:not-found",
        "jobId": "spn2-cf9bb0ae0117f86ee65350c9e4b4228c55df5e5d"
      }
    },
    {
      "id": "grunge-carson",
      "title": "Wikipedia · David Carson (graphic designer)",
      "url": "https://en.wikipedia.org/wiki/David_Carson_(graphic_designer)",
      "claim": "该条目把 Carson 在 Ray Gun 时期的手法描述为混乱、拼贴式，叠加照片与凌乱排版；本词条据此转述该风格的排版特征，把它转译为品牌与界面上的做法属编辑判断。",
      "checkedAt": "2026-09-16",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/David_Carson_(graphic_designer)",
        "status": "unconfirmed",
        "checkedAt": "2026-09-16T13:00:57.576Z",
        "error": "error:not-found",
        "jobId": "spn2-9c0f3faa5cb9b2762cee7624fdae9094e22d17b7"
      }
    }
  ],
  "relations": [
    {
      "target": "collage",
      "kind": "related",
      "condition": "画面刻意放弃规整网格，由碎片拼合而成",
      "reason": "两者都以碎片化构图工作，但拼贴关心素材并置后的新意义，颓废风格关心素材被损耗的痕迹。",
      "basis": "editorial"
    },
    {
      "target": "swiss",
      "kind": "alternative",
      "condition": "为同一品牌选择主导的排版语言",
      "reason": "瑞士国际主义用网格与克制建立秩序，颓废风格用失序表达态度，同一层级上混用会让两种立场互相抵消。",
      "basis": "editorial"
    },
    {
      "target": "contrast-legibility",
      "kind": "conflicts_when",
      "condition": "正文直接压在做旧纹理、网点或叠印色块上",
      "reason": "噪点与叠印会降低文字与背景的实际对比度，长文本和低视力读者最先受影响。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "把做旧纹理用作正文区域的背景",
      "instruction": "为正文保留一块噪点被压低、对比度经过实测的区域，而不是只在示意稿上目测。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "这套视觉需要在多个尺寸、平台上复用",
      "instruction": "把\"破坏\"收敛成少数几种可复用的处理（一种纸纹、一种撕边、一种叠印），而不是每个页面各自随机生成。",
      "strength": "recommend",
      "basis": "editorial"
    }
  ],
  "visual": {
    "tokens": {
      "surface": "#efe9dd",
      "ink": "#2a2723",
      "accent": "#b5552c",
      "radiusPx": 0,
      "shadow": "none"
    },
    "tokenScope": "本样例配方：米灰纸感底色、近黑墨色与锈红强调色，只是该风格的一种取值，不是历史标准色；实际项目还需自备纸纹与网点素材，并逐一验证正文区域的对比度。"
  },
  "demo": null,
  "version": "0.1.0",
  "editorialStatus": "drafted",
  "requirements": [],
  "demoCapabilities": [],
  "implementationNote": "本词条尚无可操作示例；插画为编辑示意，展示这套表面处理的样子，不代表已验证的实现。应用到产品前仍须在真实纹理与真实字号上实测对比度，并确认长文本另有干净可读的版式。",
  "image": {
    "src": "/images/grunge.webp",
    "alt": "一份名为 FIELDNOTES 的虚构杂志跨页，纸张边缘撕裂、带复印网点与墨渍，橄榄绿、锈红与炭黑色块叠印在灰色占位文本条上，示意颓废风格。"
  },
  "searchTerms": [
    "distressed",
    "texture",
    "collage",
    "typography",
    "magazine"
  ]
}