当页面包含两个单独的主题或不同类型的内容时

RAHIM120

堆叠网格可能是使这种差异更加明显的好方法。 下一页的顶部是关于捷豹 E-Type 的故事。其背后隐藏着一个关于著名的勒芒 24 小时耐力赛的完全不同的故事。为了让人们确信这些故事是独立的，请为每个故事使用不同的网格。我将顶部故事基于四列网格，底部故事基于六列网格。 4+6列网格，堆叠 4+6列网格，堆叠。（大预览） 在上面，我通过将第二个故事放在灰色背景下，使这两个故事之间的差异显而易见。我还使用段落间距而不是第一行缩进。 4 根柱子和一个模块化网格，堆叠在一起 4 根柱子和一个模块化网格，堆叠在一起。（大预览） 我通过将第一个故事置于灰色背景下，使这两个故事之间的差异变得明显。在第二个故事中，我还使用更粗的字体和段落间距，而不是缩进第一行。 卡尔·格斯特纳 # 卡尔·格斯特纳（Karl Gerstner，1930-2017）是一位瑞士艺术家，也是最有影响力的印刷师之一。

他年仅 19 岁就开始工作，师从 Fritz Büler，随后与他 法国电报号码数据 籍已经绝版了几十年，而且每本的价格往往高达数百英镑，所以如果你没有亲眼目睹他的设计，我不会感到惊讶。但是，您会看到很多其他人受其启发的作品。 格斯特纳让不合理、右对齐的文本闻名，因为在此之前，字体的栏位通常都是合理的。他还提出了使用字体和版式设计在页面上的单词与其含义之间建立联系的想法。虽然这个概念对于今天的我们来说似乎是显而易见的，但这个想法在 20 世纪 60 年代似乎是革命性的。 卡尔·郭士纳 (Karl Gerstner) 最出名的可能是他从 1962 年开始在季刊《资本》杂志上发表的标志性作品。事实上，正是通过我对《资本》的研究以及郭士纳为其创建的复合网格，我第一次认识了他和他的作品。



卡尔·格斯特纳 (Karl Gerstner) 为《Sinar》制作的广告 卡尔·格斯特纳 (Karl Gerstner) 为《Sinar》拍摄的广告。（大预览） 一个奇怪的巧合是，我最近发现郭士纳的代理机构还为 Sinar 制作了广告，Sinar 是我在 20 世纪 90 年代初合作过的一家瑞士大画幅相机制造商。在这些广告中，“Sinar”一词的形状类似于在大画幅相机上使用摆动和倾斜运动的结果。 开发复合网格 # 当您第一次看到 Karl Gerstner 的移动网格时，您可能会认为复合网格实施起来具有挑战性。虽然使用传统方法开发复合网格是一个复杂的过程，但今天的布局工具（包括 CSS 网格）现在使其变得简单。 使用复合网格设计布局需要改变您的思维模型，开发它们也不例外。然而，CSS 网格行数与新的灵活长度单位 (fr) 相结合将使这种转变更加平滑。