阿格莱亚身着瑞士风格:米白底,一条红色竖条与一条细横线

艺术风格 · 美学百科全书

瑞士风格

Swiss Style

瑞士风格是一套以数学网格、无衬线字体与客观摄影实现清晰传达的设计方法(约 1950–1970 年代,瑞士苏黎世与巴塞尔),它的信条是:清晰即诚实。

约 1950–1970 年代 · 瑞士苏黎世与巴塞尔

向下看看 ↓

简介

瑞士风格诞生于二战后的苏黎世与巴塞尔。它的信条只有一句话:清晰即诚实。设计师用数学网格、无衬线字体、客观摄影与非对称排版,把信息传达得清清楚楚;拒绝装饰不是品味,而是一种伦理立场——装饰会干扰信息,就是不诚实。

1958 年,米勒-布罗克曼等人创办《新平面设计》杂志,把这套方法传播到全世界,它从此被称为"国际主义风格"。1957 年问世的 Helvetica 成了它的声音;1981 年的《网格系统》把它写成了手册。

今天,这套方法已经是 UI 设计的默认语法:12 列网格、8pt 间距、无衬线字体的层级,几乎每个 App 都在用它——大多数人用着它,却不知道它叫瑞士风格。

英文定义:The Swiss Style is a design method built on mathematical grids, sans-serif typography and objective photography (c. 1950s–1970s, Zurich and Basel, Switzerland), founded on one belief: clarity is honesty.

第一个 prompt

要跟 AI 说这个风格,第一句话就这么说。直接复制就能用。

中文
用瑞士风格设计一个 App 首页:严格的 12 列网格、黑白为主、一点红色强调、左对齐无衬线字体,层级靠字号与字重,清晰、客观、没有装饰。
English
Design an app home screen in Swiss Style: a strict 12-column grid, black and white with one red accent, left-aligned sans-serif type, hierarchy by size and weight — clear, objective, no decoration.

变体

  • 海报

    用瑞士风格做一张音乐会海报:网格对齐的无衬线大字标题、黑白照片、一点红色强调,左对齐、右参差,信息清晰第一。

    Design a concert poster in Swiss Style: grid-aligned large sans-serif headline, black-and-white photography, one red accent, flush left ragged right — information first.

  • 品牌

    用瑞士风格设计一个银行的品牌视觉:黑白两色、严格网格、Helvetica 式无衬线字体,冷静、可信、精确。

    Design a bank brand identity in Swiss Style: black and white only, strict grid, Helvetica-style sans-serif type — calm, trustworthy, precise.

  • 网页

    用瑞士风格设计一个新闻网站首页:12 列网格、模块化卡片、黑白照片配红色分类标签,层级分明、没有装饰。

    Design a news homepage in Swiss Style: a 12-column grid, modular cards, black-and-white photos with red category tags — clear hierarchy, no decoration.

风格卡

给机器用的规格。工作台拼装时,真正调用的就是这张卡。

配色

#141414

墨黑 · 主色·文字与结构

#FFFFFF

纸白 · 底色·纸张白

#D43C28

瑞士红 · 强调·取自《Musica Viva》

#8A8A8A

中灰 · 次要文字

#F4F4F4

浅灰 · 分隔与底色

字体
无衬线是唯一选择。源头是 Helvetica(1957)与 Univers(1957),均为商业字体,需购买授权;Akzidenz-Grotesk 是它们的先辈。开源替代:Inter(站内已有)、Archivo、Liberation Sans。层级只靠字号与字重;左对齐、右参差;不用斜体作装饰。
构图
模块化网格(常 6 或 12 列);非对称排版;数学比例;留白即结构;所有元素对齐网格线。
形态
网格、色块、客观摄影图片;直线与直角;拒绝装饰。
质感与母题
纸张白底;干净印刷;黑白照片;红色强调块。
禁忌
不用装饰字体;不居中排版(左对齐是铁律);不用渐变、阴影、圆角装饰;不堆砌色彩(黑白 + 一个强调色);不打破网格随意摆放。

