松散的网格背后的逻辑是什么？

我试图了解这些通常用于显示照片的“松散”网格系统背后的逻辑。我曾尝试解构这些类型的网格，但似乎无法找到有关如何确定图像的位置和比例的连贯解释。请参见下面的示例。

第一个示例似乎更多地基于经典布局，而不是基于刚性网格。它似乎基于黄金分割的“压缩”版本。它被“压缩”的原因可能有很多：

• 该部分已应用到较大的页面，此页面随后进行了修剪
• 照片可能会有些变形
• 设计师说“到底是什么”，然后将部分推开以适合他的页面
• 编辑理由

请注意，黄金分割部分（由于不得不压扁而变成矩形）所生成的“正方形”如何用作确定复制列的宽度以及照片的with和height的单位。

这些照片似乎按照与巴洛克式对角线平行的对角线均匀的节奏排列（从左下到右上）。这样会沿着险恶的对角线（从左上方到右下方）产生一个不错的潮汐，将视线引向复制品。

通常，使用网格来使相似性和差异更加明显，从而更易于识别。

它还鼓励了可访问性，因此观众可以自动知道在哪里寻找元素，因为“ 水平和垂直分隔的接合点充当定位信息的路标 ” [1]。

就是说，关于网格的有趣之处在于，它可以分布和调整其元素，同时可以帮助分类和理解它们以及它们之间的关系，如您在下图中所看到的（来自en.wikipedia.org） 。

正如蒂莫西·萨马拉（Timothy Samara）所说，“每个网格都包含相同的基本部分，无论它变得多么复杂。每个部分都履行着特定的功能”。元素可以是

• 结合在一起
• 要么 省略整个结构

网格元素的组合方式和何时以及如何省略是由设计人员决定的，但应取决于查看者对信息的解释。

查看您的示例，还可能会发生这样的情况，即内容具有其自己的结构，并且作为顺序和说明系统的网格将无法正常工作，因为它可以澄清所有内容。有时，内容也可能需要忽略结构来创建新内容，并引起观众的情绪反应-称为松散网格。;-)

^{[1] 制作和打破网格 Timothy Samara着，Rockport出版社，2005年5月}

就位置而言，这些图像中的许多图像确实看起来与至少一张其他图像的边缘对齐，其中一些图像在垂直或水平方向上居中对齐，并具有不同大小的图像。我认为这些布局更多地是关于对象与平衡之间的关系，而不是严格的网格。