Trend · 1950s—至今
从穆勒-布罗克曼的严格数学网格到原研哉的'空'——网格系统如何从排版工具演化为设计哲学。
网格是平面设计从手工作坊走向专业学科的标志性工具。它的思想源头可以追溯到 20 世纪初的构成主义与包豪斯对'秩序的抽象'的追求:马列维奇的至上主义、莫霍利-纳吉的版式实验,都把页面组织视为可以系统化的问题。二战后,瑞士设计师将网格发展为一种完整的方法论,以数学化的栏位、间距与对齐统一版面,这一体系经 1961 年穆勒-布罗克曼《网格系统》一书的出版而获得理论形态,成为'国际主义平面设计风格'(瑞士风格)的技术核心。
1910s-1920s:先锋的秩序冲动。 构成主义与包豪斯以非对称、几何与空白挑战传统居中排版,网格作为隐性秩序开始浮现。
1940s-1950s:瑞士网格的成熟。 苏黎世与巴塞尔的平面设计师(比尔、格斯特纳、穆勒-布罗克曼)把网格发展为精确的栏位系统,用于海报、目录与企业印刷品。
1960s:方法论化。 《网格系统》出版,网格从个人经验变为可教授、可复制的方法,横扫欧美企业识别与编辑设计。
1980s-1990s:反叛与解放。 后现代排版(克兰斯·魏因加特、美国'新浪潮')故意打破网格;桌面出版则让任何人都能'看到'网格。
2000s-至今:响应式网格。 网页设计把网格从固定页面扩展到流式布局,CSS Grid 与断点体系使网格成为数字产品的默认秩序。
关键史料节点:1919 包豪斯成立(构成版式源头);1920s 构成主义与包豪斯版式实验;1948 穆勒-布罗克曼赴苏黎世任教;1961 《网格系统》出版;1960s 瑞士风格横扫欧美企业识别;2007 CSS 网格概念兴起、响应式设计普及。
穆勒-布罗克曼与苏黎世音乐会海报(1950s):以严格的 12 栏网格承载抽象几何,是瑞士网格的教科书案例。
格斯特纳与企业识别系统(1960s):把网格发展为可生成的'编程式'系统,为后来的动态识别埋下伏笔。
维尼·庞德与《mobilia》杂志(1960s):以网格+大图+非对称留白确立北欧编辑风格。
布罗克曼《网格系统》书籍版式(1981):书本身就是网格方法论的自我演示。
响应式网页框架(2010s):从 Bootstrap 到 CSS Grid,网格成为数字界面的基础设施。
网格系统兴起的根本动力是信息爆炸与专业分工:战后大众传播需要快速、一致、可批量生产的版面,网格提供了效率与统一。其次是文化语境:瑞士的中立、理性与精密制造传统,为数学化的秩序提供了价值认同。第三是媒介变迁:从金属活字到照相排版再到桌面出版,每一次技术更新都让网格更可控。当代响应式设计则把网格从'版面的工具'扩展为'跨设备的秩序协议'。
网格系统是平面设计职业化的基石:它让版面从个人趣味变为可讨论、可教学、可质控的专业能力,直接支撑了企业识别、编辑设计、信息设计在 20 世纪下半叶的成熟。今天,无论是否自觉,几乎所有平面与界面设计都在网格的坐标中工作。同时,网格与自由版式的辩证关系持续塑造设计教学:先学会秩序,再谈打破秩序,仍是主流课程逻辑。
对网格的批判包括:其一,严格网格可能压制表达,1960 年代的瑞士风格被批评为'冷漠的秩序',其社会承诺(中立、理性)在广告语境中沦为审美面具;其二,网格容易被当作'正确'本身,而忘记它只是服务内容的工具;其三,响应式时代的多层网格使复杂度上升,'网格崇拜'与真正的可读性并不必然一致。最好的网格,是让人忘记网格存在的网格。
《网格系统》
约瑟夫·穆勒-布罗克曼
《平面设计史》
Steven Heller / Philip Meggs
《版式设计原理》
Emil Ruder
以平面设计为主导,建筑和产品设计中的网格化逻辑未被充分分析。数字时代响应式网格的讨论缺失。主要依赖瑞士-日本-美国三个节点的数据。
快照时间:2026/8/16 07:15:40
趋势 ID:trd_grid-systems · 创建于 2026-07-25T00:00:00Z