设计构成——应用合成网格

2022-06-01 本文已影响0人嘎嘎开心

引用加拿大设计师、排版师、艺术家、插画家和作家玛丽安·班杰斯的话，“设计和排版就像一套剪裁得体的西装。” 构图网格可帮助设计师制作出精美的设计，让人感觉像是真正的杰作。

用户可能会忽略错综复杂的细节和精细的工作，但如果专业地完成，他们可以说“看起来像一百万美元”。但是你应该使用什么类型的网格？

内容为王，您对网格的选择首先应该取决于您的产品提供的内容。一些网格的结构非常适合大段文本，而另一些则专为具有各种类型数据的网站而设计。一些网格更有条理和传统，而另一些则可以帮助您带来创造力。了解各种网格类型的优缺点，以便为您的项目选择正确的网格。

传统的多列网格通常用于具有多种材料类型的产品，例如杂志或报纸。这些网格很灵活，允许以易于阅读的格式组织内容。不仅如此，您还可以操纵列的大小和数量来创建独特、不对称和新鲜的东西。该网站示例使用具有比例宽度的三列网格，而标题占据了所有三列的空间，平衡了构图。

传统上，如果装订线大小为 X，则边距大小为 2X。这样的测量有助于引导用户的注意力，使阅读更加舒适。

三列网格提供了一个统一的解决方案——它们是标准的，可以应用于许多网站。

排版可以帮助定义列。使用不同的权重和大小，您可以确定信息的顺序并创建可以是水平（标题、描述）或垂直列（从左到右）的层次结构。

通过降低列并为标题、标题或照片创建一个清晰的区域，可以避免三列布局的密集。

就像在爵士乐中一样，您可以通过旋转任何常见的网格结构并找到独特的解决方案来演奏独特的即兴演奏。

改变字体的宽度、重量和方向，您可以以全新的视角或完全不同的角度展示网站。例如，提供的网格显示了一个特殊的对角线构图，并带有一种运动感。

拼贴网格本质上是提醒拼贴或滑动益智游戏的模块化网格。网格由正方形组成，每个正方形都被内容占据，并且没有检测到排水沟。这种网格提供了一种不同寻常的方法，并允许对正方形的数量及其填充进行试验。

拼贴网格可能非常适合摄影或设计作品集。

除列之外的模块化网格具有允许组织多个内容区域（模块）的行，比列网格可以提供的更灵活并提供更多控制。它们在呈现表格信息（例如图形、图表、表格、时间表或表格）以及电子商务网站或图片库方面非常受欢迎——想想 Instagram 探索页面。但是，它们可能会产生一种过于有序和数学理性的感觉。

复合网格适用于喜欢挑战并希望在布局中添加更多变化的设计师。这样的网格至少包含两个网格系统——一个可以专门为图像和图形设计，而第二个——用于排版。示例界面覆盖了两个网格，整体构图看起来清新又有点古怪。

传统上，列网格使用相同大小的列，这些列非常适合具有相同优先级的统一内容。对称的列建立了一种秩序感，并允许不同数量的空间和图像大小。相同大小的列非常适合以两种不同的语言呈现相同的信息或比较相反的选项。

请小心，因为具有相同大小列的界面可能看起来单调且缺乏活力。

1962 年，瑞士设计师、印刷师、作家和艺术家 Karl Gerstner 为《资本》杂志设计了一个网格，该网格是一个细分为 58 行和列的正方形。其灵活的结构允许设计师将网格划分为 2、3、4、5 或 6 行和列，并创建不同大小的正方形。

有了这个独特的网格，您可以释放您的创造力，调整列的大小和数量，设计动态和独特的布局，仍然感觉连贯和平衡。

尽管 分层网格 可能看起来有点混乱，缺乏规则的结构，并且不包含重复的间隔，但布局自然依赖于网站的特定内容。

层次网格直观地放置元素——内容本身定义了逻辑对齐和整体构成。设计师可以根据网站内容的需要，调整网格的行、列、流线、边距、模块等。

这种网格类型帮助用户以所需的方式浏览信息，从最重要的元素到不太重要的元素。

您可以应用更精确的方法并使用数学计算来定义内容排列。

本文内容为转载