SwissStyle

01定义

用数学化的网格和中性的字体组织信息，让内容本身说话。

02历史脉络

时间线

1. 1928

   扬·奇肖尔德出版《新字体排印》，主张非对称版式与无衬线字体，奠定理论基础。

2. 1940s

   巴塞尔设计学院（埃米尔·鲁德、阿明·霍夫曼）与苏黎世工艺美术学校成为两大教学中心。

3. 1957

   Neue Haas Grotesk（1960 年更名为 Helvetica）与 Univers 相继发布。

4. 1958

   《Neue Grafik》杂志在苏黎世创刊，以三语系统传播这一理念。

5. 1960s

   成为跨国企业形象与机场、地铁导视的通用语言，向全世界输出。

6. 1981

   约瑟夫·米勒-布罗克曼出版《平面设计中的网格系统》，至今仍是网格的教科书。

03视觉基因

05网格实验室

06代表人物

• Josef Müller-Brockmann

  1914–1996Tonhalle 音乐会海报系列

  把网格系统化的人，《平面设计中的网格系统》作者。

• Armin Hofmann

  1920–2020巴塞尔市立剧院海报

  巴塞尔学派的教育家，以强烈的黑白对比和形式抽象著称。

• Emil Ruder

  1914–1970《字体排印》（1967）

  强调字体排印的节奏和留白，并最早推广 Univers 字体。

• Max Miedinger

  1910–1980Helvetica 字体（1957）

  与 Eduard Hoffmann 合作设计了史上最著名的无衬线字体。

• Wim Crouwel

  1928–2019阿姆斯特丹市立博物馆海报

  荷兰设计师，把网格推向极致，人称 “Mr. Gridnik”。

07正误对照

08设计规范

:root {
  --swiss-red: #E30613;
  --swiss-black: #111;
  --swiss-paper: #fff;
  --font: "Helvetica Neue", Inter, Arial, sans-serif;
  --columns: 12;
  --gutter: 24px;
  --baseline: 8px;
}
body { font-family: var(--font); text-align: left; }
.grid {
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  column-gap: var(--gutter);
}
h1 { font-weight: 700; letter-spacing: -0.04em; line-height: 0.9; }

09当代应用

1. 01车站、机场与地铁导视
2. 02企业形象与品牌手册
3. 03网页与 App 的栅格系统
4. 04博物馆与文化机构视觉
5. 05数据可视化与信息图

10风格关系