者的您可以使用这些新

doreamon999

宽度来确定图像和文本的大小。第一个段落从三列网格开始，而后面的运行文本则从四列网格开始。 基于+复合网格的示例 +复合网格。（大预览） 通过组合两个网格的列宽度来告知运行文本列的宽度，相同的网格组合（上图）可以产生非常不同的印象。此列与我的大型垂直图像的宽度相匹配，以平衡此设计的两侧。 基于+复合网格的示例 +复合网格。（大预览） 这次，我设置了跨两列运行文本的主要块，并通过组合和的列单位得出了它们的宽度。 至于那些非常窄的列，其宽度只有个单位，它们非常适合告知印刷元素的大小，包括这个大胆的首字下沉。 基于+复合网格的示例 +复合网格。（大预览） 将四列与五。

列重叠（上图）会产生一种极不寻常的节奏模式：|||||||。 对于这种替代设计，我通过在三列上运行文本来以不同的方式使用相同的模式。我使用五列网格的宽度来告知我的支持信息的宽度以及该 - 弯曲后端的图像。 基于+复合网格的示例 +复合网格。（大预览） 在这个 Whatsapp 号码列表 版本的设计（上图）中，一张大图像展示了 - 车身的标志性形状，并且几乎填满了我页面的所有宽度。 运行文本的实心块位于捷豹车轮的正下方，其宽度来自四列和六列网格。 在杂志上做广告 我的下一个设计（如下）实际上将 - 置于操作的中心，文本环绕在其两侧。请记住，没有必要用内容填充每个网格模块。通过限制我的第一段的宽度并在布局中的其他地方留出空间，我创建了一个动态对角线，为这个设计增添了能量和动感。 基于+复合网格的示例 +复合网格。（大预览） 在所有可能的网格组合中，四列和。



六列网格的组合是我在工作中最常使用的一种。它足够灵活，可以处理许多不同类型的内容，并使各种各样的组合成为可能。 基于+复合网格的示例 左：引述感觉与故事脱节。右：该引号的边缘与六列网格中的线对齐。（大预览） 虽然最终设计的整体感觉是平衡的——主要是由于运行文本的居中块，但引述感觉与故事脱节，因为它只占据六列网格中一列的宽度。我可以通过将这句话的边缘与六列网格中的线条对齐来改进这个设计，所以它感觉是故事的一部分。 … （盒子） 设定节奏六个不同节奏的布局模块 杂志设计经常使用不同大小的区域来改变节奏。（大预览） 节奏是一个重要因素，不仅在页面内，而且在整个产品或网站的页面上也是如此。复合网格不仅足够灵活，可以容纳各种内容类型，而且还允许您改变这种视觉节奏。杂志设计经常使用不同大小的区域来改变这种节奏。重复较小的模块会加。