VOCABULARY / 词条

瑞士国际主义

Swiss / International Typographic Style

加入比较＋

视觉风格粒度：整体体验swiss · v0.1.0

以网格、排版层级和有组织的留白建立视觉秩序的设计语言。

可操作示例 · 虚构产品 FIELDNOTES

FIELDNOTES城市 / 观察 / 日常

COLLECT THE EVERYDAY

Look
closer.

在熟悉的街角，发现未曾注意的日常。

走一条
不一样的路。

01 / WALK

周末散步

沿着旧街，重新认识城市。

02 / BOOKS

一家书店

停下来，留一点时间给阅读。

03 / DAILY

雨后的街角

把平常的一刻，放进手记。

识别特征

清楚的对齐关系
无衬线字体与显著字号对比
有限强调色，留白参与构图

概念边界

不等于所有极简界面，也不等于任何使用网格的布局。此处演示它在数字界面中的一种转译。

什么时候考虑它

需要让内容层级与阅读路径清晰可见
品牌希望表达秩序和编辑感

什么时候慎用

仅凭使用 Helvetica 就声称实现了该风格
照搬海报字号，挤压表单或长文本的可读空间

取舍

表达较克制；品牌个性更依赖排版、比例和内容质量。

条件规则 · 编辑建议

当应用于数字界面建议保持表单标签和正文可读，不把海报比例机械套入界面。

来源与支持范围

Poster House · The Swiss Grid ↗

展览以瑞士网格及其历史、海报应用为主题；此处数字界面配方为编辑转译。

检索日期：2026-09-15

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

类型扩展与实现说明

能力标签只描述本演示；应用到产品时仍须重新验证。

{
  "tokens": {
    "surface": "#f4f0e5",
    "ink": "#18231f",
    "accent": "#bb352c",
    "radiusPx": 0,
    "shadow": "none"
  },
  "tokenScope": "本样例配方，不是历史风格的标准 token。"
}

完整 Agent 条目 JSON

{
  "id": "swiss",
  "type": "visual",
  "name": {
    "zh": "瑞士国际主义",
    "en": "Swiss / International Typographic Style"
  },
  "aliases": [
    "Swiss Style",
    "瑞士风格",
    "国际主义排版"
  ],
  "granularity": "experience",
  "intents": [
    "express-brand",
    "organize-content"
  ],
  "tags": [
    "网格",
    "排版",
    "克制",
    "sans-serif",
    "秩序"
  ],
  "definition": "以网格、排版层级和有组织的留白建立视觉秩序的设计语言。",
  "boundary": "不等于所有极简界面，也不等于任何使用网格的布局。此处演示它在数字界面中的一种转译。",
  "signature": [
    "清楚的对齐关系",
    "无衬线字体与显著字号对比",
    "有限强调色，留白参与构图"
  ],
  "when": [
    "需要让内容层级与阅读路径清晰可见",
    "品牌希望表达秩序和编辑感"
  ],
  "when_not": [
    "仅凭使用 Helvetica 就声称实现了该风格",
    "照搬海报字号，挤压表单或长文本的可读空间"
  ],
  "tradeoff": "表达较克制；品牌个性更依赖排版、比例和内容质量。",
  "comparison": {
    "focus": "秩序与内容层级",
    "mechanism": "对齐、比例、留白",
    "cost": "需要认真处理字体与网格"
  },
  "sources": [
    {
      "id": "swiss-museum",
      "title": "Poster House · The Swiss Grid",
      "url": "https://swissgrid.posterhouse.org/",
      "claim": "展览以瑞士网格及其历史、海报应用为主题；此处数字界面配方为编辑转译。",
      "checkedAt": "2026-09-15",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260915*/https://swissgrid.posterhouse.org/",
        "status": "available",
        "checkedAt": "2026-09-15T16:45:05.318Z",
        "url": "https://web.archive.org/web/20260915164652/https://swissgrid.posterhouse.org/",
        "timestamp": "20260915164652"
      }
    }
  ],
  "relations": [
    {
      "target": "neo-brutalism",
      "kind": "alternative",
      "condition": "选择同一页面的主视觉语言",
      "reason": "两者都可建立强层级，但视觉签名不同。",
      "basis": "editorial"
    },
    {
      "target": "proximity",
      "kind": "composes_with",
      "condition": "使用留白区分信息组",
      "reason": "间距可以辅助表达分组。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "应用于数字界面",
      "instruction": "保持表单标签和正文可读，不把海报比例机械套入界面。",
      "strength": "recommend",
      "basis": "editorial"
    }
  ],
  "visual": {
    "tokens": {
      "surface": "#f4f0e5",
      "ink": "#18231f",
      "accent": "#bb352c",
      "radiusPx": 0,
      "shadow": "none"
    },
    "tokenScope": "本样例配方，不是历史风格的标准 token。"
  },
  "demo": "swiss",
  "version": "0.1.0",
  "editorialStatus": "sample-reviewed",
  "requirements": [],
  "demoCapabilities": [
    "keyboard",
    "reduced_motion"
  ],
  "implementationNote": "能力标签只描述本演示；应用到产品时仍须重新验证。",
  "searchTerms": [
    "grid",
    "typography",
    "restraint",
    "sans-serif",
    "order"
  ]
}