yzsdr

Swiss Graphic Design|网格与阅读顺序

Swiss Graphic Design 通常指 20 世纪中叶在瑞士形成、后来传播到国际上的现代主义平面设计传统,也常被称为 International Typographic Style。它偏好无衬线字体、非对称排版、照片或几何图形、清晰的网格和克制的色彩。

战后瑞士的设计教育、公共文化机构和印刷工业为这套方法提供了条件。网格让标题、正文、图片和页码在不同尺寸的海报或书籍中保持关系;无衬线字体减少笔画装饰,让字号、字重和位置承担层级。所谓“客观”既是一种排版姿态,也是一种希望设计看起来不依赖个人情绪的职业理想。

Müller-Brockmann 的网格海报

Josef Müller-Brockmann,1957 年海报;Wikimedia Commons,作者资料见原始文件页。圆形、斜线和文字块按网格对齐;斜线与重复圆形表现运动,边缘文字保持可读。

网格规定列、行、边距和基线。图像可跨栏,标题可越过边界,留白作为间距单位;元素之间仍保持稳定的对齐关系。

照片裁切、色块比例、纸张尺寸、印刷色数和文字语言同样决定结果。相同的 Helvetica 置于海报、机场标识和品牌网站中,会因为阅读距离和使用场景不同而形成不同的系统。

传播与评价

Swiss Style 的传播与设计学校、企业身份系统和国际展览密切相关。它后来影响了企业标识、导视、编辑设计和数字界面,也遭到后现代设计师的反对。反对者认为“清晰”背后仍有文化与机构权力,网格和中性字体并不真的没有作者。

Wim Crouwel 的网格化字形说明了另一个方向:当屏幕或矩阵成为媒介,网格不再只是印刷排版的辅助线,而会直接进入字形。像素、点阵和数字显示限制了曲线,设计师可以把这种限制转成可辨认的字体结构。与 ASCII and ANSI 对照,字符格由字库和终端决定;与 Teletext 对照,固定字符单元同时影响图像和广播传输;与 Brutalism 对照,二者都可强调直接、裸露的结构,却一个主要处理信息系统,一个处理建筑体块。

用于 UI 或网页时,可通过列网格、基线、图片裁切和文字层级安排阅读顺序。

排版流程

网格让同一机构的海报、目录、票券与导视共享对齐和间距规则,也为多人协作提供判断尺度。

网格还会改变图片的意义。照片被裁进一个固定栏位后,图像不再只是“完整记录”,而成为信息层级中的一个矩形;标题的字重和位置会决定观者先看人、地点还是日期。把这种方法用于 UI,可以让按钮、状态、图表和说明共享基线,减少界面依赖装饰性分组。

移动屏幕改变栏数,长文本影响基线,动态内容改变留白。数字界面的网格需要处理屏幕响应、文字换行、图片裁切与操作后的阅读顺序。

English Wikipedia