SPT术语库

瑞士排版 Swiss Style

当一个公共服务、展览项目或产品信息页需要让人快速找到时间、地点、规格和下一步时,Swiss Style 用排版系统建立信任,而不是靠装饰制造气氛。

设计风格约 8 分钟 · 从真实需求理解

1瑞士排版先让信息站稳,再让人找到下一步

A city is a clear system of choices.
CITY / 24PROGRAM / 07
PUBLIC PROGRAM · 2026

Make the city easier to read.

Use a clear grid to arrange routes, venues, and the next place worth reaching.

OPEN PROGRAM →VIEW MAP
Good information gives a city shape.
TODAY'S PROGRAM04 DISTRICTS
See one route clearly at a time.
North HallBauhaus in Practice · Entrance 2
Tram 4 → West DistrictPlatform 06 · 18 min
Type WalkOld Town · Meet at 03
GRID / TYPE / ORDER04 DISTRICTSSEE ONE ROUTE CLEARLY AT A TIME.

Swiss Style 不是把页面变成黑白海报,而是用网格、无衬线字体和明确的字号层级,让城市节目、时间、地点和行动入口拥有可预测的阅读位置。

  • 主标题可以很大,但它必须和列轨道、编号或信息索引建立关系,不能只是占据画面。
  • 非对称构图用来区分主次和阅读顺序;模块错位要有网格依据,不能为了不对称而随机漂浮。
  • 黑、白和灰负责内容层级,一处红色或蓝色才承担当前路线、行动入口或状态提示。
  • 细线、编号、单位和留白都应帮助用户扫描真实信息;在 390px 和 320px 下仍要保留标题、时间、地点与主要 CTA。

2设计原则

Swiss Style 最容易被误读成“白底、黑字、红色按钮”。如果标题、编号、时间和说明没有共享网格,页面即使很克制,也只是换了颜色的海报;如果每个区块都被粗边框包住,排版系统就会退化成卡片堆叠。

  • 网格先决定列、边界和阅读路径,再决定元素大小;线条只标记真实分区,不用来制造装饰纹理。
  • 无衬线字体和强烈字号差异负责语义层级,正文、单位和注释必须保留足够行高与对比。
  • 非对称构图让主标题和辅助信息拥有不同重量,但每一处错位都应能回到同一套轨道。

先问用户要扫描什么、比较什么和点击什么,再安排列宽、字号和颜色。交通、展览和规格页可以共享 Swiss Style 的秩序,但不应共享同一组卡片比例和内容顺序。

3典型使用场景

  • 城市交通时刻表
ZÜRICH / LINE 04THU / 08:42
NORTHBOUND · PLATFORM 06

The next stop is clear.

Live departures for the morning connection through the north district.

OPEN ROUTE →SERVICE NOTES
PLATFORM06WAIT08 MIN
  • 展览节目排期
KUNSTHALLE / 062026 · SPRING
ROOM 02 · OPENING PROGRAM
17SAT

Ways of seeing the ordinary.

Three rooms and two talks shape an afternoon made for slow looking.

RESERVE A SEAT →VIEW ALL DATES
  • 产品规格说明页
NORD / TASK LIGHTSERIES / 03
TASK LIGHT · BUILT FOR FOCUS

Put the light where the work is.

Make the numbers clear first, then make the product promise credible.

REQUEST A QUOTE →DOWNLOAD SPECS
  • 城市交通时刻表:用路线、站台和下一班时间证明网格如何降低高密度信息的扫描成本。
  • 展览节目排期:用日期、展厅和场次说明非对称排版如何组织文化活动的阅读顺序。
  • 产品规格说明页:用参数、单位和报价入口证明克制的排版也能承载真实商业任务。

4怎样把 Swiss Style 需求交给 Agent?

请制作一张 Swiss Style 风格的完整页面:先确定一个真实的信息任务,例如交通时刻表、展览节目或产品规格,再用明确的列轨道、非对称构图和无衬线字号层级安排标题、编号、时间、地点与主要入口。请让黑白和灰色承担内容层级,只用一处红色或蓝色强调当前状态与行动;细线必须对应真实分区,不要把页面做成卡片拼贴、黑白海报或只换字体的营销页。页面必须让用户第一眼知道正在看什么,第二眼找到时间、规格或下一步动作。请让 720px 以下收拢为单列,390px 和 320px 下保留完整标题、关键数字、地点和主要按钮,文字自然换行,不产生横向滚动或裁切;如果换成交通、文化或产品任务,必须重新组织内容对象和版式节奏,而不是复制同一张网格换文案。

社区延伸

看别人真实遇到过什么

社区帖子还没有关联到这个词条。