画廊

几幅代表作。每幅只看一点:它最能说明这个风格的那一点。

米勒-布罗克曼《Musica Viva》海报

约瑟夫·米勒-布罗克曼 · 1958 · 版权期

看:几何模块按音乐的比例关系排布,网格里藏着节奏;亚麻油毡凸版 + 活字印刷,128 × 90.5 cm。藏:纽约现代艺术博物馆。

查看原作(MoMA 藏品页)↗

霍夫曼《吉赛尔》海报

阿明·霍夫曼 · 1959 · 版权期

看:模糊的舞者照片只占右三分之二,左边只有竖排的 "giselle" 小写字母——照片与字体各走各的路,却彼此平衡。藏:旧金山现代艺术博物馆。

查看原作(SFMOMA 藏品页)↗

Helvetica 字体

马克斯·米丁格与爱德华·霍夫曼 · 1957 · 商业字体(Monotype 授权)

看:中性到近乎没有性格——正是这种"没有性格"让它成了全世界最常见的字体;原名 Neue Haas Grotesk,1960 年改名 Helvetica(拉丁语"瑞士")。

查看介绍(Helvetica 历史与版本)↗

《网格系统》

约瑟夫·米勒-布罗克曼 · 1981 · 版权期

看:米勒-布罗克曼把三十年实践写成手册——从 8 格到 32 格的网格怎么算、怎么用;至今仍在印,是设计教育的标准课本。出版社:Niggli。

查看介绍 ↗

《新平面设计》杂志

米勒-布罗克曼与罗泽、诺伊堡、维瓦雷利 · 1958–1965 · 版权期

看:三语排版、严格网格,这本杂志本身就是瑞士方法的演示——它把瑞士风格变成了"国际主义风格"。

查看介绍(瑞士风格总览)↗

历史流变

  1. 1928 契希奥尔德出版《新版式设计》,为瑞士风格奠定理论基础;包豪斯的影响经麦克斯·比尔传入瑞士。
  2. 1951 米勒-布罗克曼开始为苏黎世音乐厅设计系列海报。
  3. 1957 Helvetica 问世(米丁格与霍夫曼,哈斯铸字厂,原名 Neue Haas Grotesk);同年弗鲁提格设计 Univers。
  4. 1958 《新平面设计》杂志创刊(米勒-布罗克曼与罗泽、诺伊堡、维瓦雷利);同年《Musica Viva》海报。
  5. 1959 霍夫曼《吉赛尔》海报——照片与字体的经典一课。
  6. 1967 鲁德出版《版式设计》,巴塞尔学派的教科书。
  7. 1981 米勒-布罗克曼出版《网格系统》,瑞士方法写成手册,至今仍在印。
  8. 至今 12 列网格、8pt 间距、无衬线字体层级成为 UI 设计的默认语法。

关键人物

  • 约瑟夫·米勒-布罗克曼——网格系统的集大成者,《网格系统》的作者。
  • 阿明·霍夫曼——巴塞尔学派的灵魂,海报大师。
  • 埃米尔·鲁德——《版式设计》的作者,巴塞尔的教学支柱。
  • 马克斯·米丁格——Helvetica 的设计者。
  • 阿德里安·弗鲁提格——Univers 的设计者。

演变与影响

从包豪斯与构成主义中来,是它们的瑞士化;与风格派同源。直接继承者是极简主义与扁平化设计;今天的 UI 设计几乎全盘继承了它的语法——网格、字号层级、黑白 + 一个强调色。

相关条目

相关流派

各流派页逐篇发布,发布后转为链接。

搭得好的组件

关键词:瑞士风格、国际主义风格、网格、Helvetica、米勒-布罗克曼、左对齐、清晰即诚实

草稿。画廊五幅作品均为版权期,只放文字介绍 + 外链,不直接放图。英文全文翻译后补。