mshflexgrid 网格大小随着窗口变化_设计理论 - 版式设计之网格系统（上）

weixin_39957068

于 2020-12-05 05:34:26 发布

阅读量209

点赞数

文章标签： mshflexgrid 网格大小随着窗口变化

本文链接：https://blog.csdn.net/weixin_39957068/article/details/111705502

版权

什么是网格系统？

用最基本的术语来说，网格是一种结构，包括一系列将页面分为列或模块的线(垂直或相交)，这种结构可以帮助设计人员在页面上安排内容。尽管网格线本身不一定是可见的(尽管在某些设计中是可见的)，但该结构可帮助您管理要在页面上对齐的元素之间的比例，该网格将用作页面布局的框架，将其视为骨架，设计人员可以在该骨架上以易于吸收的方式组织图形元素(例如文本部分、图像以及其他功能性或装饰性元素)。

网格系统起源于印刷设计，但已应用于许多学科。实际上你如果环顾四周，就会发现我们每天使用的许多东西都是使用网格设计的：

网格系统简史

在深入了解布局网格以及如何将其应用于数字产品之前，必须退一步并回顾过去以了解基础知识。

网格化和早期设计

网格与排版紧密相关。作为一个系统，网格首先用于在字体设计，然后将其应用于手稿版面。从书籍设计的早期开始，网格就已经帮助设计师安排页面布局，以帮助用户进行阅读。

复兴时代与和谐设计

文艺复兴时期的绘画对网格系统的发展产生了重大影响，艺术家努力创造出完美的几何形状，从而形成居中且对称的画布布局，并体现了该时期艺术家的作品。

在13世纪，法国建筑师Villard de Honnecourt创建了一个图表，试图实现“和谐设计”。该图将网格系统与黄金比例合并，以产生基于固定比例的边距的页面布局。该技术至今仍在使用，大多数印刷书籍和杂志的设计师都使用Villard de Honnecourt的图表来创建平衡的设计。

网格和印刷设计

从印刷开始(15世纪中叶)到工业革命(18世纪末)，这本书是印刷的主要输出。除极少数例外，通常将类型设置在每页一个合理的列中，并在跨页上对称放置。

工业革命与竞争

工业革命标志着大规模生产的开始。报纸、海报、传单和各种广告等印刷产品的兴起，对印刷设计师提出了很高的要求。设计师必须解决两个问题：向各种人群传达各种信息，并允许自然的扫描行为，同时防止不同部分争夺读者的注意力。

瑞士学校

我们今天所知道的网格与瑞士的版式联系在一起。第一次世界大战时，一直保持中立的瑞士成为欧洲各地富有创造力人士的聚会场所。由于必须以三种官方语言(德语，法语和意大利语)设置印刷出版物，因此设计师需要一种新的网格系统来实现这一目标。 Jan Tschichold和Herbert Bayer等印刷术者采用模块化方法解决了这一问题。第一次空白被用作布局设计中的动态组件，这导致了复杂网格系统的发展。